@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:13px/21px Arial, Helvetica, sans-serif;
	color:#202a2c;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #FFF url(../images/bg-body.gif) repeat-x top center;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: normal 25px "Century Gothic", Arial, "Trebuchet MS";
	color: #8f8f8f;
}
h2 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 0 0 20px 0;
}
h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #555;
	padding: 0 0 10px 0;
}
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #555;
	padding: 0 0 10px 0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear { clear:both; float:none; }

.float-right { float:right; }
.float-left { float:left; }
p span.highlight { background:#1a1a1a; padding:3px 3px 3px 3px; color:#fff; }

.linie { width:559px; border-bottom:1px solid #CCCCCC; margin:15px 0 15px 0; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/
#background {
	background:url(../images/bg.jpg) no-repeat top center;
	height:495px;
	width:100%;
}
#container {
	margin:auto;
	width: 980px;
	position:relative;
	min-height:100%;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 980px;
	height:495px;
	background:url(../images/bg-header.jpg);
	position:relative;
}

h1#branding a {
	display:block;
	width:300px;
	height:100px;
	text-indent:-5000px;
	position:absolute;
	top:42px;
	left:54px;
}
#panorama_formatierung {
	position:absolute;
	right:67px;
	top:182px;
	width:559px;
	height:189px;
	background:#fff;
}
#bilderreihe {
	position:absolute;
	right:67px;
	top:371px;
	width:560px;
	height:100px;
}

#bilderreihe li { float:left; }

#bilderreihe li a {
	display:block;
	width:140px;
	height:100px;
	text-indent:-6000px;
}

#bilderreihe li.img01 a { width:140px; }
#bilderreihe li.img02 a { width:139px; }
#bilderreihe li.img03 a { width:141px; }
#bilderreihe li.img04 a { width:140px; }

#bilderreihe li.img01 a:hover { background:url(../images/bg-header-images-hover.jpg) 0 0; }
#bilderreihe li.img02 a:hover { background:url(../images/bg-header-images-hover.jpg) -140px 0; }
#bilderreihe li.img03 a:hover { background:url(../images/bg-header-images-hover.jpg) -279px 0; }
#bilderreihe li.img04 a:hover { background:url(../images/bg-header-images-hover.jpg) -420px 0; }

/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:266px;
	float:right;
	padding:32px 56px 0 25px;
}
#content-sidebar h2 { text-indent:-6000px; padding:0px; margin:0px; }
#content-sidebar p { color:#fff; font-size:12px; }
#content-sidebar p strong { color:#fff; font-size:13px; }
#content-sidebar .address { background:url(../images/bg-address.gif); width:220px; height:168px; padding:33px 23px 0 23px; margin-bottom:13px; }
#content-sidebar .fragen { background:url(../images/bg-fragen.gif); width:228px; height:145px; padding:33px 15px 0 23px; margin-bottom:20px; }
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:299px;
	height:308px;
	background:url(../images/bg-navi.gif) 0 0;
	position:absolute;
	top:172px;
	left:54px;
}
#navi li {
}
#navi li a {
	display:block;
	width:299px;
	height:34px;
	text-indent:-6000px;
}

#navi li.n1 a { height:52px; }

#navi li.n1 a:hover { background:url(../images/bg-navi.gif) -299px 0; }
#navi li.n2 a:hover { background:url(../images/bg-navi.gif) -299px -52px; }
#navi li.n3 a:hover { background:url(../images/bg-navi.gif) -299px -86px; }
#navi li.n4 a:hover { background:url(../images/bg-navi.gif) -299px -120px; }
#navi li.n5 a:hover { background:url(../images/bg-navi.gif) -299px -154px; }
#navi li.n6 a:hover { background:url(../images/bg-navi.gif) -299px -188px; }
#navi li.n7 a:hover { background:url(../images/bg-navi.gif) -299px -222px; }
#navi li.n8 a:hover { background:url(../images/bg-navi.gif) -299px -256px; }

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/
ul#navi-add {
	height:42px;
	float:left;
	width:870px;
	padding:0 0 0 55px;
}
ul#navi-add li {
	float:left;
}
ul#navi-add li a {
	display:block;
	height:42px;
	text-indent:-6000px;
}

ul#navi-add li.s1 a { width:140px; margin-right:472px; }
ul#navi-add li.s2 a { width:66px; }
ul#navi-add li.s3 a { width:62px; }
ul#navi-add li.s4 a { width:82px; }

ul#navi-add li.s1 a:hover {background:url(../images/bg-navi-add.gif) -1px 0; }
ul#navi-add li.s2 a:hover {background:url(../images/bg-navi-add.gif) -613px 0; }
ul#navi-add li.s3 a:hover {background:url(../images/bg-navi-add.gif) -679px 0; }
ul#navi-add li.s4 a:hover {background:url(../images/bg-navi-add.gif) -741px 0; }

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

#content-main {
	width:559px;
	float:left;
	padding:24px 0 20px 74px;
}

/*------------------ Überschrift h1 ------------------*/

#content-main h1 { width:500px; height:33px; text-indent:-6000px; margin-bottom:10px; }
#content-main h1.index { background:url(../images/h1/bg-index.gif) no-repeat; }
#content-main h1.kontakt { background:url(../images/h1/bg-kontakt.gif) no-repeat; }
#content-main h1.danke { background:url(../images/h1/bg-danke.gif) no-repeat; }
#content-main h1.impressum { background:url(../images/h1/bg-impressum.gif) no-repeat; }
#content-main h1.anfahrt { background:url(../images/h1/bg-anfahrt.gif) no-repeat; }
#content-main h1.fehler { background:url(../images/h1/bg-fehler.gif) no-repeat; }
#content-main h1.diekollegen { background:url(../images/h1/bg-diekollegen.gif) no-repeat; }
#content-main h1.formulare { background:url(../images/h1/bg-formulare.gif) no-repeat; }
#content-main h1.taetigkeitsfelder { background:url(../images/h1/bg-taetigkeitsfelder.gif) no-repeat; }
#content-main h1.links { background:url(../images/h1/bg-links.gif) no-repeat; }

/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #666666; 
	padding:4px; 
	background:#fff;
}

/*---------------- Textformatierungen ----------------*/

#content-main p { 
	margin: 0 0 15px 0px; 
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 7px no-repeat; 
	padding:0 0 0 19px; 
	margin-left:20px;
}

/*------------------ Bildformatierungen ------------------*/

#content-main .image {
	border: 1px solid #666;
	padding: 4px;
	margin: 4px 8px 4px 0;
    outline: none;
}

#content-main .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	margin: 4px 4px 0 0;
}

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

#footer {
	margin:auto;
	width:980px;
	height:50px;
	background:url(../images/bg-footer.gif) no-repeat top center;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar a, #content-sidebar a:visited, #content-sidebar .escape span {
	text-decoration: underline;
	color: #b5b5b5;
	outline: none;
}

#content-sidebar a:hover, #content-sidebar a:hover span, #content-sidebar a:active, #content-sidebar a:active span {
	text-decoration:none;
	color:#b5b5b5;
}
a, a:visited, .escape span {
	text-decoration: underline;
	color: #909090;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#909090;
}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/icon-pdf.gif) no-repeat 0 50%;
	 border-bottom: none;
	 line-height:25px;
}