/*
	visit http://web-design-tuts.blogspot.com/ for more quality templates from me
*/


/* GENERAL */

* { margin: 0; padding: 0; }

/* fixex - This is the class name I assign to container element that contains floated child elements, no matter
				what they are div's ul etc. */
	.fixed:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.fixed{ display:block;}
	/*  \*/
	.fixed{
		min-height:1%;
		}
	* html .fixed{
		height:1%;
		}

html {
	height: 100%;
	padding: 0 0 1px 0;
}

body
{
	background-image:url(../content/temp/bg.gif);
	background-repeat: repeat-x;
	background-color:#beceac;
	font-family:  Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
/*	  
background-color:#2f4e0e;
	color: #000; 
   	font: 12px Verdana, Arial, Georgia, "Times New Roman", Times, serif; */ 
}

	a { 
		color: #2f4e0e; 
		text-decoration: none;  
	}
	img{ border:none;}
	a:hover { 
			color: #2f4e0e; 
		text-decoration: underline;  
	}

/*-------[     ]---------*/

#wrap{
	width:980px;
	background-color:fff;
	margin:0 auto;
	border: 0px solid #000; border-top:none; border-bottom:none;
	padding:0 0px 0 0px;
	
	background-color:#FFFFFF;	
}


/* HEADER*/

#header{ position:relative; height:370px; }

	#logo{
	position:absolute;
	top:5px;
	left:5px;
	z-index:99;
	width:228px;
	height:93px;
	background-color:#FFFFFF;
	/*border:1px solid #ddd;*/
	border-top:none;
	}
		#logo a img{ border:none;}
		#logo h1{ line-height:30px; text-align:center; font-size:38px; margin-top:50px; }
		#logo h1 a { text-decoration:none; color:#111;  letter-spacing:-2px; }
	
	#slogan{
	position:absolute;
	top:256px;
	left:12px;
	z-index:99;
	width:355px;
	height:81px;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	font-family:   Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	
	}
	
	/* main navigation*/	
	#nav ul
	{
	position:absolute;
	top:68px;
	right:3px;
	padding:0;
	list-style: none;
	height: 164px;
	}
		#nav li{ display: inline; }
			#nav a
			{
	display: block;
	width: 125px;
	float: left;
	padding:5px 5px 5px 5px;
	font-family:   Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	color:#2f4e0e;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	text-align: center;
	/*background-color:#beceac;*/

 
			}				
				#nav a:hover{background-color:#638243;  color:#FFFFFF; }	
				#nav .active a{  background-color:#2f4e0e; color:#FFFFFF; }	
				#nav .active a:hover{ text-decoration:none; }

		#anfrage { display: inline; }
		#anfrage a
			{
	display: block;
	width: 170px;
	float: left;
	padding:5px 5px 5px 5px;
	font-family:   Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	color:#2f4e0e;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	text-align: center;
	background: #FF0000;
			}				
		#anfrage a:hover{background-color:#2f4e0e;  color:#FFFFFF; }		

	/*The div that contains the large image in the header*/
	#header-img
	{ 
		position:absolute; top:100px; height:230px; width:970px; 
		border: 1px solid #ddd; border-left:none; border-right:none; padding:5px;
	}

	#breadcrumbs{
	position:absolute;
	top:350px;
	left:8px;
	font-size:12px;
	width: 420px;
}



/*MAIN*/
#main{ padding:7px;}

	/* SIDEBAR*/
	#sidebar{ float:left; width:190px; height:420px;
			  padding:20px 5px 0 5px; background:#fff url(img/colt-sidebar.jpg) no-repeat top right;
	}
		#sidebar p{ margin-bottom:5px; padding:0 20px 0 10px; text-indent:15px; line-height:16px; text-align: justify; }
		
		#sidebar h3{ width:90%; margin:10px auto; border-bottom:1px solid #b9b9b9; text-align:center; font-size:16px; }
		
		#sidebar img{ }
		
		#date-firma p{ margin-top:10px; padding:0 30px 0 15px; font-size:11px; text-indent:0; }
		
		.subnav { width:180px; }
	
			.subnav ul { border-top: 1px solid #ececec; padding: 0; }
			
			.subnav li { margin: 0; border-bottom: 1px solid #ececec; list-style: none; }
			
				.subnav li a 
				{ 
					display: block; padding: 5px 15px 5px 10px;
					 color:#2f4e0e; font-size: 14px; text-decoration: none; text-align:left;
					 font-family:  Verdana, Arial, Georgia, "Times New Roman", Times, serif;;

				}
				
					.subnav li a:hover 
					{
						 background:#638243 url(img/bg-subnav-hover.gif) no-repeat left center;
						text-decoration:none; color:#FFF;
					}
					
					.subnav li a.selected
					{ 
						background:#2f4e0e url(img/bg-subnav-selected.gif) no-repeat right center;
						text-decoration:none; color:#fff;
					}
				
					
		.subnav1 { width:180px; }
	
			.subnav1 ul { border-top: 1px solid #ececec; padding: 0; }
			
			.subnav1 li { margin: 0; border-bottom: 1px solid #ececec; list-style: none; }
			
				.subnav1 li a 
				{
	display: block;
	color:#000;
	font-size: 13px;
	text-decoration: none;
	text-align:left;
	font-family:  Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 5px;
	height: 28px;
	width: 165px;
				}
				
					.subnav1 li a:hover 
					{
	background:/*#595248*/#2f4e0e url(img/bg-subnav-hover.gif) no-repeat left center;
	text-decoration:none;
	color:#FFF;
	vertical-align: middle;
					}
					
					.subnav1 a.selected 
					{
	background:#638243 url(img/bg-subnav-selected.gif) no-repeat right center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	vertical-align: top;
					}


	/* KONTAKT*/
	#kontakt{
	float:right;
	width:180px;
	height:100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	}	

	/* BANNER*/
	#banner{
	float:left;
	width:170px;
	height:100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}	
	.bannerheader {
	background:/*#595248*/#638243;
	width:165px;
	height:28px;
	display: block;
	color:#fff;
	font-size: 13px;
	text-decoration: none;
	text-align:left;
	font-family:   Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 5px;
		}
		
	.fixheader {
	background:/*#595248*/#638243;
	width:525px;
	height:15px;
	display: block;
	color:#fff;
	font-size: 12px;
	text-decoration: none;
	text-align:left;
	font-family:   Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
		}
.fixheader a {color:#FFF;}
		
	.fixtitle {
	background:#cccccc;
	width:333px;
	height:15px;
	display: block;
	color:#000;
	font-size: 11px;
	text-decoration: none;
	text-align:left;
	font-family:   Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
		}
	.fixtable {
	background:/*#595248*/#ededed;
	width:333px;
	height:102px;
	display: block;
	color:#000;
	font-size: 11px;
	text-decoration: none;
	text-align:left;
	font-family:   Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;

		}

	/*THE PAGES CONTENT*/
	#content
	{
	width:540px;
	height:100%;
	float:left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 15px;
	}
	
		#contentform
	{
	width:740px;
	height:100%;
	float:left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 15px;
	}
		#content h1{
	margin: 0 0 15px 0;
	border-bottom: 1px solid #b9b9b9;
	padding: 0px 0 2px 0px;
	font: normal 20px   Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	color: #2f4e0e;
	text-indent:0px;
	letter-spacing:-1px;
		}
			#contentform h1{
	margin: 0 0 15px 0;
	border-bottom: 1px solid #b9b9b9;
	padding: 0px 0 2px 0px;
	font: normal 20px   Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	color: #2f4e0e;
	text-indent:0px;
	letter-spacing:-1px;
		}	
		#content h2{
				 border-bottom: 1px solid #b9b9b9; margin:0 0 15px 0; text-indent:20px; 
				 font:bold 18px , Verdana, Arial, Georgia, "Times New Roman", Times, serif; letter-spacing:-1px;	
		}
			#content h2 a{ text-decoration:none;  }
			#content h3{
	margin: 0 0 15px 0;
	border-bottom: 0px solid #b9b9b9;
	padding: 0px 0 2px 0px;
	font: normal 22px  Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	color: #2f4e0e;
	text-indent:0px;
	letter-spacing:-1px;
		}	
					#content h4{
	margin: 0 0 0px 0;
	border-bottom: 0px solid #b9b9b9;
	padding: 0px 0 2px 0px;
	font: normal 14px  Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	color: #2f4e0e;
	text-indent:0px;
	letter-spacing:-1px;
		}
		#content p{ 
				margin: 0 ;
				padding: 0;
				color: #000; line-height: 18px; text-align:left; text-indent:0px;
		}
		
		#content ul{
			font-size: 14px;	
			margin: 10px  15px 10px 35px;
			padding: 0;
		}
		
			#content ul li{ margin-bottom:10px; }
			
		#content img1{ display: block; clear: both; padding: 0px; background: #e5e5e5; }
				
			.imgfloatleft{ float:left; margin: 5px 0px 5px 0px; }
			.imgfloatright{ float:right; margin: 5px 0px 5px 10px; }
			
		.notice { border: 1px solid #f2ec49; background: #fffdcb; padding:20px; margin-bottom:15px; }
		
	#contakt
	{
	width:180px;
	height:150px;
	float:right;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	}		
	
/* FOOTER */
#footer{
	width:966px;
	background-color:#FFF; margin-top:0px; border-top:1px solid #ddd; padding:10px 7px 5px 7px; float:left; }
	
	#footer p{ margin-bottom:3px; font-size:12px;}
	#footer p.madeby a{ color:#000; }
	
/* FORMS */
fieldset {
	margin: 0 5px 10px 0px;
	padding: 2px;
	border: 1px dotted #ccc;
	
	background-color: #fff;
} 
legend { background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:3px; margin-left:10px; }
form p { margin: 5px 0 0 0; }
label {  text-align:right; margin-right:10px; display:block; width:140px; float:left; clear:both; font-weight:bold; }
input.text { width:225px; } 
textarea { width: 400px; margin: 5px 15px 15px 15px; }  

.option
 {
	float:left;
	border:1px solid #beceac;
	font-size:12px;
	font-family: Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	padding:1px;
	width: 35px;
}


.button {
	padding:0;
	margin:0;
	width:150px;
	font-size:12px;
	border: 1px solid #333333;
	background-color: #2f4e0e;
	color:#fff;
	}
.subbutton {
	padding:0;
	margin:0;
	width:150px;
	font-size:12px;
	/*border: 1px solid #333333;*/
	background-color: #2f4e0e;
	color:#fff;
	}
	
	.subbutton a {color:#FFF;}
	.subbutton a:hover {color:#FFF;
	text-decoration:underline;}

/* TABLES */

table   { margin-bottom: 10px;}
th      { border-bottom: 0px solid #ccc; font-weight: bold; }
td      { border-bottom: 0px solid #ddd; }
th,td   { padding: 0px 0px 0px 0px; }
tfoot   { font-style: italic; }
caption { background: #ffc; }



 body, textarea, table {
  font-family: Verdana, Sans-Serif;
  font-size: 13px;
  color: #000000;
 }
 body {

 }
 table {
  margin: auto;
  border-spacing: 1px;
 }
 th, td {
  padding: 3px;
 }
 label {
  cursor: Pointer;
 }
 .pflichtfeld {
  color: #FF0000;
  border: 0px;
 }
 .hintergrund {
  color: #000000;
  background-color: #EEEEEE;
 }
 .danke, .danke a {
  color: #000000;
  text-align: Center;
  margin-top: 200px;
  padding: 10px;
 }

 /* Captcha (Sicherheitsbild) */
 #captcha {
  width: 60px;
  height: 20px;
  vertical-align: bottom;
  cursor: pointer;
 }

 /* Tabelleneffekt */ 
 .hintergrund:hover {
  background-color: #DDDDDD;
 }	
