/* =============Bilderwechsel==============*/
#s3slider {
	position: absolute;
	top: 105px;
	left: 215px;
	width: 400px; /* important to be same as image width */
	height: 285px; /* important to be same as image height */
	overflow: hidden; /* important */
	z-index: 14;
	margin: 0;
	padding: 0;
	display: block;
}

#s3slider ul, #s3slider li {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

#s3sliderContent {
width: 400px; /* important to be same as image width or wider */
height: 285px;
     left: 0;
	 top: 0;
}

.s3sliderImage {
  left: 0;
  top: 0;
   float: left; /* important */
   display: none; /* important */
}

.s3sliderImage div {
   position: absolute; /* important */
   left: 0;
   padding: 0px 15px 0px 15px;
   width: 370px;
   height: 100px;
   background-color: #f5f5f5;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #333;
   display: none; /* important */
   bottom: 0px;
}
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */

.clear {
   clear: both;
}



body, p, td, th, div, blockquote, dl, ul, li {
	color: #333;
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;	
}

html, body     {
	background-color: #DBDBDB;
	background-image: url(../../images/background-2.gif);
	background-repeat: repeat-y;
	background-position: center;	
	margin: 0;
	padding: 0;
}

img  { border: 0;}
.img_l  {
	display: block;
	float: left;
	margin-right: 10px;
}

.img_l_m  {
	display:inline-block;
	margin-right: 10px;
	vertical-align: middle;
}


a, a:link, a:visited, a:active  { color: #333; text-decoration: none;}
a:hover     { color: #c60 }

#seite  {
	position: absolute;
	background-image: url(../../images/background.png);
	background-repeat: no-repeat;
	background-position: center top;
	top: 0px;
	left: 50%;
	width: 972px;
	height: 100%;
	z-index: 0;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: -486px;
}

#subnavi {
	position: absolute;
	top: 7px;
	left: 15px;
	width: 200px;
	height: 98px;
	z-index: 1;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#header {
	position: relative;
	top: 7px;
	left: 215px;
	width: 370px;
	height: 98px;
	z-index: 2;
	padding: 0px 15px 0px 15px;
	margin: 0;
	display: block;
	clear: right;
}

#colum-1 {
	position: absolute;
	top: 105px;
	left: 15px;
	width: 200px;
	height: 185px;
	z-index: 4;
	margin: 0;
	padding: 0;
}

#colum-1 p, #colum-2 p, #colum-2 li
{
	color: #333;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px; 
	padding: 0px 10px 0px 10px;
}

#colum-1 a:hover, #colum-2 a:hover
{ color: #666;
}


#colum-2 {
	position: absolute;
	top: 291px;
	left: 15px;
	width: 200px;
	height: 100%;
	z-index: 5;
	margin: 0;	
	padding: 0;

}

#colum-2 ul{ padding-left:25px; margin:0; list-style:none;}
#colum-2 li{ padding-left:0px;
	width: 170px;
	list-style-position: outside;
	list-style-image: url(/images/lipunkt.gif);
}


#bild {
	position: absolute;
	top: 105px;
	left: 215px;
	width: 400px; /* important to be same as image width */
	height: 185px; /* important to be same as image height */
	overflow: hidden; /* important */
	z-index: 14;
	margin: 0;
	padding: 0;
	display: block;
}

#content {
	position: absolute;
	background-color: #f5f5f5;
	top: 289px;
	left: 231px;
	width: 370px;
	height: 100%;
	z-index: 6;
	margin: 0;
	padding: 0;
	display: block;
}

#content ul{ padding-left:15px; margin:0; list-style:none;}
#content li{ 
	list-style-position: outside;
	list-style-image: url(/images/lipunkt.gif);
}


#content-1 {
	position: absolute;
	top: 105px;
	left: 215px;
	width: 400px;
	height: 285px;
	z-index: 4;
	margin: 0;	
	padding: 0;
	display: block;
}

#content-2 {
	position: absolute;
	background-color: #f5f5f5;
	top: 390px;
	left: 215px;
	width: 370px;
	height: 100%;
	z-index: 6;
	margin: 0;
	padding: 0 15px 0 15px;
	display: block;
}

#menu {
	position: absolute;
	top: 135px;
	left: 815px;
	width: 150px;
	height: 250px;
	z-index: 15;
	margin: 0;
	padding: 0;
}



/* Rechter Contentrahmen */
body#x1x1 li a.x1x1,body#x1x2 li a.x1x2,body#x1x3 li a.x1x3,body#x1x4 li a.x1x4,body#x1x5 li a.x1x5,body#x1x6 li a.x1x6,
body#x2x1 li a.x2x1,body#x2x2 li a.x2x2,body#x2x3 li a.x2x3,body#x2x4 li a.x2x4,body#x2x5 li a.x2x5,
body#x3x1 li a.x3x1,body#x3x2 li a.x3x2,body#x3x3 li a.x3x3,
body#x4x1 li a.x4x1,body#x4x2 li a.x4x2,body#x4x3 li a.x4x3,body#x4x4 li a.x4x4,body#x4x5 li a.x4x5,body#x4x6 li a.x4x6,
body#x5x1 li a.x5x1,body#x5x2 li a.x5x2,body#x5x3 li a.x5x3,body#x5x4 li a.x5x4,
body#x6x1 li a.x6x1,body#x6x2 li a.x6x2,body#x6x3 li a.x6x3,body#x6x4 li a.x6x4,
body#x7x1 li a.x7x1,body#x7x2 li a.x7x2,body#x7x3 li a.x7x3

        {
		font-weight: bold;
		color:#A0A0A0;; 
		background-color: #339;
}

body#x1x1 li.x1x1 a,body#x1x2 li.x1x2 a,body#x1x3 li.x1x3 a,body#x1x4 li.x1x4 a,body#x1x5 li.x1x5 a,body#x1x6 li.x1x6 a,
body#x2x1 li.x2x1 a,body#x2x2 li.x2x2 a,body#x2x3 li.x2x3 a,body#x2x4 li.x2x4 a,body#x2x5 li.x2x5 a,
body#x3x1 li.x3x1 a,body#x3x2 li.x3x2 a,body#x3x3 li.x3x3 a,
body#x4x1 li.x4x1 a,body#x4x2 li.x4x2 a,body#x4x3 li.x4x3 a,body#x4x4 li.x4x4 a,body#x4x5 li.x4x5 a,body#x4x6 li.x4x6 a,
body#x5x0 li.x5x0 a,body#x5x1 li.x5x1 a,body#x5x2 li.x5x2 a,body#x5x3 li.x5x3 a,body#x5x4 li.x5x4 a,
body#x6x1 li.x6x1 a,body#x6x2 li.x6x2 a,body#x6x3 li.x6x3 a,body#x6x4 li.x6x4 a,
body#x7x1 li.x7x1 a,body#x7x2 li.x7x2 a,body#x7x3 li.x7x3 a
       {
	font-weight: bold;
	color: #333;
}
body#home a.home,body#impressum a.impressum,body#sitemap a.sitemap

       {
	
	color: #c60;
}


#submenu {
	position: absolute;
	top: 135px;
	left: 615px;
	width: 200px;
	height: 250px;
	z-index: 4;
	margin: 0;
	padding: 0;
}
	
#submenu-layer {
	position: absolute;
	background-color: #ccc;
	top: 105px;
	left: 615px;
	width: 199px;
	height: 285px;
	z-index: 5;
	margin: 0;
	padding: 0;
	display:none;
}

h1,h2,h3,h4 { font-family: ff-dax-compact-web-pro, helvetica, arial, sans-serif; margin: 0;  }
h1    {
	position: absolute;
	color: #ccc;
	font-size: 17px;
	font-style: normal;
	font-weight: 700; 
	line-height: 20px;
	bottom: 10px;
}

h2 { color: #339; font-size: 17px; font-style: normal; font-weight: 700; line-height: 20px; padding-top: 20px;}
h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #339; }

h3, h4 { font-size: 13px; line-height: 17px; margin: 0;  font-style: normal; font-weight: 700; padding-top: 20px; padding-bottom: 0px; }
h3, h3 a, h3 a:link, h3 a:visited, h3 a:active { color: #666; }
h3 a:hover { color: #c60; }

h4, h4 a, h4 a:link, h4 a:visited, h4 a:active { color: #c60; }
h4 a:hover { color: #333; }

#colum-1 h4, #colum-2 h4 { 	padding-right:10px; padding-left:10px; }
#colum-2 img, #content-2 img {
	display: block;
}

.grau { color: #333; }
.grau a, .grau a:link, .grau a:visited, .grau a:active { color: #333; }
.grau a:hover { color: #c60; }
.orange { color: #c60; }
.right {
	text-align: right;
}
.abstand_n {
	padding-bottom: 10px;
}

.abstand_0 {
	padding: 0px;
}

.abstand_15l {
	padding-left: 20px;
	display: block;
	clear: right;
}

.faq_span {
	float: left;
	display: block;
	clear: right;
	color:#339;
}

.rot, span .rot {
	color:#CC0000;
}

.px_o { border-top: 1px solid #ccc }

.px_u { border-bottom: 1px solid #ccc }

/*SCHMUCKELEMENTE*/
a.style1{
	padding-left:12px;
	background-color: transparent;
	background-image: url(/images/apfeil1.gif);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
a.style2{
	padding-left:12px;
	background-color: transparent;
	background-image: url(/images/apfeil2.gif);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
a.style3{
	padding-left:12px;
	background-color: transparent;
	background-image: url(/images/astyle3.gif);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

a.back{
	padding-left:12px;
	background-color: transparent;
	background-image: url(/images/aback.gif);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

/*============================Ausklappmenu======================================= */

#mainmenu { float:right; list-style:none;padding:0; margin:0;position:relative; width:150px;}
#mainmenu ul, #submenu ul { padding:0; margin:0; list-style:none; width:150px; height:auto; position:absolute; left:-9999px; top:0; }
#mainmenu table, #submenu table  { border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#mainmenu li, #submenu li { float:left; }
#mainmenu li a, #submenu li a { display:block; float:left; height:24px; line-height:24px; font-family: ff-dax-compact-web-pro, helvetica, arial, sans-serif; font-size:13px; font-style: normal; font-weight: 700; text-decoration:none; }

#mainmenu li a { text-align:left; width:125px; color:#fff; padding-left:25px; }
#mainmenu li:hover { position:relative;}
#mainmenu li a:hover { position:relative; background-color:#339; color:#000; }
#mainmenu li:hover > a { color:#A0A0A0; background-color:#339; }

#mainmenu ul li a { width:155px; text-align:right;padding-right:25px; }
#mainmenu ul li a.fly { background-color:#339; }
#mainmenu li li a, #mainmenu li li  { color:#666; }
#mainmenu li:hover ul { left:-190px; width:190px; }
#mainmenu ul li:hover > a { color:#390; }
#mainmenu li li:hover > a { color:#000;background: url(trans.gif);
}

/*==========Style fixierte Untermenus================*/

#submenu ul {
	left:0px;
}
#submenu li a { text-align:right; width:190px; color:#666;  padding-right:25px; }
#submenu ul li a:hover { color:#333; }

/*===================Ende================================================ */