/** **********************************************************************
  * CSS f�r das Projekt ___
  * Beinhaltet grafische Formatierungen und Positionierungen der div 
  * container aller Seitentypen, ausser Print.
  *
  * @CSS_Hack Tanteks Boxm modell hack. Schliesst IE<6 aus = voice-family: "\"}\"";voice-family:inherit;
  * @CSS_Hack Selektor hack. Schliesst IE bis 6 aus = html>body ELEMENT {}
  *
  * @author Sascha Nos <sascha.nos@web.de>
  * @version 1.0 - DD:MM:YYYY
  * 
  * @color
  */

/* Grundelemente ****************************************************** */
*{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100.1%;
	text-align:left;
	color:#000;
	background:#e2e1c5;
}
table{	border-collapse:collapse;	}
td{
	padding:2px;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body td{
	/* Mozilla */
	font-size:100%;
}
th{
	text-align:left;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body th{
	/* Mozilla */
	font-size:100%;
}
p{}
div{}
img{
	border:none;
	font-family:Verdana,sans-serif;
}
h1{font-size:140%;}
h2{font-size:120%;}
h3,h4,h5,h6{font-size:100%;}

/* Formularemente ****************************************************** */
form{line-height:200%;}
form br{clear:both;}
hr{visibility:hidden;}
input,select{
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	margin:0.3em 0 0.3em 0;
}
textarea{
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	width:150px;
	height:100px;
}
label,select{ 
	cursor:pointer;
} 
label.left{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px; 
} 
label.left_error{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px;
	color:#F00; 
} 
input.error{
	background:#FCC;
} 
/* Submit button */
input.right{ 
	margin-left:162px; 
}
/* CMS-Formatierungen ****************************************************** */  
/* Galerie ****************************************************** */  
.galerie{
	width:140px;
	height:140px;
	text-align:center;
	padding-top:20px;
	float:left;
	margin:0 5px 5px 0;
	
	voice-family: "\"}\"";voice-family:inherit;
	height:120px;
}
.galerie a{
	text-decoration:none;
}
.g1{
	width:70px;
	height:70px;
	margin:5px;
	background-position:center center;
}
.g2{
	border:3px solid #ea4733;
	float:left;
	margin:0 20px 15px 0;
}
.g1 img{
	width:70px;
	height:70px;
	float:none !important;
	padding:0 0 0 0 !important;
	margin:0 !important;
}
#zusatzimages{
	margin:10px 0 0px 0;
}
.uc{
	clear:left;
	visibility:hidden;
}
/* G�stebuch ****************************************************** */  
table.gbentry {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.gbentry td.gbtitle {
  font-weight: bold;
  padding: 0 5px 0 5px;
  background-color: #FFFF00;
  color: #000;
}
table.gbentry td.gbcontent {
  padding: 5px; 
  background-color: #FFFFFF;
  color: #000000;
}

img.button {
  vertical-align: bottom;
}
/* float clearing */
#logo:after, #menu:after, #outer:after, #content:after, form:after, form div:after, ul#breadcrumb:after {
    content:		".";
    display:		block;
    visibility:		hidden;
    clear:			both;
    height:			0;
}
* html #navi, * html #content, * html form, * html form div {
	height:			1%;
}
/* Layout ****************************************************** */  
#outer1{
	margin:				0 auto;
	width:				1000px;
	background:			url("images/bg_outer2.gif") repeat-y #FFF;
	border-bottom:		20px solid #e2e1c5;
}
#outer2{
	background:			url("images/bg_outer1.gif") repeat-x;
}
#logo{
	width:				287px;
	height:				170px;
	background:			url("images/bg_logo.gif") no-repeat;
}
.row3 #left{
	float:				left;
	width:				221px;
	border-left:		58px solid #FFF;
	padding:			60px 0 20px 0;
}
.row2 #left{
	display:			none;
}
.row3 #center{
	margin:				0 285px 0 330px;
}
.row2 #center{
	margin:				0 285px 0 58px;
}
#center{
	font-size:			75%;
	color:				#344d52;
	padding:			70px 0 0 0;
	line-height:		1.4em;
	border-bottom:		30px solid #FFF;
}
#center h1{
	color:				#ea4733;
	padding:			0 0 0.3em 0;
	font-size:			180%;
	text-transform:		lowercase;
}
#center ul, #center ol{
	margin:	0.7em 0 0.7em 0;
}
#center ul li, #center ol li{
	margin-left:		3em;
}
#center p{
	margin:				0.7em 0 0.7em 0;
}
#center h2{
	margin:				1em 0 0.5em 0;
}
#center a{
	color:				#344d52;
}
#center a:hover{
	color:				#ea4733;
}
#center img{
	float:				left;
	margin:				0 20px 10px 0;
}
#center img.ref_pic{
	float:				right;
	margin:				0 0 10px 20px;
}
#center .ref_box{
	padding:			1em 0 0.3em 0;
	min-height:			240px;
}
#center .ref_box_footer{
	padding:			0;
	border-bottom:		1px solid #AEAD92;
	min-height:			35px;
}
#center .ref_box_footer_box{
	float:				right;
}
.c_form h6{
	text-transform:		lowercase;
	color:				#ea4733;
}
.c_form{
	background-color:	#eeeddd;
	padding:			20px 50px 35px;
	margin-bottom:		20px;
}
.c_form .textfield, .c_form .textarea{
	width:				550px;
	border:				1px solid #B9B89F;
	padding:			3px;
	color:				#344D52;
	font-weight:		bold;
}
.c_captcha{
	float:				left;
}
.c_submit{
	font-size:			130%;
	border:				1px solid #B9B89F;
	background:			#FFF;
	padding:			3px 8px;
	float:				right;
	color:				#344D52;
	font-weight:		bold;
	text-transform:		lowercase;
}
.infobox{
	background:			no-repeat 30px center;
	padding:			20px 100px 20px 120px;
	border-left:		15px solid #344D52;
	margin:				15px 0 25px 0;
}
.infobox2{
	background:			#EEEDDD;
	border-left:		15px solid #344D52;
	margin:				0 0 10px 0;
	float:				left;
	width:				47%;
}
.infobox2 h2, .infobox2 p{
	padding:			5px 20px;
}
.infobox2 p{
	padding-top:		0;
	padding-bottom:		10px;
}
.messe1{
	background:			url("/media/weihnachten1.jpg") no-repeat right bottom;
	padding-top:		25px;
}
.messe1 h2{
	margin-bottom:		0 !important;
	padding-bottom:		1em;
}
.messe2{
	background:			url("/media/weihnachten2.jpg") no-repeat right top;
	padding:			20px 100px 20px 120px;
}
#infobox{
	background-image:	url("images/info2.gif");
	background-color:	#eeeddd;
}
#infobox2{
	background-image:	url("images/info.gif");
	color:				#FFF;
	background-color:	#ea4733;
}
#infobox2 a{
	color:				#FFF;
}
#infobox2 a:hover{
	text-decoration:	none;
	color:				#FFF;
}
#infobox h2, #infobox2 h2{
	margin-top:			0.5em;
}
#infobox .inf_header{
	cursor:				pointer;
}
#infobox .inf_content{
	display:			none;
}
#right{
	width:				222px;
	float:				right;
	border-right:		27px solid #FFF;
	border-top:			12px solid #FFF;
	border-bottom:		12px solid #FFF;
	margin-top:			61px;
	background:			#FFF;
}
#right ul{
	margin:				0;
	padding:			0;
	border-top:			1px solid #eeeddd;
}
#right ul ul{
	border:				none;
	background:			url("images/bg_ulul.gif") no-repeat left top #eeeddd;
	padding:			17px 0 37px 0;
	border-top:			3px solid #FFF;
	margin-bottom:		-3px;
}
#right ul ul ul{
	display:			none;
}
#right ul li{
	border-bottom:		1px solid #eeeddd;
	display:			block;
	list-style:			none;
	font-size:			80%;
	text-transform:		lowercase;
	font-weight:		bold;
	padding-top:		2px;
	padding-bottom:		3px;
}
#right ul ul li{
	border:				none;
	padding:			0 0 2px 75px;
	font-size:			100%;
}
#right ul li span.number{
	color:				#ea4733;
	font-size:			140%;
	padding-right:		21px;
	padding-left:		31px;
}
#right ul ul li span.number{
	display:			none;
}
#right ul li a{
	color:				#344d52;
	text-decoration:	none;
}
#right ul li a:hover, #right ul li.menu-current a, #right ul li.menu-parent a{
	color:				#ea4733;
}
#right ul ul li a{
	color:				#ea4733;
}
#right ul ul li a:hover, #right ul ul li.menu-current a, #right ul ul li.menu-parent a{
	color:				#344d52;
}
#footer{
	height:				147px;
	background:			url("images/bg_footer.gif") repeat-y #aead92;
	font-size:			75%;
	color:				#FFF;
	clear:				both;
}
#footer p.breadcrumb{
	padding:			28px 0 0 58px;
}
#footer p.adresse{
	padding:			28px 27px 0 30px;
}
#adr{
	float:				right;
	width:				249px;
	font-size:			85%;
	text-transform:		lowercase;
}
#footer a{
	color:				#FFF;
	text-decoration:	none;
}
#footer a:hover{
	text-decoration:	underline;
}
span.tag {
	background:transparent url("images/g_right.gif") no-repeat scroll right top;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:90%;
	height:19px;
	padding:0 2px 0 0;
	margin-right:10px;
}
span.tag span {
	background:transparent url("images/g_left.gif") no-repeat scroll left top;
	display:block;
	float:left;
	height:15px;
	padding:1px 7px 3px 19px;
	color:#FFF;
}
span.tag acronym{
	border-bottom:none;
}
.r_box{
	background:		#EEEDDD;
	padding:		7px 8px 1px 15px;
	font-size:		60%;
	color:			#344d52;
	border-top:		8px solid #EA4733;
	margin-bottom:	7px;
}
.r_box p{
	margin-bottom:	6px;
}
.r_box a{
	color:			#344d52;
}
.r_box a:hover{
	text-decoration:none;
}
.r_box img{
	float:			right;
	border:			1px solid #fff;
	margin:			0 0 5px 5px;
}
#referenz_box{
	width:			800px;
	height:			400px;
	font-size:		75%;
}
#referenz_box h2{
	background:		#EA4733;
	padding:		25px 0 15px 50px;
	color:			#FFF;
	font-size:		160%;
}
#referenz_box #referenz_technik{
	padding:		15px 50px 0 0;
	float:			right;
}
#referenz_box #referenz_content{
	padding:		30px 0 0 50px;
	clear:			both;
}
#referenz_box #referenz_content p{
	width:			350px;
	padding:		7px 0;
}
#referenz_box a{
	color:			#EA4733;
}
#referenz_box img{
	float:			right;
	padding:		0 50px 0 0;
}