/* serie3.info slider ++++++++++++++++++++++++++++++++++++ */

#slider {
   width: 635px; /* important to be same as image width */
   height: 170px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#sliderContent {
   width: 635px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

#slider ul {
list-style : none;
padding : 0;
margin : 0;
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 635px;
   background-color: #000;
   filter: alpha(opacity=70); /* 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.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */


   /*  top: 0;
       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;
} 




.menu a {                  /* Farbe usw. der Menüeinträge, wenn sie nicht ausgewählt sind */
word-spacing: 1px;
font-family:Verdana;
color : #74797E;
background : inherit;
text-decoration : none;
padding: 0 10px 0 10px;
line-height : 23px;
font-size:12px;
}
.menu a:hover, .menu .current {   /* Farbe usw. der Menüeinträge, wenn sie ausgewählt sind */
color:#464646;
background : inherit;
height : 23px;
text-decoration: underline;
font-size:12px;
}
.menu ul {
list-style : none;
padding : 0;
margin : 0;
}
.menu li {
float : left;
margin : 0 0 0 0px;
display: inline;
}
/* ende navi menü ++++++++++++++++++++++++++++++++++ */

body {background: white;}

a {text-decoration: none;
color : #74797E;
margin-top: 0px;
word-spacing: 1px;
font-family:Verdana;
font-size:12px;
line-height:20px;
}
a:hover, .menu .current {  
color:#464646;
text-decoration: underline;
}
h4,h3,h2,h1 {color:#74797E;
font-family: Verdana;
letter-spacing: -1px;
margin-bottom:5px;}

p {margin-top: 0px;
word-spacing: 1px;
font-family:Verdana;
color:#74797E;
font-size:12px;
line-height:20px;
}

.bildunterschrift {
	color: #FFFFFF;
	width: 623px;
	float: right;
	background-color: #74797E;
	margin-top: 6px;
	padding: 7px;
margin-bottom:10px;}

.bildunterschrift_klein {
	color: #FFFFFF;
	width: 298px;
	float: right;
clear:both;
	background-color: #74797E;
	margin-top: 6px;
margin-left: 10px;
	padding: 7px;
margin-bottom:10px;}

#container {
  margin: 0 auto;
  width: 959px;
 text-align: left; 
background: white;
  } 

/* subcolumns ++++++++++++++++++++++++++++++++++ */

.subcolumns {
  width: 959px;
  padding: 0 1px 0 1px;
  margin: 0 -1px 0 -1px;
  overflow: hidden;
}

/* kästen ++++++++++++++++++++++++ */

.c100 {width: 950px; float: left; overflow: hidden; }

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden; }

.c33l, .c33r { width: 311px; background-color:}
.c66l, .c66r { width: 635px;  background-color:}

/* innenabstände ++++++++++++++++++++++++++++ */

.subc { padding: 0 0.5em 0 0.5em; overflow: hidden;}
.subcl { padding: 0em 0px 0em 0px; margin:0px; overflow: hidden;}
.subcr { padding: 0em 0px 0em 2px; overflow: hidden; }

/* opti ++++++++++++++++++++++++++++++++++++ */

.opti {
text-indent: -999em;
position: absolute;
line-height: 0px;
bottom: -20%;
color: aqua;}