/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Farben 																																																*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*	Blau 								 					#061F4E 
/*  Blau (Striche)								#124166


/*	Gelb 								 					#F7AD00 

/*	Grau	(	10%	)									#D7D7D7
/*	Grau	(	20%	)									#B7B7B7
/*	Grau	(	30%	)									#9B9B9B
/*	Grau	(	50%	)									#707070		
		

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Ausgelagerte Styles																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/* form elements */
@import url("menu.css");


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Aussenrahmen																																													*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.frameSpacer	{	background-color: #D7D7D7;	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Allgemeine Styles																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



body
{
  margin: 0px;
  padding: 0px;
  font-family: Arial;
  font-size: 11px;
  color: #061F4E;
	background-color: #D7D7D7;
	background-repeat: no-repeat; 
	background-position: top center;
}

#container 
{
	position: absolute;
	left: 50%;
	width: 880px;
	margin-left: -440px; /*set to a negative number 1/2 of your width*/
	background-color: #FFFFFF;
}

img { border: 0px; }

h1 { color: #002445; font-size: 13px; margin: 5px 0px 2px 0px; }

h2 { color: #002445; font-size: 11px; }

table { font-size: 11px;}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Header Image																																													*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#headerMenu
{
position: relative;
display: block;
width: 880px; 
height: 90px;  
z-index: 20; 
background: url(../_images/bg_head.jpg) repeat-x;
}

#logoSabik
{
position: absolute;
top: 10px;
left: 768px;
z-index: 25;

}

#logoWeShowTheWay
{
position: absolute;
top: 5px;
left: 105px;
z-index: 25;
}

#imageHead
{
position: relative;
display: block;
width: 880px; 
height: 149px;  
background: repeat-x;
}

#bildbg
{
position: relative;
display: block;
width: 880px; 
height: 149px;  
background: url(../_images/bg_head.jpg) repeat-x;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Content Styles																																												*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#contentHeader
{
position: relative;
display: block;
left: 0px;
top: 2px;
width: 880px;
height: 27px;
background: #002445;

}

#contentMain
{
position: relative;
display: block;
top: 10px;
left: 0px;
width: 880px;
background-color: #FFFFFF;
}

#spanner
{
position: absolute;
display: block;
top: 0px;
left: 0px;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#contentHeaderLeft
{
position: absolute;
top: 0px;
left: 25px;
height: 27px;
line-height: 27px;
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
}

#contentHeaderCenter
{
position: absolute;
top: 0px;
left: 240px;
height: 27px;
line-height: 27px;
vertical-align: middle;
color: #FF9100;
font-weight: bold;
font-size: 16px;
}

#contentHeaderRight
{
position: absolute;
top: 0px;
left: 670px;
height: 27px;
line-height: 27px;
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#contentMainLeft
{
width: 190px;
float: left;
padding-left: 25px;
}

#contentMainCenter
{
width: 410px;
float: left;
margin-left: 25px;

}

#contentMainRight
{
width: 190px;
float: left !important;
padding-left: 20px;
min-height:280px;
height:auto !important;  
/*height:280px; */  
height:320px;  
}

#contentFooter
{
clear: both;
position: relative;
display: block;
left: 0px;
top: 20px;
width: 880px;
height: 21px;
background: #FFFFFF url(../_images/footer.gif);
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#startContainerA { position: absolute; top: 0px; left: 240px; width: 410px; text-decoration: none; z-index: 1; } 

#startContainerB { position: absolute; top: 90px; left: 240px; width: 410px; text-decoration: none; z-index: 1; }

#startContainerC { position: absolute; top: 190px; left: 240px; width: 410px; text-decoration: none; z-index: 1; }



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#userLoginContainer
{
position: absolute;
/*top: 145px;*/
top: 135px;
display: block;
}

#userLogin 
{
position: relative;

background: #D7D7D7;
width: 190px;
height: 118px;
}

#userLoginContent 
{
position: relative;
top: 4px;
left: 10px;
color: #002445;
font-size: 10px;
}

input.userLoginContent
{
width: 170px;

font-size: 11px;
border: 0px;
background-color: #FFFFFF;
padding-bottom: 3px;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Text Styles																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.white
{
color: #FFFFFF;
}

.listItem
{
display: block;
vertical-align: middle;
color: #002445;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
height: 15px;


}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


.spacer
{
display:block; 
font-size: 1px;
}

.lineSpacer
{
position: relative;
background: url(../_images/line_spacer.gif) repeat-x ;
width: 190px;
height: 1px;
display: block;

}

.lineSpacerBig
{
position: relative;
background: url(../_images/line_spacer_big.gif) ;
width: 410px;
height: 1px;
display: block;
}

.lineSpacerFull
{
position: relative;
background: url(../_images/line_spacer_big.gif) ;
width: 600px;
height: 1px;
display: block;
}


.scrollArea
{
width: 638px;
height: 295px;
overflow: auto;

background-color:#FFFFFF;
scrollbar-base-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#002E5C;
scrollbar-darkshadow-color:#B7B7B7;
scrollbar-face-color:#B7B7B7;
scrollbar-highlight-color:#B7B7B7;
scrollbar-shadow-color:#B7B7B7;
scrollbar-track-color:#FFFFFF;
}

.newsImage
{
float: left;
margin-top: 3px;
margin-bottom: 8px;
margin-right: 10px;
}

#newsTeaser.lineSpacer
{
position: absolute;
top: 140px;
background: url(../_images/line_spacer.gif) repeat-x ;
width: 190px;

}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Link Styles																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

a.startLinks:link, a.startLinks:visited, a.startLinks:hover
{
text-decoration: none;
color: #061F4E;
}

a.navigationPoint:link, a.navigationPoint:visited  
{
	display: block;
	background:  url(../_images/bt_navi_item.gif) no-repeat;
	vertical-align: middle;
	color: #002445;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 18px;
	width: 170px;
	text-decoration: none;
	z-index: 1;
}

a.navigationPoint:hover  
{
	background-position: 0px -42px;
	text-decoration: none;
	font-weight: bold;
	color: #002445;
	z-index: 2;
}

a.navigationPointBold:link, a.navigationPointBold:visited 
{
	display: block;
	background:  url(../_images/bt_navi_item.gif) no-repeat;
	vertical-align: middle;
	color: #002445;
	text-align: left;
	padding-top: 3px;
	padding-left: 14px;
	width: 170px;
	text-decoration: none;
	font-weight: bold;
	z-index: 1;
	
}

a.navigationPointBold:hover  
{
	background-position: 0px -42px;
	text-decoration: none;
	font-weight: bold;
	color: #002445;
	z-index:2;
}

a.navigationPointActive:link, a.navigationPointActive:visited, a.navigationPointActive:hover 
{
	display: block;
	background:  url(../_images/bt_navi_item.gif) no-repeat;
	vertical-align: middle;
	color: #002445;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 18px;
	width: 170px;
	text-decoration: none;
	z-index: 1;
	background-position: 0px -42px;
	font-weight: bold;
}

.fakeNavi 
{
	display: block;
	vertical-align: middle;
	color: #002445;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 15px;
	width: 170px;
	font-weight: bold;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

a.newsTeaser:link, a.newsTeaser:visited, a.newsTeaser:hover
{
display: block;
width: 170px;
color: #002445;
padding-bottom: 5px;
text-decoration: none;
}

.navigationPointBoldHover  
{
display: block;
background:  url(../_images/bt_navi_item.gif) no-repeat;
vertical-align: middle;
color: #002445;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
padding-bottom: 3px !important;
padding-left: 14px;
width: 170px;
text-decoration: none;
z-index: 1;
background-position: 0px -42px;
font-weight: bold;
}

.navigationPointBold  
{
display: block;
background:  url(../_images/bt_navi_item.gif) no-repeat;
vertical-align: middle;
color: #002445;
text-align: left;
padding-top: 3px;
padding-bottom: 3px !important;
padding-bottom: 3px;
padding-left: 18px;
width: 170px;
text-decoration: none;
z-index: 1;
font-weight: bold;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

a.downloadLink:link, a.downloadLink:visited  
{
	display: block;
	background:  url(../_images/bt_navi_item.gif) no-repeat;
	vertical-align: middle;
	color: #002445;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 18px;

	width: 600px;
	text-decoration: none;
	z-index: 1;
	
}

a.downloadLink:hover  
{
	background-position: 0px -42px;
	text-decoration: none;
	color: #002445;
	z-index:2;
}



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

a.extraLink:link, a.extraLink:visited  
{
	display: block;
	background:  url(../_images/bt_navi_item.gif) no-repeat;
	vertical-align: middle;
	color: #002445;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 18px;
	height: 13px !important;
	height: 13px;
	text-decoration: none;
	z-index: 1;
}

a.extraLink:hover  
{
	background-position: 0px -42px;
	text-decoration: none;
	color: #002445;
	z-index:2;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Footer Styles																																										*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

a.footerNavi:link, a.footerNavi:visited, a.footerNavi:active 	
{ 
display: block;
position: relative;
color:#061F4E; 
text-decoration:none; 
text-align: center; 
line-height: 21px;  
height: 21px;	
border-left: 1px solid #061F4E;

}

a.footerNavi:hover 	
{ 
background: #061F4E;
color: #FFFFFF;
}

a.footerNavi99:link, a.footerNavi99:visited, a.footerNavi99:active 	
{ 
display: block;
position: relative;
color:#061F4E; 
text-decoration:none; 
line-height: 21px;  
height: 21px;	
border-left: 1px solid #061F4E;
padding-left: 8px;
}

a.footerNavi99:hover 	
{ 
background: #061F4E;
color: #FFFFFF;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Contact form																																										*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

table.contactForm
{
font-size: 11px;
}

input.contactForm
{
height:18px;
width: 290px;
font-family:arial;
font-size:12px;
color:#000000;
border-right-width:2px;	border-right-style:solid;	border-right-color:#B6B6B6;
border-bottom-width:2px;	border-bottom-style:solid;	border-bottom-color:#B6B6B6;
border-top:0px solid #000000;
border-left:0px solid #000000;
background-color:#D7D7D7;
}

textarea.contactForm
{
height:80px;
width: 290px;
font-family:arial;
font-size:12px;
color:#000000;
border-right-width:2px;	border-right-style:solid;	border-right-color:#B6B6B6;
border-bottom-width:2px;	border-bottom-style:solid;	border-bottom-color:#B6B6B6;
border-top:0px solid #000000;
border-left:0px solid #000000;
background-color:#D7D7D7;

scrollbar-base-color:#D7D7D7;
scrollbar-3dlight-color:#D7D7D7;
scrollbar-arrow-color:#061F4E;
scrollbar-darkshadow-color:#D7D7D7;
scrollbar-face-color:#D7D7D7;
scrollbar-highlight-color:#D7D7D7;
scrollbar-shadow-color:#D7D7D7;
scrollbar-track-color:#D7D7D7;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Online Calculation Tool Styles																																										*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#headerOCT
{
position: absolute; 
width: 435px; 
height: 149px; 
background: url(../_images/OCT_head.gif);
}

#headerOCTResult
{
position: absolute; 
top: 70px;
left: 30px;
height: 149px; 
}

#headerOCTResult .OCTHeadline
{
font-size: 14px;
font-weight: bold;
vertical-align: top;
}

.OCTResults
{
font-size: 12px;
font-weight: normal;
}


#contentOCT
{
position: absolute; 
top: 150px;
width: 440px; 
padding-left: 25px;
font-weight: bold;
}

#contentOCT .bord
{
border: 3px solid #061F4E;
}

#formOCT
{
position: absolute;
top: 410px;
width: 440px; 
padding-left: 25px;
font-size: 12px;
}

#formOCT table td 
{
font-size: 12px;
}

#formOCT .OCT
{
width: 280px;
backgound: #D7D7D7;
}

#formOCT .OCTshort
{
width: 240px;
backgound: #D7D7D7;
}

#footerOCT
{
position: absolute; 
width:440px; 
height: 25px; 
bottom: 0px;
background: #061F4E;
padding-left: 25px;
color: #FFFFFF;
vertical-align: middle;
line-height: 25px;
}

input.OCT, input.OCTshort, select.OCT
{
height:18px;
font-family:arial;
font-size:12px;
color:#000000;
border-right-width:2px;	border-right-style:solid;	border-right-color:#B6B6B6;
border-bottom-width:2px;	border-bottom-style:solid;	border-bottom-color:#B6B6B6;
border-top:0px solid #000000;
border-left:0px solid #000000;
background-color:#D7D7D7;
}

a.submitButton:link, a.submitButton:visited 
{
	display: block;
	background:  url(../_images/bt_send.gif) no-repeat;
	height: 19px !important;
	height: 24px;
	width: 100px;
	color:	#FFFFFF;
	text-align:	center;
	padding-top:	5px;
	font-weight: bold;
	text-decoration: none;
}

a.submitButton:hover  
{
	background-position: 0px -24px;
	color: #FFFFFF;
	text-decoration: none;
}