/* -------------------H T M L - T A G S----------*/
@page { size:landscape;}
@page :left { margin-left:1.5cm; margin-right:2cm  }
@page :right { margin-left:2cm; margin-right:1.5cm  }
body { width: 100%; background-color: #fff; background-image: url(../images/layout/fuellbereich.jpg); padding: 0; margin: 5px 0 0; top:0; text-align: center; }


body, h1, h2, h3, h4, h5, h6, div, span, p, ul, dl, ol, li, dd, dt, table, tr, th, td, textarea, select, option, input, label {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 18px;
}
#main{ width:960px; text-align: center;}


p {
	margin: 0 0 10px;
}


h1 { font-weight: bold; font-size: 15px; line-height: 23px; width: 95%; margin: 0;;
	padding: 3px 8px 3px 0; white-space: nowrap; background-color: #ffffff; }
h2 {  
	font-size: 12px; 
	line-height: 16px;
	margin: 0px 0px 3px 0px;
	padding: 0 0 0 0;
}

h3 { 
	font-weight: bold;
	font-size: 12px; 
	line-height: 17px;
	margin: 62px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.textgr {
	color: #D1D3D4;
	font-size: 12px;
	font-family: Arial,  Helvetica, Verdana, Tahoma, sans-serif;
}

.textrtb {
	color: #B41045;
	font-weight: bold;
	font-family: Arial,  Helvetica, Verdana, Tahoma, sans-serif;
	}


/* - - - - - - - - - -Links - - - - - - - - - */

a, a:link { color: #006; font-weight: normal; text-decoration: underline; }

a:visited { color: #006; font-weight: normal; /*background-color: transparent;*/ text-decoration: underline; }

a:hover { 
	color: #000080;
	font-weight: bold;
	/*background-color: transparent;*/
	text-decoration: underline;
	/*border-bottom:1px solid #FF9966;*/
}

/* - - - - - - - - - -Formular- - - - - - - - - */

select { 
	color: #000000; 
	background-color: transparent; 
	border: solid 1px #520000; 
	}

/*input { 
	color: #000000; 
	background-color: transparent; 
	border: solid 1px #520000; 
	}*/

textarea { 
	color: #000000; 
	background-color: transparent; 
	border: solid 1px #520000; 
	}

/* - - - - - - - - - -Aufzaehlung- - - - - - - - - */

ul { 
	/*list-style-image: url(../listitem.gif); */
	margin-bottom: 1px; 
	margin-top: 1px;
	}

ul.rot { 
	/*list-style-image: url(../listitem-print.gif); */
	margin-bottom: 1px; 
	margin-top: 1px;
	}

li { 
	margin-left: -18px;
	margin-right: 20px;
	margin-bottom: 2px;
	}



/* ----------------------L O G O-------------------------*/


#LogoLeiste { width:100%; height: auto; text-align:right; margin:auto;  color:#cccccc; 
  
   }

	
.TopLine01
{ background-color: #fff; width:100%; height:1px; border-bottom:1px solid #cccccc; }
.TopLine02
{
/*background-color: #1A58B2;	*/
width: 100%; }

.TopLinks
{ text-align: right;
 /*border-bottom:1px solid #cccccc;*/
 padding:1px 2px 0 1px; color: #000000; font-weight:normal;  width: 100%; height: 20px; }
.TopLinks a:link { 
	color: #000000;
	text-decoration: none;font-weight:normal;
}

.TopLinks a:visited { 
	color: #000000;	
	text-decoration: none;
	font-weight:normal;
}

.TopLinks a:hover { 
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

.TopLinks a:focus { 
	color: #000000;	
	text-decoration: none;
	font-weight: normal;
}
.TopLinks a:active { 
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}


.TopLine04
{
/*background-color: #CCCC66;  border-bottom:2px solid #cccccc;//#1A58B2;*/
color: #fff; background-color:white; margin:0; padding:0; width:1000px; height: 2px; }
.backtitel{ /*background-image: url(../images/layout/backtitel.jpg); background-repeat: repeat-x; background-position: 0 bottom; */
 background-color:transparent;}

.logo{background-color: #c33;width:230px;}
.logoright{background-color: #c33;border-right:0px solid gray;}

.TopLine05 
{
  /* SLOGAN  */
  width: 510px; height:22px; color:#000080; 
  text-align:left;  vertical-align: top; 
  padding: 0 0 0 140px; margin:0; }     
  
.TopRight {
 
 text-align: right;
 top:0px;width:310px; height:95px; float:right;padding:0 1px 0 0;
 }  

.TopMiddle { 
   width:180px; height:20px; 
   color: #006;white-space: nowrap;	
	font-weight: bold; text-align:left;margin:100px 200px 0 200px;
}


/* -------------------M A I N----------*/

#mainContent {
	width:100%;
	text-align:left; 
	vertical-align: top;
	margin:auto;
	background-color:#fff; 
	
	/*overflow:hidden;	*/

}
.colboxNavi { background-color: #ccc; width:220px; float:left; }


.colboxContentTop { background-color: #c33; width:auto;  margin-left:160px; height:4px;}

.colboxContent { color: #000; background-color: #fff; text-align: left; width:90%; 
padding:0 0 20px 20px; vertical-align: top; height:auto; margin: 0 0 0 250px;
border-right:0px solid gray; }

.colboxleft { border-right:0 solid #ffffff;height:100%;float:left;background-color:#def4ff; }
.colboxright { border-right:1px solid #ffffff;  float:right; text-align: right; height:100%;padding:0 0 0 0; }
.colboxmiddle { width:auto;  margin-right:140px; padding:5px 0 15px 0;height:100%;/*margin-left:285px;*/
}



/************ MENÜ ******************/
#navcontainer
{ width: 220px; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; color: #000; font-size:12px; background-color: #ccc; margin:0; padding-right: 5px; padding-left:5px; }

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0 0 0 2px;
border: none;
}

#navcontainer li
{ border-bottom: 1px dashed #fff; margin: 0; height:auto; padding:5px 0;}

#navcontainer li a
{

padding:0;
color: #000;
text-decoration: none;
width: 100%; 
margin:0;

}

/*html>body #navcontainer li a { width: 140px; } */
/*#navcontainer li a:img
{height:25px;width:10px;float:left;white-space: pre;}*/

#navcontainer li a:hover
{
 font-weight: bold; 
}
#navcontainer li a:hover img {
   visibility: visible;} 
   
#navlist{}
.navlist_img{height:20px;width:14px;float:left;}

.navlist_link a{margin:0 0 0 24px;width:120px;text-align:left;display: block;}
.navlist_link img{width:12px;height:22px;float:left;}
a.nav_on
{
 font-weight: bold; 
 }
a.nav_on img{visibility: visible;}

a.nav_off
{
  font-weight: normal;
  }
a.nav_off img{visibility:hidden;}

/*----MENÜ ENDE ---*/

/* -------------------F u s s z e i l e ----------*/



#AdressLeisteDblau { 
/*width:800px;margin:auto;*/
 height: auto;/*45px; */text-align:left;  background-color: #fff;color:#000;
	overflow:hidden; 
	border-top: 1px solid #fff; 
	width:100%;}

.Adresse {
	font-size: 11px;
	line-height: 18px;
	color: #ffffff;
	padding: 8px 0 8px 25px;	
	text-decoration: none;
	text-align: center;
}

.Adresse a:link { 
	color: #cccccc;	
	text-decoration: none;
}

.Adresse a:visited { 
	color: #cccccc;	
	text-decoration: none;
}

.Adresse a:hover { 
	color: #cccccc;
	text-decoration: underline;
}

.Adresse a:focus { 
	color: #cccccc;	
	text-decoration: none;
}
.Adresse a:active { 
	color: #cccccc;	
	text-decoration: none;
}
/*----------------------------------------------*/

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.clear {
	clear:both;

}

.clearRight {
	clear:right;
}

.clearLeft {
	clear: left;
	
}
.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#kontaktform
	{ font-size: 0.83em; margin: 0.5em 1em 2em 0; padding: 0.5em; width:95%; background-color:#faddba; color: #000000; text-decoration: none; border-color: #eee #cccccc #cccccc #eee; border-style: solid; border-width: 2px; }
#kontaktform textarea{
  background-color: #fff;}




/*----- sonstige Formatierungen -------------*/
hr {height:2px; width:100%;background-color:#747cc9;color:#747cc9;    text-decoration: none;}
.balken {display: block; text-align: left; font-weight:bold; font-size:11px; background:#747cc9; color: #ffffff; border: 0px dotted #660000;  padding: 2px; text-decoration: none;}
.balken:hover {display: block; text-align: center;  font-weight:bold; font-size:13px; color: #ffffff; background:#cc0033; border: 0px dotted #660000;  padding: 2px; text-decoration: none;}
.smalltxt {font-size:95%;}
.imgBorder {margin:0 10px 0 0;}
.imgBorderSmall {margin:5px 5px 5px 5px;}

/*-------- LAYOUT-Formatierungen ------------*/
.darkred{background-color: #c33;}
.white{background-color: #ffffff;}
.darkgray{background-color:#666;color:#fff;}
.gray{background-color:#ccc;}

/*------------- ANGEBOT  ------------*/
.angebot { background-color: #e6e3e3; width:180px; padding:0 3px 0 3px; border:solid 1px #c33; }
.mitAngebot{padding-right:185px;}

#krazy_container {
     display:block; 
      margin:0;padding:0;
     /*margin-right:25px;padding:50px 0;*/
     }
/* Inset 3D Raised */
.raised {background: transparent; width:150px; margin:0 auto 0 auto;}
.raised h1, .raised p {margin:0 1px 0 1px;}
.raised h1 {font-size:12px; width:auto;color:#000; letter-spacing:0px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px 0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px 0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px 0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px 0 1px;}
.raised .b1b {margin:0 5px 0 5px; background:#999;}
.raised .boxcontent {display:block; background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}