@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/20px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #dbdbdb url(../images/bg.gif) repeat-x top center;
	min-height:100%;
	height: auto; 
}
body.no-background {
	background:#fff;
	padding: 10px 10px;
	
}
html[xmlns^="http"] {
	overflow-y: scroll;
	min-height:100%;
	height:100%;
}

h2 { font-size: 18px; color: #347777; padding: 0 0 5px 0; font-weight: normal; }
h2 span { font-size: 18px; color: #347777; padding: 0 0 5px 0; font-weight: normal; }
h3 { font-size: 18px; color: #347777; padding: 0 0 5px 0; font-weight: normal; }
h4 { font-size: 20px; color: #495e60; padding: 0 0 5px 0; font-weight: bold; }
h5 { font-size: 13px; color: #347777; padding: 0 0 10px 0; font-weight: bold; }
h6 { font-size: 13px; color: #347777; padding: 0 0 10px 0; font-weight: bold; }

.cufon-ready h2 { font-size:47px!important; }
.cufon-ready h2 span { font-size:30px!important; }
.cufon-ready h3 { font-size:30px!important; }
#content-inner .cufon-ready h4 { font-size:26px!important; }

::-moz-selection {
 background: #666;
 color: #fff;
}

::selection {
 background: #347777;
 color: #fff;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

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

.float-left { float:left;	margin: 4px 8px 4px 0; }
.float-right { float:right; margin: 4px 0 4px 8px; }

.linie { width:500px; margin:0 0 10px 0; height:1px; background:url(../images/linie.gif) repeat-x; }

.image { border:1px solid;}

#slideshow { height:300px; margin:10px 0;
}
#mediaplayer { height:330px; margin:10px 0;}
.bild {
	position:relative;
	top:-5px;
	left:0;
	border:1px solid#ffffff;
	width:264px;
	height:145px;
}

a.next {
	float:right;
	padding-right:40px!important;
}

span.button a {
	font-size:10px;
	font-style:inherit;
	padding: 0 10px;
}

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

#container {
	margin:auto;
	width: 980px;
	position:relative;
	min-height:100%;
	height:100%;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 980px;
	height:41px;
}


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

#content-sidebar {
	width:337px;
	height:432px;
	position:absolute;
	left:-295px;
	top:91px;
	background:url(../images/bg-sidebar-new.png) no-repeat;
	padding:35px 0 0 24px;
}
#content-sidebar.en {
	width:337px;
	height:432px;
	position:absolute;
	left:-295px;
	top:91px;
	background:url(../images/bg-sidebar_en.png) no-repeat;
	padding:35px 0 0 24px;
}
#content-sidebar h4, #content-sidebar.en h4 { color:#ffffff; font-size:14px; }
.cufon-ready #content-sidebar h4, .cufon-ready #content-sidebar.en h4 { color:#ffffff; font-size:23px; }

#content-sidebar h5, #content-sidebar.en h5 { color:#ffffff; font-size:14px; }
.cufon-ready #content-sidebar h5, .cufon-ready #content-sidebar.en h5 { color:#ffffff; font-size:19px; }

#content-sidebar a, #content-sidebar a span, #content-sidebar span, #content-sidebar.en a, #content-sidebar.en a span, #content-sidebar.en span { color:#beccce; font-size:11px; }
#content-sidebar p { color:#ffffff; font-size:11px; line-height:16px; }

.address { margin-bottom:15px; }
.schnellkontakt { margin-left:80px; width:170px; }


#content-sidebar:hover {
	left:0px;
}

div.left{
	float:left;
	width:250px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi li a {
	display:block;
	position:absolute;
	text-decoration:none;
	font-size:28px;
	left: 125px;
	top: 344px;
}
#navi li.n01 a {
	top:84px;
	left:186px;
}
#navi li.n02 a {
	top:53px;
	left:400px;
}
#navi li.n03 a {
	top:96px;
	left:631px;
}
#en #navi li.n03 a {
	width:420px;
}
#navi li.n04 a {
	top:174px;
	left:792px;
}
#navi li.n05 a {
	top:296px;
	left:743px;
}
#navi li.n06 a {
	top:421px;
	left:740px;
}
#navi li.n07 a {
	top:445px;
	left:416px;
}
#navi li.n08 a {
	top:519px;
	left:610px;
}
#navi li.n09 a {
	top:490px;
	left:232px;
}
#navi li.n10 a {
	top:406px;
	left:76px;
}
#navi li.n11 a {
	top:273px;
	left:129px;
}
#en #navi li.n11 a {
	left:0;
}
#navi li.n12 a {
	top:164px;
	left:74px;
}

#navi li.n13 a {
	top:333px;
	left:89px;
}

#navi li a:hover { color:#419fa8; }

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

#navi-add {
	height:29px;
	width:850px;
	padding-top:12px;
	float:left;
	background:url(../images/bg-navi-add.gif) repeat-x;
}
#navi-add li {
	float:left;
	background:url(../images/bg-navi-add-linie.gif) top left no-repeat;
	padding:0 15px 0px 15px;
}
#navi-add li:first-child { background:none; }

#navi-add li a {
	display:block;
	height:30px;
	color:#fff;
	float:left;
	font-size:13px;
	*margin-top:-2px;
	text-decoration:none;
}
.cufon-ready #navi-add li a { font-size:19px!important; }

#navi-add li a:hover {
	color:#a5cfd3;
}

#language {
	height:11px;
	width:100px;
	margin-top:15px;
	float:right;
	background:url(../images/icon-language.jpg) 0 0 no-repeat;
}
#language li { float:left; margin-right:9px;text-indent:-9999px; }
#language li a { display:block; width:16px; height:11px; text-indent:-9999px; }

/*---------------------------------------------------------------------------------------
--------------------------------------BRANDING--------------------------------------------
---------------------------------------------------------------------------------------*/
h1#branding a {
	display:block;
	width:423px;
	height:249px;
	text-indent:-9999px;
	position:absolute;
	top:150px;
	right:280px;
	background:url(../images/branding.jpg) 0 0 no-repeat;
}
/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:980px;
	position:relative;
	height:650px;
}
#content-inner { 
	padding:10px 10px 0px 15px; 
	background:#fff;
	width:480px;
	overflow:auto;


}


.abstand { height:60px; margin-bottom:30px; }
/*------------------ iFrame Anfahrt ------------------*/

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

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

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

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

#content-inner li { 
	background:url(../images/li-liste.gif) 0 6px no-repeat; 
	padding:0 0 0 23px; 
	margin-left:5px;
}

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

#content-inner .image {
	border: 1px solid #666;
    outline: none;
}
#content-inner .box {
	border: 1px solid #cfcfcf;
	background:#e4e4e4;
	padding: 6px 3px 0px 3px;
	width:230px;
	height:100px;
	float:left;
	margin:0 10px 10px 0;
}
#content-inner .box p {
	font-size:11px;
	text-align:center;
	margin-bottom:0px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

div#fix-bottom {
	position:fixed;
	width:100%;
	height:244px;
	bottom:-200px;
	left:0px;
	margin:0 auto;
	background:#495e60 url(../images/bg-footer.gif) 0 0 repeat-x;
	z-index:500;
	color:#fff;
	font-weight:bold;
}
div#fix-bottom:hover {
	bottom:0px;
}
	
#footerContent {
	margin:auto;
	width:930px;
	padding-top:10px;
	
}
#footerContent h4 { color:#fff; font-size:25px; text-align:center; margin-bottom:15px;}

#footerContent ul { float:left; width:160px;padding-left:50px; }

#footerContent ul li a { color:#fff; font-size:11px;  }
/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

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

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

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