@charset "utf-8";
@import url(navigation.css);
* {
	margin: 0;
	padding: 0;
	border:0;
	}
html[xmlns^="http"]
	{
	overflow-y: scroll;
	}
a:focus {
	outline: none;
}
body{
	text-align: center;
	background: #fff;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	color: #000;
	line-height: 140%;
	font-size:12px;	
	background:#666 url(../images/bg_body.gif) top left repeat-x;
	}
#wrapper{
	margin: 0 auto;
	text-align:left;
	width:910px;
	background:url(../images/bg_wrapper.gif) top left repeat-y;
	}
#head{
	position:relative;
	width:910px;
	height:173px;
	background:url(../images/bg_head.jpg) top left no-repeat;
	}
	
#headtel{
	position:relative;
	width:910px;
	height:173px;
	background:url(images/bg_telefon.jpg) top left no-repeat;
	}

#logo {
	position:absolute;
	top:51px;
	left:35px;
}	

#servicearea{
	position:absolute;
	top:40px;
	left:641px;
	}
#navigation{
	padding:126px 0 0 35px;
	}
#contentwrap{
	padding:0 29px 0 32px;
	}
#contentwrapNoIMG{
	padding:20px 29px 0 32px;
	}	
#content{
	float:left;
	width:605px;
	}
#contentinner{
	padding:0 40px 20px 20px;
	}
#content p{
	padding: 0 0 1em 0;
	}
#content a, #sidebar a{
	color: #E20000;
	text-decoration:none;
	}
#content a:hover, #sidebar a:hover{
	color: #E20000;
	text-decoration:underline;
	}
#content h1{
	font-size:22px;
	line-height:120%;
	color: #000;
	padding:0 0 15px 0;
	}
#content h2{
	font-size:15px;
	color: #E20000;
	padding:0 0 10px 0;
	}
#content h3{
	font-size:12px;
	color: 000;
	padding:0 0 10px 0;
	}
#content ul{
	margin: 0 0 5px 0;
	}
#content li{
	list-style-type:none;
	padding: 0 0 5px 10px;
	background:url(../images/bullet.gif) 0 6px no-repeat;
	}

#imgContentWidth{
	width:565px;
	height:340px;
	background:url(../images/bg_imgContentWidth.gif) top left no-repeat;
	padding:11px 17px 19px 13px;
	}
#imgContentWidth215{
	width:565px;
	height:215px;
	background:url(../images/bg_imgContentWidth_215px.gif) top left no-repeat;
	padding:11px 17px 19px 13px;
	}
#imgContentWidth img, #imgContentWidth215 img{
	border:#666 1px solid;
	}
#imgFullDark215{
	float:left;
	width:819px;
	height:215px;
	background:url(../images/bg_image_full_dark_215px.gif) top left no-repeat;
	padding:11px 17px 19px 13px;
	}
#imgFullDark{
	float:left;
	width:819px;
	height:340px;
	background:url(../images/bg_image_full_dark.jpg) top left no-repeat;
	padding:11px 17px 19px 13px;
	}
#imgFullDark img, #imgFullDark215 img{
	border:#666 1px solid;
	}
#imgFullLight{
	width:819px;
	height:340px;
	background:url(../images/bg_image_full_light.jpg) top left no-repeat;
	padding:11px 17px 19px 13px;
	}
#imgFullLight img{
	border:#666 1px solid;
	}
.imgServiceRight{
	float:right;
	width:225px;
	}
.imgServiceRight img{
	border:none!important;
	}
.imgServiceRight h1{
	font-size:22px;
	line-height:110%;
	padding:20px 0 15px 0;
	}
#imgFullDark .imgServiceRight h1, #imgFullDark .imgServiceRight p{
	color:#fff;
	}
#partner{
	float:left;
	width:565px;
	height:50px;
	background:url(../images/bg_partner.gif) top left no-repeat;
	padding:25px 15px 10px 15px;
	}
	
	#partner2{
	float:left;
	width:219px;
	height:100px;
	background:url(partner-shop.png) top left no-repeat;
	padding:25px 15px 10px 15px;
	margin: 0 5px 10px 20px;
	}
	
	#partner2 #hintergrundcontainer {
		width: 190px;	
	}
	
#sidebar{
	float:right;
	width:244px;
	}
#sidebar p	{
	padding: 0 0 0.5em 0;
	}
#sidebar h1{
	font-size:20px;
	line-height:140%;
	font-weight:normal;
	color: #000;
	padding:0 0 15px 0;
	}
.boxContent{
	padding:0 5px 10px 20px;
	}	
#footer{
	clear:both;
	height:64px;
	color:#444;
	font-size:11px;
	padding:3px 29px 0 40px;
	background:url(../images/bg_footer.gif) top left no-repeat;
	}
#footer a{
	color:#444;
	text-decoration:none;
	}
#footer a:hover{
	color:#E20000;
	text-decoration:underline;
	}
#address{
	float:left;
	}
#footernav {
	width:230px;
	float:right;
	}
	
#boxkontakt {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 500px;
	height: 170px;
}
	
.kontaktleft {
	float: left;
	display: inline;
	text-align: left;
	width: 152px;
}

.kontaktright {
	text-align: left;
	display: inline;
	text-align: left;
	width: 350px;
}

.twitter li {
	margin-bottom: 1em;
	list-style-type: none;
}

.twitter .follow-us {
	padding-left: 20px;
	background: url(http://www.trafo2.de/img/bird.gif) left center no-repeat transparent;
	line-height: 30px;
	padding: 0 0 6px 45px;
}

form {display:inline;}
.group-select .input-box {float:left;width:260px;}
.group-select .input-box input.input-text{width:250px;}
input.input-text, textarea {padding:2px;}
input.input-text, select, textarea {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #DDDDDD;}
input, select, textarea, button {color:#000000;margin-bottom:10px;font:12px Arial,Helvetica,sans-serif;vertical-align:middle;}
.required {color:#E20000;}
.group-select textarea {width:510px;}
.group-select li{clear:both;}
.group-select .input-check, .group-select .input-select{margin-left:10px;}
.group-select .input-check{margin-top:6px;}
.group-select .btn-black {background:url("../images/btn-black.gif") repeat-x scroll center center transparent;border:1px solid #989898;color:#fff;line-height:23px;padding-left:4px;padding-right:4px;}