bvv/* CSS Document */



body{
background-color:#FFF;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

#content {
}

a{
text-decoration:none;
color:#666666;
}

h1{
font-size:24px;
}


h2{
font-size:18px;
}

h3{
font-size:12px;
}

table{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}

ul li{
margin-top:5px;
}



#box_01 ul li{
margin:0px;
padding:0px;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12.5;
text-decoration: none;
}


#header {
position:relative;
/*
height: 144px;
width: 769px;
background:url(../work_01/Bilder/microsite_01_01.jpg) no-repeat;
*/
}

#navigation { 
position: absolute;
width: 600px;
left: 50px;
top: 115px;
color: #999;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
}


#navigation a, #navigation table a { 
display:block;
float:left;
font-size:16px;
margin-right:18px;
margin-bottom:5px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#999;
text-decoration:none;
}

.aktiver_link, #navigation .aktiver_link, #navigation table .aktiver_link{ 
color: #333333;
font-size:16px;
}

#subnavigation{ 
color:#333;
font-size:14px;
text-align:left;
height:380px;
position:absolute;
vertical-align:top;
left:50px;
width:260px;
font-family: Arial, Helvetica, sans-serif;
}

#subnavigation a{ 
color:#999;
font-weight:550;
text-decoration:none;
}

.aktiver_link, #subnavigation .aktiver_link{ 
color: #333333;
font-size:14px;
}


.title {
background-color: #ee7f01;
}

.flag-container {
	position:relative;
	top: -120px;
	left: 910px;
	width: 55px;
}

.flag-container_page {
	position:relative;
	top: -45px;
	left: 910px;
	width: 55px;
}


#title_pic{
	background-repeat:no-repeat;
	height:116px;
	width:970px;
	position:absolute;
	top:140px;
}

#titletext {
width:650px;
margin-left:52px;
/*padding-top:8px;*/
}


#titletext h1{
font-size:24px;
font-family: Arial, Helvetica, sans-serif;
font-weight:800;
/*margin-left: 55px;*/
/*top:8px;*/
}


#text_position{
margin-left:52px;
margin-top:35px;
font-family: Arial, Helvetica, sans-serif;
}

#text_position ul li{
margin-left:-22px;}

#box_01 {
	position:relative;
	display:block;
	float:left;
	margin: 0;
}

#box_text1 {
font-family: Arial, Helvetica, sans-serif;
position:absolute;
z-index: 5;
visibility:hidden;
text-decoration:none;
color:#333333;
background-color:#f5ece2;
display:block;
width:320px;
height:334px;
top:100px;
left:0px;

/*
top:364px;
left:19px;*/



}

div .box_01_preview {
height: 434px;
/*background-image:url(../pics/image/box/microsite_01_05.jpg);*/
background-repeat: no-repeat;
z-index: 99;
width:325px;
display:block;
float:left;
}


#box_02 {
position:relative;
	height:415px;
	width: 700;
	overflow:auto;
	line-height:18px;
	left: 0px;
	top:0px;
	margin: 0px;
	padding: 0px;
}


/* IE 6 */
* html #box_02{
	left: 45px;
	top:15px;
}

/* IE 7 */
* + html #box_02{
	left: 45px;
	top:15px;
}



#box_text2 {
position:absolute;
z-index: 5;
visibility:hidden;
text-decoration:none;
color:#333333;
display:block;
width:320px;
background-color:#f5ece2;
height:334px;
top:100px;
left: 325px;
}


div.box_02_preview {
height: 434px;
/*background-image:url(../pics/image/box/microsite_01_07.jpg);*/
background-repeat: no-repeat;
z-index: 6;
width:325px;
display:block;
float:left;
}

#box_text3 {
position:absolute;
z-index: 5;
visibility:hidden;
text-decoration:none;
color:#333333;
display:block;
width:320px;
background-color:#f5ece2;
height:334px;
top:100px;
left:650px;
}


div.box_03_preview {
height: 434px;
/*background-image:url(../pics/image/box/microsite_01_09.jpg);*/
background-repeat: no-repeat;
z-index: 6;
width:320px;
display:block;
float:left;
}

#footer{
background-color:#F58220;
/*padding:5px;*/
font-size:9px;
}

#footer table{
font-size:11px;
}

#footer a{
color:#333333;
}

#lobaadress{
/*visibility:hidden;*/
}

#footer #lobaadress{
visibility:hidden;
}

#kontakt_1{
text-align:right;
position:relative;
height:25px;
cursor:pointer;
}

#kontakt_1_left{
position:absolute;
text-align:left;
display:block;
float:left;
left:5px;
top:3px;
color:#000;
font-size:11px;
}

#kontakt_1_right{
position:absolute;
text-align:right;
left:828px;
top:3px;
color:#000;
font-size:11px;

}

/*#box_01_preview {
height: 100px;
background-image:url(../work_01/Bilder/microsite_01_05.jpg);
background-repeat: no-repeat;
background-position: 0 -210px;
}*/

#flash {
z-index: 1;

}



/*lightbox*/

h3 {color:#261d1a; font-size:1.6em; padding:3px; margin:0;}
#basic-modal-content1 {display:none;}
#basic-modal-content2 {display:none;}
#basic-modal-content3 {display:none;}


/* Overlay */
#simplemodal-overlay {
cursor:auto; 
background:#000;
z-index: 999;
}

/* Container */

#simplemodal-container {
height:500px; 
width:500px; 
color:#bbb; 
overflow:hidden; 
background:url(../pics/contactbox/background_all.png) no-repeat; 
z-index:999;
}




#simplemodal-container code {
border-left:3px 
solid #65B43D; 
color:#bbb; 
display:block; 
padding:4px 6px 6px; 
width:450px; height:290; 
margin-right:15px; 
margin-bottom:15px; 
padding-top:15px; 
overflow:hidden; 
z-index:999;
}

#simplemodal-container a {color:#000;}

#simplemodal-container a.modalCloseImg {
background:url(../pics/contactbox/x.png) 
no-repeat; width:25px; 
height:25px; 
display:inline; 
z-index:3200; 
position:absolute; 
top: 10px; 
right:55px; 
cursor:pointer; 
overflow:hidden;
z-index:999;}



#simplemodal-container #basic-modal-content1 {padding:8px; overflow:hidden;z-index:999;}
#simplemodal-container #basic-modal-content2 {padding:8px; overflow:hidden;z-index:999;}
#simplemodal-container #basic-modal-content3 {padding:8px; overflow:hidden;z-index:999;}
#simplemodal-container #basic-modal-content1 a{color:#666666;}
#simplemodal-container #basic-modal-content2 a{color:#666666;}
#simplemodal-container #basic-modal-content3 a{color:#666666;}
#simplemodal-top{
height:45px; 
padding:0; margin:0; 
color:#333333; 
overflow:hidden; 
z-index:9999999;}

#simplemodal-top h3{ left:25px; top:5px;}


#basic_modal_textinbox{
z-index:999;
height:220px;
overflow:auto;
top:50px;
width:425px;
}





/* IE 6 */

* html #simplemodal-container #basic-modal-content1 {
margin-top:5px;
}
* html #simplemodal-container #basic-modal-content2 {
margin-top:5px;
}
* html #simplemodal-container #basic-modal-content3 {
margin-top:5px;
}

* html #simplemodal-top {
margin-top:-5px;
z-index: 999;
}

/* IE 7 */

* + html #simplemodal-container #basic-modal-content1  {
margin-top:5px;
z-index: 999;
}
* + html #simplemodal-container #basic-modal-content2  {
margin-top:5px;
z-index: 999;
}
* + html #simplemodal-container #basic-modal-content3  {
margin-top:5px;
}

* + html #simplemodal-top {
margin-top:0 px;
z-index: 999;
}

/* IE 6 */

* html #simplemodal-container a.modalCloseImg {
background:url(../pics/contactbox/x.png) no-repeat; width:25px; height:25px; display:inline; z-index:3200; position:absolute; top: 10px; right:60; cursor:pointer;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/contactbox/x.png',sizingMethod='scale'); z-index: 999;}
/* IE 7 */

* + html #simplemodal-container a.modalCloseImg {
background:url(../pics/contactbox/x.png) no-repeat; width:25px; height:25px; display:inline; z-index:3200; position:absolute; top: 10px; right:100; cursor:pointer; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/contactbox/x.png',sizingMethod='scale'); z-index: 999;}






/*kontakt lightbox*/
/* Overlay */
#contact-overlay {background:#000; cursor:auto; z-index:999;}

/* Container */
#contact-container { height:450px; font-family: Arial, Helvetica, sans-serif, Verdana, Arial; font-size:16px; text-align:left;
background:url(../pics/contactbox/background_all.png) no-repeat; width:500px; z-index:999;}
#contact-container .contact-content {color:#ddd; height:20px; margin-left:50px; z-index:999;}
#contact-container h1 {color:#333333; margin:0; padding:10px 10px 15px 10px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(../pics/contactbox/loading.gif) no-repeat; z-index:8000; height:50px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center; margin-top:10px; margin-bottom:5px; color:#666666;}
#contact-container .contact-error {width:92%; font-size:.8em; /*border:2px solid #ccc;*/ font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px; color: #666666;}


#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:normal; color:#000000; font-size:12px;}
#contact-container .contact-input {font-family:Arial, Helvetica, sans-serif, Verdana, Arial; float:left; padding:2px; margin:2px;border:1px solid #000; width:200px; display:block;}
#contact-container textarea {height:95px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:45px; /*background:url(../pics/contactbox/top.png) no-repeat;*/ padding:0; margin:0; color:#333333;}
h1 .contact-title{
color:#333333;
}


#contact-container .contact-bottom {height:35px; /*background:url(../pics/contactbox/bottom.jpg)*/ no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}


#contact-container .contact-send { width:90px; background:url(../pics/contactbox/send.png) no-repeat; margin-bottom:10px;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {
background-image:url(../pics/contactbox/x.png);
height:25px;
position:absolute;
z-index:999;
width:25px;
right:50px;
top:10;
/*text-decoration:none; text-align:center; background-color:#000000; font-weight:bold; width:25px; height:25px; font-size:2em; position:absolute; top:15px; right:25px; color:#FFFFFF; padding:0px; */
background-image:url(../pics/contactbox/x.png) no-repeat;}
#contact-container a.modal-close:hover {color:#CCCCCC;}
.closebox{text-align:right;
background-image:url(../pics/contactbox/x.png);
height:25px;
width:25px;
}

/* IE 6 */

* html #contact-container .contact-message {
margin-bottom:-5px;
}
/* IE 7 */

* + html #contact-container .contact-message {
margin-bottom:-5px;
}