@charset "utf-8";

/*****************************************************************************************/
/*									 Torsten Trautman									 */
/*****************************************************************************************/


/*****************************************************************************************/
/*									 IMPORT												 */
/*****************************************************************************************/

	@import url("lightbox.css");
	@import url("cms.css");

/*****************************************************************************************/
/*									 STANDARDS   										 */
/*****************************************************************************************/

* {	margin: 0;	padding: 0;}

html{background: #F4F0CB url(../images/content.jpg) repeat-y center top;}

body {
	background: url(../images/bg.jpg) repeat-x ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #666;
	font-size:12px;
}

html, body {
	height: 100%;
}

html[xmlns^="http"] { overflow-y: scroll;}

.clear { clear: both;}

/*****************************************************************************************/
/*									 LAYOUT       										 */
/*****************************************************************************************/


/*-----------------------------------WRAPPER---------------------------------------------*/

#wrapper {
	width: 955px;
	position:relative;
	margin: 0 auto -34px auto;
	min-height:100%;
}

*html #wrapper {
	height:100%;
}


/*-----------------------------------HEADER----------------------------------------------*/

#header-01 {
	width: 955px;
	height: 359px;
	background:url(../images/header-01.jpg) no-repeat;
}

#header-02 {
	width: 955px;
	height: 359px;
	background:url(../images/header-02.jpg) no-repeat;
}

#header-03 {
	width: 955px;
	height: 359px;
	background:url(../images/header-03.jpg) no-repeat;
}

#header-04 {
	width: 955px;
	height: 359px;
	background:url(../images/header-04.jpg) no-repeat;
}

#header-05 {
	width: 955px;
	height: 359px;
	background:url(../images/header-05.jpg) no-repeat;
}


/*-----------------------------------LOGO------------------------------------------------*/

#logo {
	position: absolute;
	width: 250px;
	height: 60px;
	top: 20px;
	right: 40px;
}

/*-----------------------------------CONTENT---------------------------------------------*/


#content { 
	float: left;
	width: 865px;
	min-height: 395px;
	height: 100%;
	_height: 399px;
	padding: 30px 40px 60px 50px;
}

#content .index-left {
	font-size: 28px;
	line-height: 36px;
	color:#a0abb1;
}

#content .index-right {
	float:left;
	width: 430px;
	height: 350px;
	padding: 50px 0px 0 0;
}

#content .index-right p {
	font-size: 28px;
	line-height: 36px;
	text-align:right;
}

.mitarbeiter {
	float: left;
	width: 432px;
	height: 210px;
	color: #080609;
}

#wrapper #content .mitarbeiter .telefonnummer {
	margin: 65px 0 0 0;
	font-size: 14px;
	font-weight:bold;
}

#wrapper #content .mitarbeiter .emailadr {
	margin: 20px 0 0 0;
}

.trenner {
	width: 850px;
	height: 20px;
	border-top: solid 1px #333333;
}


/*-----------------------------------FOOTER----------------------------------------------*/

#footerwrapper{
	clear:left;
	height: 34px;
	width: 100%;
	background: #F4F0CB;
}	

#footer{
	margin-left: auto;
	margin-right:auto;
	position:relative;
	width: 905px;
	font-size: 11px;
	padding: 13px 0 0 50px;
	background: url(../images/footer.jpg) no-repeat -1px top;
	*background: url(../images/footer.jpg) no-repeat 1px top;
	height: 21px;
}

#footer .adresse {
	float:left;
	font-size: 11px;
	color: #111111;
	width: 680px;
}

#footer .links {
	float:left;
	width: 180px;
}

#footer .links a {
	font-size: 11px;
	color: #111111;
	text-decoration: none;
}

#footer .links a:hover {
	text-decoration: underline;
}

/*****************************************************************************************/
/*									 NAVIGATION    										 */
/*****************************************************************************************/

ul#navi {
	background: url(../images/navi-neu.jpg) no-repeat;
	float:left;
	width: 905px;
	height: 39px;
	padding: 15px 0 0 45px;
}

ul#navi li { 
	float: left;
	list-style-type: none;
}

ul#navi li a {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight:bold;
	display: block;
}

ul#navi li a:hover {color: #f2d305;}

ul#navi li a.n1 { width: 125px; }
ul#navi li a.n2 { width: 192px; }
ul#navi li a.n3 { width: 148px; }
ul#navi li a.n4 { width: 162px; }
ul#navi li a.n5 { width: 145px; }
ul#navi li a.n6 { width: 80px; }


/*****************************************************************************************/
/*									 SUBNAVIGATION 										 */
/*****************************************************************************************/

#subnavi{}

#subnavi li { float: left;}

#subnavi li a {}

#subnavi li a:hover {}


/*****************************************************************************************/
/*									 LINKS      										 */
/*****************************************************************************************/


a, .escape span{
	text-decoration: underline;
	color: #0095de;
	outline: none;
}

a:hover, a:hover span { text-decoration:none; color:#0095de;}



/*****************************************************************************************/
/*									 CONTENT 		     								 */
/*****************************************************************************************/


/*-----------------------------------HEADLINES-------------------------------------------*/

h1{
	font-size: 28px;
	color: #080609;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 28px 0;
}

h2 {
	font-size: 16px;
	color: #080609;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 15px 0;
}

h3 {
	font-size: 18px;
	color: #080609;
	font-weight:bold;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
}

/*-----------------------------------P-ABSÄTZE------------------------------------------*/

#content p {margin: 0 0 20px 0px; line-height: 18px;color: #080609;}

/*-----------------------------------LISTEN-------------------------------------------*/

ul.liste{
	margin: 0px 0 10px 0;
	float: left;
}

ul.liste li {
	background: url(../images/listpoint.jpg) no-repeat;
	list-style-type: none;
	padding: 0px 0 5px 30px;
	_padding: 0 0 0 18px;
	line-height: 14px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #372f24;
	margin: 0 0 0 30px;
}

*html ul.liste li {
	height: 20px;
}

/*-----------------------------------DL LISTEN----------------------------------------------*/

dl.unternehmen {
	width: 800px;
	height: 50px;
	color: #000;
	margin: 10px 0 0 0;
	line-height: 20px;
	clear:both;
}

dl.unternehmen dt {
	width: 80px;	
	float:left;	
}

dl.unternehmen dd {
	float:left;
	width: 720px;
}

dl.auszeichnung {
	width: 800px;
	height: 105px;
	color: #000;
	margin: 2px 0 0 0;
	line-height: 20px;
	clear:both;
}

dl.auszeichnung dt {
	width: 100px;	
	height: 90px;
	float:left;
}

dl.auszeichnung dd {
	float:left;
	width: 700px;
	height: 90px;
}
	
	
/*-----------------------------------BILDBORDER-----------------------------------------*/

.bildborder {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 8px 4px 0;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}

.bildborder:hover{
	border: 2px solid #cc0000;
	padding: 1px;
}

.bildbordernohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

.bildlinks {
	float: left;
	margin: 5px 5px 5px 0;
}

.bildrechts {
	float: right;
	margin: 5px 0 5px 5px;
}

.mitarbeiterbild {
	float:left;
	margin:0pt 20px 15px 0pt;
}

/*****************************************************************************************/
/*									KONTAKT, ANFAHRT, IMPRESSUM 						 */
/*****************************************************************************************/


/*----------------------------------KONTAKT----------------------------------------------*/

#personalien { float: left; width: 292px;}
#nachrichtenfeld { float: left; width: 200px;}


/*----------------------------------ANFAHRT----------------------------------------------*/

#anfahrtsskizze { float: left; width: 350px; }
#routenplaner { float: left; width: 450px; padding: 0 0 0 50px;}


/*----------------------------------IMPRESSUM--------------------------------------------*/

#adressdaten { float: left; width: 300px;}
#geschaeftsdaten { float: left; width: 450px;}
#datenschutzhinweis p { font-size: 11px;}

.home-text{
	font-size: 20px;
	line-height: 36px;
	color:#a0abb1 !important; 
}

.float{
	float:left;
	margin-right:50px;
	width:300px;
	
}


.float2{
	float:left;
	margin-right:100px;
	width:100px;
	
}