/* GENERAL */
body, p, div, span, input, textarea, select, a, td, th, h1, h2, h3, h4, h5, em, b, strong, i { 
  color:#464646; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 11px;
}
form{ margin:0px; }
img{ border:0px; }
/* LAYOUT */
html { height:100%; }
body { height:100%; margin:0%; padding:0%; background-image:url(../images/layout/bg.gif); background-repeat:repeat-y; background-color:white; }
#logoBar{ white-space:nowrap; width:991px; }
div#pagebody { height:100%; background-image:url(../images/layout/bg-page-content.gif); background-repeat:repeat-y; }
#contentArea{
  position:absolute;
  left:3px;
  top:114px;
  margin-left:17px;
  background-image:url(../images/layout/bg-content.gif);
  background-repeat:repeat-y;
  border-top:3px solid white;
  width:973px;
}
#contentArea.wide{	
  background-image:url(../images/layout/bg-content-wide.gif);
  width:973px;
}
#leftBoxElement{
  position:absolute;
  left:0px;
  top:90px;
  width:11px;
}
#leftBoxElement div{
  height:180px;
  margin-top:24px;
  background-color:#B4B5B5;
  border-top:3px solid white;
  border-bottom:3px solid white;
}
#pageContent{
  float:left;
  width:605px;
  margin-left:13px;
  margin-right:12px;
}
#pageContent.wide{
  float:left;
  width:785px;
  margin-left:13px;
  margin-right:0px;
}
#pageContent.wide .rightBarTop{
	position:absolute;
	top:0px;
	left:801px;
	display:block;
  background-color:#DEDEDE;
  border-bottom:1px solid #FFFFFF;
  height:21px; 
	width:170px;
	margin:0px;
	padding:0px;
}
/* Bottom Bar */
#bottomBar{
  clear:all;
  white-space:nowrap;
  height:25px;  
  width:971px;  
  background-color:#6C98C1;
  margin:0px;
  padding:0px;
}
#bottomBar div.border{	
	float:left;
  height:24px;  	
	width:170px;
}
#bottomBar div.footer{  
	float:left;
	height:24px;  
  width:801px;	
  border-top:1px solid #FF8A00;
  background-color:white;
  border-bottom:1px solid #DEDEDE;
  padding-top:0px;
}
#bottomBar #copyright{		
	float:left;
	width:170px;
	font-size:9px;
  vertical-align:center; 
  background-color:white;
  border:0px;	
	padding:8px 55px 0px 30px;	
}
#versionsNummer{	
	float:left;
	width:170px;
	font-size:9px;
  margin-top:8px;
  margin-left:0px;
  vertical-align:center; 
  background-color:white;
  border:0px;
}
/* Footer Navigation */
#footerNavi{	
	float:right;
	width:170px;
	font-size:9px;
  margin-top:8px;
  vertical-align:center; 
  background-color:white;
  border:0px;
}
#footerNavi ul, #footerNavi li {
	margin:0px; padding:0px; display:inline;
}
#footerNavi ul{
	margin-left:40px;
}
#footerNavi li a {	
  background-image:url(../images/layout/arrow_orange.gif);
  background-repeat:no-repeat;
  background-position:0px 2px; 
  color:#464646;
  text-decoration:none;
  font-size:9px;
  padding:0px 15px 0px 10px;
}
/* RIGHT BORDER */
#rightBox{	
	margin:0px;
  padding:0px;
	width:170px;
	display:block;
}
#rightBorder{
  float:left;
  width:170px;
  margin-right:1px;
}
#rightBorder ul, #rightBox ul{
  margin:0px;
  padding:0px;
  list-style:none;
}
#rightBox ul{
	background-color:#EEEEEE;
	width:170px;
}
#rightBorder li, #rightBox li{
  margin:0px;
  padding:8px 0px 8px 10px;
  background-position:top;
  background-repeat :no-repeat;
  background-image:url(../images/layout/dotline_170x1.gif);
}
#rightBox li.first{
  background-image:none;
  margin:0px;
  padding:8px 0px 8px 10px; 
}
#rightBorder li.first{
  background-image:none;
  margin:0px;
  padding:8px 0px 8px 10px; 
}
#rightBorder li.search, #rightBox li.search{
  background-image:none;	 
  margin:0px;
  padding:0px 0px 1px 10px; 
}
#rightBorder li a, #rightBox li a{
	color:#000000;
  font-size:11px;
  text-decoration:none;
  background-position:0px 3px;	
  background-repeat :no-repeat;
  padding-left:8px;
  display:block;
}
#rightBorder input, #rightBox input{
  border-color:white;
  font-size:10px;
  width:120px;
  margin:5px 0px 5px 10px;
}
#rightBorder input.submit, #rightBox input.submit{
  width:11px;
  height:7px;
  vertical-align:top;
  margin-top:11px;
}
#rightnavititle{
  background-position:top;
  background-repeat :no-repeat;
  background-image:url(../images/layout/bar-orange_FF8A00.gif);
	height:19px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	padding:2px 0px 0px 15px;
}
#rightBorder .ccOrange a{ background-image:url(../images/layout/arrow_orange.gif); 	color:#000000; }
#rightBox .ccBlue a{ background-image:url(../images/layout/arrow_blue.gif); color:#000000; }
#rightBorder .rightBarTop{
	display:block;	
  background-color:#DEDEDE;
  border-bottom:1px solid #FFFFFF;
  margin:0px;
  height:21px; 
}
#leftBorder{
  float:left;
  width:170px;
  margin-right:1px;
}
#leftBorder select{  
  font-size:10px;
  width:90%;
  margin:5px 0px 5px 10px;
}
#rightBorder span.special{
  margin:0px;
  padding:0px;
}
#rightBorder span.special a{
  margin:0px;
  padding:1px 0px 0px 0px;
  background-position:top;
  background-repeat :no-repeat;
  background-image:url(../images/layout/dotline_170x1.gif);
  display:block;
  height:40px;  
}#rightBorder span.special .first{
  background-image:none;
}

/***** leftnavi *****/
#leftnavititle, #rightBoxtitle{
  background-position:top;
  background-repeat :no-repeat;
  background-image:url(../images/layout/bar-blue_0060AF.gif);
	height:19px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	padding:2px 0px 0px 15px;
}

#leftBorder ul, #navigation li{
  margin:0px;
  padding:0px;
  width:100%;
}
#navigation li{
  background-image:url(../images/layout/dotline_170x1.gif);
  background-repeat:repeat-x;
  background-position:bottom; 
  list-style-type:none;
  display:block;
  padding:0px;
  margin:0px;
}
#navigation li.mark a{
  background-color:#6C98C1;
}
#navigation a{
    display:block;
    background-image:url(../images/layout/arrow_white.gif);
    background-repeat:no-repeat;
	  background-position:9px 4px; 
    color:#000000;
    text-decoration:none;
    padding:1px 0px 2px 17px; 
}
#navigation .mark a{
    font-weight:bold;
    background-image:url(../images/layout/arrow_blue.gif);
}
#navigation li.one a{
    font-weight:bold;
}
#navigation li.two a{
  padding-left:27px;
  background-position:19px 4px; 
}
#navigation li.three a{
  font-size:10px;
  padding-left:37px;
  background-position:29px 4px;
}
#navigation li.three{
    background-image:none;
}
/* CONTENT */
#motive{
	position:absolute;
	top:22px;
	left:670px;
}
#pageContent .breadcrumb{
	 background-image:url(../images/layout/dotline_605x1_gray.gif);
	 background-repeat:no-repeat;
   background-position:0px 20px;
	 color:#888888;
   font-size:10px;
   padding:2px 0px 6px 0px;
}
#pageContent h1, #popupContent h1, #popupDetailContent h1{
    background-image:url(../images/layout/headline_line_orange.gif);
    background-repeat:repeat-y;
    background-position:0px 0px;
    color:#FF8A00;
    font-size:20px;
    margin:0px;
    padding:50px 0px 0px 14px;
}
#pageContent h2{
		text-align:center;
    color:#0060af;
    font-size:20px;
    margin:0px 0px 0px 0px;
    padding:22px 0px 12px 0px;
}
#pageContent h3{
    color:#464646;
    font-size:11px;
    margin:10px 0px 6px 0px;
    padding:0px 0px 6px 0px;
}
#pageContent p{
    background-color:inherit;
    font-size:11px;
    margin:0px 0px 11px 0px; 
    padding:0px 0px 11px 0px;
    clear:left; 
}
#pageContent ul{
  margin-left:15px;
  margin-top:0px;
  list-style-type:none;  
  
}
#pageContent li{
  background-image:url(../images/layout/list-bullet_blue.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  padding-left:1.2em;
}

#pageContent p img{
	margin-right:8px;
	float :left;
} 

/* Primaernavi / Topnavi */
#primaerBar{
  position:absolute;
  top:91px;
  left:20px;
  height:23px;
  width:971px;
  background-color:#6C98C1;
}
#primaerBarBG{
  position:absolute;
  top:2px;
  left:0px;
  height:19px;
  width:971px;
  background-color:#0060AF;
}
#primaerItems{
  position:absolute;
  top:0px;
  left:10px;
  height:19px;   
	border-left:1px solid white;	
	padding:4px 0px 0px 0px;
}
#primarNaviSeparator{
  position:absolute;
  top:0px;
  left:792px;
}
#primaerItems a, #primaerItems a:link, #primaerItems a:active, #primaerItems a:visited, #primaerItems a:hover, #primaerItems a.mark, #primaerItems a.mark:link, #primaerItems a.mark:active, #primaerItems a.mark:visited, #primaerItems a.mark:hover{
	color:#ffffff;
  font-size:11px;
	font-weight:bold;
  text-decoration:none;
	border-right:1px solid white;	  
	background-image:url(../images/prinav/arrow_prinav_orange.gif);
  background-repeat:no-repeat;
  background-position:3px 7px;
	padding:3px 20px 3px 14px;
	margin:0px;
}
#primaerItems a.mark, #primaerItems a.mark:link, #primaerItems a.mark:active, #primaerItems a.mark:visited, #primaerItems a.mark:hover{
	background-image:url(../images/prinav/arrow_prinav_orange_hl.gif);
	background-repeat:no-repeat;
  background-position:3px 7px;
	background-color:#6c98c1;
}
#primaerItems a:hover{
  background-color:#6c98c1;
}
#primarNaviService{
  position:absolute;
  top:4px;
  left:800px;
  width:170px;
}
#primarNaviService ul{
  margin:0px;
  padding:0px;
}
#primarNaviService li{
  display:inline;
  margin:0px;
  padding:0px;
  margin-right:10px;
  padding-top:3px;
  border:0px;
}
#primarNaviService li a{
  background-image:url(../images/layout/arrow_white.gif);
  background-repeat:no-repeat;
  background-position:11px;
  padding-left:20px;
  color:white;
  text-decoration:none;
  font-size:10px;
}
/* Individuelle Gestaltung */
#pageContent em{
 border:3px solid lime;
 background-color:yellow;
}
#pageContent .breadcrumb a, #pageContent .breadcrumb a:link, #pageContent .breadcrumb a:active, #pageContent .breadcrumb a:visited{
  font-size:10px;
  color:#888888;
  text-decoration:none;
} 
#pageContent .breadcrumb a:hover{
  font-size:10px;
  color:#888888;
  text-decoration:underline;
}
#pageContent img.fullwidth{
  clear:all;
  margin-top:0px;
  margin-bottom:10px;
}
#leftBorder .formholder {
  display:block;
  background-color:#DEDEDE;
  border-bottom:1px solid #FFFFFF;
  padding-top:5px;
  height:40px; 
}
#rightBorder .formholder{
  display:block;
  background-color:#DEDEDE;
  border-bottom:1px solid #FFFFFF;
  padding-top:4px;
  padding-bottom:3px;
  margin:0px;
  height:40px; 
}
#rightBorder .formholderWide{
  display:block;
  background-color:#DEDEDE;
  border-bottom:1px solid #FFFFFF;
  border-left:1px solid #FFFFFF;
  padding-top:4px;
  padding-bottom:3px;
  margin:0px;
  height:40px; 
}

#ShoppingCard {
	position:absolute;
	top:2px;
	left:680px;
	margin:0px;
	padding:0px;
}
#ShoppingCard a, #ShoppingCard a:link, #ShoppingCard a:active, #ShoppingCard a:visited, #ShoppingCard a:hover{	
	color:#000000;
  font-size:11px;
  text-decoration:none;
	background-position:0px 0px;
  background-repeat :no-repeat;
  background-image:url(../images/icon/shoppingcard.gif);
	padding:0px 0px 0px 35px;
}
/*Popups*/
#popupDetail{ background-image:none; height:auto; }
#popupDetailContent{ margin:5px 15px 15px 15px; position:absolute; top:0px; left:0px; }
#popupDetailContent .breadcrumb{ 
 	 background-image:url(../images/popup/dotline_popup1_560x1_gray.gif);
	 background-repeat:repeat-x;
   background-position:0px 20px;
	 color:#888888;
   font-size:10px;
   padding:2px 0px 6px 0px;	
}
#popupProject{
	background-image:url(../images/layout/bg-content-wide.gif); 
	background-repeat:repeat-y; 
}
#popupContent{ 
 padding:5px 15px 15px 15px; 
 position:absolute;
 top:80px;
 left:170px;
}
#popupProject #leftBorder{	
 position:absolute;
 top:81px;
 left:0px;
	margin:0px;
	padding:0px;
}
#popupProject .breadcrumb{		
	 width:580px;
	 background-image:url(../images/popup/dotline_popup2_580x1_gray.gif);
	 background-repeat:repeat-x;
   background-position:0px 20px;
	 color:#888888;
   font-size:10px;
   padding:2px 0px 6px 0px;
}
#popupContent .breadcrumb a, #popupContent .breadcrumb a:link, #popupContent .breadcrumb a:active, #popupContent .breadcrumb a:visited, #popupDetailContent .breadcrumb a, #popupDetailContent .breadcrumb a:link, #popupDetailContent .breadcrumb a:active, #popupDetailContent .breadcrumb a:visited{
  font-size:10px;
  color:#888888;
  text-decoration:none;
} 
#popupContent .breadcrumb a:hover, #popupDetailContent .breadcrumb a:hover{
  font-size:10px;
  color:#888888;
  text-decoration:underline;
}
#popupDotline{
	width:100%;
	height:9px;
	background-image:url(../images/popup/dotlines-popup2.gif);
	background-repeat:repeat-x;
}
#popupFooterBar{
	position: absolute;
	left:0px;
	bottom:0px;
  white-space:nowrap;
	height:35px;  
	width:100%;
  border-top:1px solid #FF8A00;
  background-color:#ffffff;
}
#popupFooterBar #copyright{		
	float:left;
	font-size:9px;
  vertical-align:center; 
  background-color:white;
	padding:12px 0px 0px 35px;	
	width:210px;
}
#footerLinks{
	float:right;
	margin:12px 15px 0px 0px;
}
#footerLinks a, #footerLinks a:link, #footerLinks a:active, #footerLinks a:visited, #footerLinks a:hover{
	color:#464646;
	padding:0px 5px 3px 18px;
	vertical-align:middle;
	font-size:10px;
	text-decoration:none;
}
#print{
	background-position:0px 0px;
  background-repeat :no-repeat;
  background-image:url(../images/icon/icon_print.gif);
}
#close{
	margin:0px 0px 0px 35px;
	background-position:0px 0px;
  background-repeat :no-repeat;
  background-image:url(../images/icon/icon_close.gif);
}
/* contentformate */
a.buttontext, a.buttontext:link, a.buttontext:active, a.buttontext:visited, a.buttontext:hover{  
	color:#000000;
	font-size:10px;
  text-decoration:none;
  background-image:url(../images/button/button_icon.gif);
  background-repeat:no-repeat;
  background-position:0px -1px;
	background-color:#ffffff;
	padding:1px 10px 2px 18px;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-top:1px solid #DEDEDE;
}
#grunddaten{
	width:164px;
	background-color:#DFE6F6;
	padding:3px;	
	font-size:12px;
	color:#000000;
	border-bottom:2px solid #FF8A00;
}
#grunddaten b{
	font-size:12px;
	color:#000000;
}
.notiz{
	font-size:10px;
	color:red;
}
#kbkContent{
	display:inline;
	float:left;
}
#kbkContentDot{
	margin:60px 0px 20px 0px;
}
#kbkContent table.layout input{
	width:50px;	
	border:1px solid #000000;
	margin:1px 0px 1px 0px;
	color:#000000;
	padding:2px;
}
#kbkContent #Farbe{
	width:75px;	
	color:#666666;
}