@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, form, object, textarea {
	margin: 0;
	padding: 0;
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#343434;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #557898 url(../images/bg.jpg) repeat-x top center;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: bold 20px Verdana, Arial, Helvetica, sans-serif;
	color: #1c3c81;
}
h2 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #1c3c81;
	padding: 0 0 20px 0;
}
h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #2c5d88;
	padding: 0 0 10px 0;
	line-height:20px;
}
h4 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #2c5d88;
	padding: 10px 0 10px 0;
}
h5 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #2c5d88;
	padding: 10px 0 10px 0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

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

.float-right { float:right; }
.float-left { float:left; }
.linie { width:505px; border-bottom:1px solid #CCCCCC; margin:15px 0 15px 0; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

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

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

h1#branding a {
	display:block; 
	width:370px; 
	height:167px; 
	text-indent:-5000px; 
	float:left;
}
#address {
	position:absolute;
	width:370px;
	top:21px;
	right:53px;
}
.firma p { font-size:11px; color:#fff; text-align:right; }

.address1 { float:left; width:190px; text-align:right; position:relative; top:2px; left:27px; }
.address2 { float:left; width:170px; text-align:left; position:relative; top:2px; left:52px; }

.address1 p, .address2 p { color: #adbdcb; font-size:11px; line-height:17px;}

.address2 a, .address2 a:visited, .address2 .escape span {
	text-decoration: underline;
	color: #FFF;
	font-size:11px;
	outline: none;
}
.address2 a:hover, .address2 a:hover span, .address2 a:active, .address2 a:active span {
	text-decoration:none;
	color:#FFF;
}

#flash {
	width:77px;
	height:93px;
	position:absolute;
	top:294px;
	z-index:1000;
	left:322px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------TOP------------------------------------------------
---------------------------------------------------------------------------------------*/

#top {
	background:url(../images/bg-top.jpg);
	width:980px;
	height:296px;
	position:relative;
}
#btn-informationen { position: absolute; right:30px; top:24px; }
#btn-informationen a { width:201px; height:106px; display:block; text-indent:-6000px;  }
#btn-informationen a:hover { background:url(../images/btn-informationen-hover.gif); }

#btn-onlineshop {  position: absolute; left:210px; top:24px; background:url(../images/btn-onlineshop2.jpg);  }
#btn-onlineshop a { text-indent:-6000px;display:block; height:296px; width:112px; }
#btn-onlineshop a:hover { background:url(../images/btn-onlineshop-hover2.jpg); }

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

#content-sidebar {
	width:300px;
	float:left;
	padding:40px 7px 0 63px;
	color:#666666;
}
#content-sidebar p {
	font-size:11px;
	color:#666666;
	margin-bottom:10px;
}

#content-sidebar h2 {
	width:147px;
	height:21px;
	background:url(../images/h2-informationsbereich.gif);
	text-indent:-6000px;
	padding:0px;
	margin-bottom:15px;
}
#content-sidebar a, #content-sidebar a:visited, #content-sidebar .escape span {
	text-decoration: underline;
	color: #ff8010;
	outline: none;
	font-size:11px;
}

#content-sidebar a:hover, #content-sidebar a:hover span, #content-sidebar a:active, #content-sidebar a:active span {
	text-decoration:none;
	color:#ff8010;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:541px;
	height:32px;
	background:url(../images/bg-navi.gif);
	position:absolute;
	right:40px;
	top:119px;
}
#navi li {
	float:left;
}
#navi li a {
	display:block;
	height:32px;
	text-indent:-6000px;
}
#navi li.n1 a { width:86px; }
#navi li.n2 a { width:108px; }
#navi li.n3 a { width:75px; }
#navi li.n4 a { width:127px; }
#navi li.n5 a { width:55px; }
#navi li.n6 a { width:89px; }

#navi li.n1 a:hover { background:url(../images/bg-navi.gif) 0 -32px; }
#navi li.n2 a:hover { background:url(../images/bg-navi.gif) -86px -32px; }
#navi li.n3 a:hover { background:url(../images/bg-navi.gif) -194px -32px; }
#navi li.n4 a:hover { background:url(../images/bg-navi.gif) -269px -32px; }
#navi li.n5 a:hover { background:url(../images/bg-navi.gif) -396px -32px; }
#navi li.n6 a:hover { background:url(../images/bg-navi.gif) -451px -32px; }

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

#navi-add {
	position:absolute;
	right:72px;
	top:142px;
	width:130px;
}
#navi-add li {
	text-align:right;
	line-height:17px;
}
#navi-add li a {
	color:#fff;
	text-decoration:none;
	font-size:11px;
	line-height:18px;
}
#navi-add li a:hover {
	text-decoration:underline;
	color:#b2b1b1;
}

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

#content-main {
	width:507px;
	float:left;
	padding:0 0 20px 38px;
}

/*------------------ H 1 ------------------*/

#content-main h1 { width:507px; height:34px; text-indent:-6000px; margin-bottom:20px; }
#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.oeffnungszeiten { background:url(../images/h1/bg-oeffnungszeiten.gif) no-repeat; }
#content-main h1.service { background:url(../images/h1/bg-service.gif) no-repeat; }
#content-main h1.kompetenzstudio { background:url(../images/h1/bg-kompetenzstudio.gif) no-repeat; }
#content-main h1.mgm { background:url(../images/h1/bg-mgm.gif) no-repeat; }
#content-main h1.uebermaleg { background:url(../images/h1/bg-uebermaleg.gif) no-repeat; }
#content-main h1.informationen { background:url(../images/h1/bg-informationen.gif) no-repeat; }
#content-main h1.fehlerlogin { background:url(../images/h1/bg-fehlerlogin.jpg) no-repeat; }
#content-main h1.ansprechpartner { background:url(../images/h1/bg-ansprechpartner.gif) no-repeat; }
#content-main h1.newsletter { background:url(../images/h1/bg-newsletter.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 9px no-repeat; 
	padding:0 0 0 20px; 
	margin-left:10px;
	line-height:25px; 
}

#content-main .image {
	border: 1px solid #a7a7a7;
	padding: 2px;
	margin: 5px 8px 15px 0;
    outline: none;
}

#content-main .image:hover{
	border: 1px solid #333;
	padding: 2px;
}

#content-main .imagenohover {
	border: 1px solid #a7a7a7;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
}

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

#footer {
	margin:auto;
	width:770px;
	height:60px;
	background:url(../images/bg-footer.gif) no-repeat;
	padding:15px 0 0 210px;
}
#sitemap li { float:left; }
#sitemap li a { color:#a9a9a9; text-decoration:none; font-size:11px; margin-left:10px; }
#sitemap li a:hover { text-decoration:underline; }
/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

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

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

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/icon-pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}
img, div, a, input, h1, h2 { behavior: url(iepngfix.htc); }