/*   css for  optionBE.de by tizian bauer at ansichtsache.com for vierplus.de   */
*  {
margin:0;
padding:0;
}
html { height: 100%; margin-bottom: 1px; } 
body {
color: #333;
text-align:left;
margin:0;
padding:0;
min-height:101%;
height: 101%;
font-size:85%;
position:relative;
font-family: Arial, sans-serif;
background-image: url(/files/design/optionbe_header_bg.gif);
background-position: top left;
background-repeat: repeat-x;
background-color: #E88700;
background-attachment: scroll;
}
fieldset, img { border:0; 
}
.hidden {
visibility:hidden;}

.headerlogo {
height:255px;
width:200px;
display:table;
float: left;
margin-left:50px;
}
a:hover.headerlogo  {
color:#E88700;
}
.headerimage {
float:right;
margin-right: 40px;
}

#wrapper {
left:0px;
right:0px;
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
width:1000px;
position:absolute;

}

#container {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0pt;
padding-bottom: 0pt;
height: auto;
top:0;
bottom: 0;
margin-top:0;
margin-bottom:0;
z-index:-1;
position:static;
}
#header {
height:145px;
overflow: hidden;
background-image: url(/files/design/optionbe_header.gif);
background-position: top center;
background-repeat: no-repeat;
}
img a {
border:0;
}
#header h1 {
margin:95px 20px 0 35px;
font-weight:700;
font-size:18px;
position:relative;
float:left;
font-weight:bold;
}
#header h2 {
float:right;
margin:105px 20px 0 0;
color: #B42827;
font-weight:700;
font-size:1.6em;
}

#contentwrapper {
width:1000px;
float:left;
background-image: url(/files/design/optionbe_bg.gif);
background-position: center;
background-repeat: repeat-y;
min-height:450px;
}
#navigation_wrapper {
width:230px;
float:left;
background-color:#fff;
margin-left:43px;

}
#navigation_wrapper .oi {
margin-left:20px;
margin-top:25px;
}


/*     Content-Container     */
#content {
width:457px;
float:left;
height:100%;
background-color:#fff;
line-height:140%;
}
#content .oi {
margin:25px 15px 25px 0px;
}
#content_image {
margin:0 10px 0 20px;
}
#content ul li {
list-style-type: disc;
margin-left:15px;
}
#content ol li {
margin-left:25px;
font-size:0.9em;
}
#content .oi p, #content .oi h1, #content .oi h2, #content .oi ul {
margin-bottom:0.75em;
}
#content .oi p strong {
color:#DC7F00;}
#content img {
margin:25px 0;}

.kurz {
border-top:solid 1px #DC7F00;
}
#content .oi .kurz h1, #content .oi .kurz h2, #content .oi .kurz h3 {
margin-top:0.75em;
margin-bottom:0.5em;
}
#content .oi .kurz p {
margin-bottom:0.5em;
}
.extra {
width:265px;
float:right;
height:100%;
background-color: #E08700;
}
.extra .oi{
margin:10px 15px;
font-size:0.95em;
}
.extra h1, .extra p {
color:#333;
margin:0;
}

#footer {
margin-left:45px;
font-size:0.85em;}
#footer a{
color:#333;}

.smallpic  {
float:left;
height:191px;
position:relative;
width:520px;
margin:0 0 0 20px;
}

.smallpic p {
color:#B42827;
bottom:0;
position:absolute;
margin-left:285px;
font-size:1em;
}
.team {
margin:0 0 2.5em;}
.float-divider {
clear:both;
}
div.teaser2 {
border-top: solid 1px #000;
}

/*   Navigation     */
#navigation_wrapper li {
margin:10px 5px 10px 5px;
}
#submenu {
list-style-type: none;
font-size:1.0em;
font-weight: 700;
letter-spacing: 0px;
}

#submenu a {
color:#999999;
text-decoration:none;

}
#submenu li#current a{
color:#E88700;
text-decoration:none;
}
#submenu a:hover {
color:#333333;
}

.subnav1 {
list-style-type: none;
font-size:0.9em;
}
ul#submenu li#current ul.subnav1 li  {
margin-left:5px;
}
ul#submenu li#current ul.subnav1 li a {
color:#999999;
text-decoration:none;
}
ul#submenu li#current ul.subnav1 li#active a, ul#submenu li#current ul.subnav1 li a:hover {
color:#333333;
text-decoration:none;
font-weight: 700;
letter-spacing: 0px;
}
#content .submenue li {
list-style-type:none;
margin:0;
font-weight:700;
}
ul.subnav2 {
visibility:hidden;
display:none;}

#content .oi li {font-size:1.0em;}
h1, h2,h3, p {
font-size:1.0em;
}

h1 {
color:#333333;
}
h2 {
color:#666666;
}
h3 {
color:#DC7F00;
}
p {
color:#333;
}
a  {
color:#E88700;
text-decoration:none;
}
a:hover  {
color:#333;
text-decoration:underline;
}


/*       Forms             */

#suche	{
width:198px;
height:16px;
bottom:6px;
left:6px;
z-index:200;
position:absolute;
}

#suche input {
bottom:0px;
border: 0px;
width:174px;
height:16px;	
margin:0px;
position:absolute;
background-color:#CCCCCC;

}

#suche #submit	{
bottom:0px;
right:0px;
width:16px;
height:16px;
position:absolute;
}

.formtext, .formtextfield {
border:solid #ccc 1px;
width:100%;
margin:0;
padding:0;
float:left;
}
* html .formtext {
margin:0 0 0 -20px;
}
* html .formtextfield {
margin:0 0 0 -20px;
}
*:first-child+html .formtextfield {
margin:0 10px 0 -45px;
}
*:first-child+html .formtext {
margin:0 10px 0 -45px;
}
.fieldset {
margin:0;
padding:0;
}
input.formcheck {
border:solid #ccc 1px;
}
input.formsubmit {
background-color:#ccc;
border:solid #ccc 1px;
margin:10px 0;
}
/* Tables  */

table {
font-size:0.9em;
table-layout: auto;
width: 98%;
}
table p {
margin-bottom:0;
}
td {
padding-right:20px;
}
.content_text_sub tr {
vertical-align:top;
}
.content_text_sub td {
border-top:solid 1px #CCC;
}

.links_logo {
text-align:center;
width:50%;
}

#lightboxImage {
z-index:100;}



/*       startseite     */

#start_contentwrapper {
width:1000px;
height: 100%;
position:absolute;
}

#start_content {
width:1000px;
float:left;
height:555px;

position:relative;

}

.teaser {
width:215px;
float:left;
height:auto;
font-size:0.95em;
position:absolute;
}
.teaser h1, .teaser p {
font-weight:normal;
font-size:15px;
}
.eins {
top:8px;
left:285px;
}
.zwei {
top:155px;
left:50px;
}
.drei {
top:240px;
left:285px;
}
.vier {
top:315px;
left:740px;
}

.fuenf {
top:0px;
left:43px;
}
.sechs {
top:415px;
left:272px;
}
.sieben {
top:0px;
left:500px;
}
.acht {
top:147px;
left:730px;
}

.teaser .oi {
margin:0 15px 0 0;
}

.teaser p, .teaser a {
color:#fff;
}

.teaser_image {
float:left;
margin-right:10px;
margin-top:-5px;

}
.testimonial {
width:200px;
float:left;
min-height:125px;
margin:25px 0px 0 15px;

}
.rechts p {
font-size:1.1em;
font-weight: 700;
color:#fff;}
.rechts em {
font-weight: normal;
}


#start_content_oi {
margin:0 0 0 20px;
}