@import "reset.css";

.away:hover {padding-left:5px;}

.away:hover:after {content:" >";}
h2 {font-size: 2em;color:black;}

body {

background-image: url('img/cast_big.jpg');
font-family:  Helvetica, Arial, sans-serif ;
color:#26465A;
border-top: 1px solid #26465A;
    background-position:0 -110px;
    background-repeat:no-repeat;
    background-size:100%;
}

b {
font-weight:bold;
}

a {text-decoration:none;color:#26465A;}
 
#content a {text-decoration:none;} 
 
#wrapper {

border:1px solid light-red;
margin: 0 auto;
width: 900px;
        background:none repeat scroll 0 0 rgb(255, 255, 255);
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8);


filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF)";


}


.question {font-size: 1.7em;
font-style: italic;
line-height: 1.3em;}


#submit {float: right;}

em {font-style:italic;}

input {width:200px;}

#radio1, #radio2, #radio3 {width:10px;}

label {

width: 10em;

display: block;
float: left;
padding-left: 1em;

}

#header {

}

#header h2 {

}

#header h3 {

}

#nav {
    font-size:0.7em;
    left:730px;
    letter-spacing:-0.01em;
    margin-bottom:2em;
    margin-top:-3em;
    padding-right:1em;
    position:relative;
    text-align:right;
    text-transform:uppercase;
    width:168px;
}

#nav a:hover {
font-weight:bold;
}

#nav a {
line-height:1.5em;
color:black;
}

#logo {
background-image: url("img/logo.png");
width: 630px;
height: 130px;
    margin:0 auto;
}

#nav a:hover {

}

#siegel {
    left:733px;
    position:relative;
    top:-90px;
    width:110px;
    z-index:1000;}

#content {

font-family:'georgia';
width: 500px;
margin-left: 169px;
margin-top: 2em;
margin-bottom: 2em;
background-repeat: none;
padding-left: 2em;
padding-right: 2em;
line-height: 1.7em;
//*background: white;*//
color:gray;

}

#content p {color:gray;}

#sidebar {

    margin:0 auto;
    padding-bottom:0.2em;
    padding-top:0.2em;
    text-align:center;
    width:900px;
  /*  background-image: url("img/leiste.png");*/
}


#sidebar a:hover {
color:#26465a;
}




#sidebar a {
   color:#BC1B0E;
    font-size:0.9em;
    line-height:2em;
    padding:1em 2em 0.45em;
    vertical-align:sub;
    letter-spacing:0.05em;
        padding:1em 1em 0.45em;
}


#sidebar .active, #sidebar .active:hover {
background:#26465a;
    border:1px solid #26465a;
font-weight:bold;
color:white;
}

#sidebar li {

}

#footer a:hover {opacity:0.5;}

#footer {
background:white;
    opacity:0.4;

color:black;
padding-bottom:1em;
    margin-top:-6em;
}

#footer p {

}

#footer ul {
width: 300px;
margin-left: 12em;
margin-top: 0.2em;
}

#footer ul li {
display:inline;
}

#footer ul li a {
margin-right:0.5em;
}

#footer a {
display:inline-block;
    margin-right:2em;
    color:black;
}

div {

}





/*
			Load CSS before JavaScript
		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		.slides_container {
			width:700px;
			display:none;
			height:440px;
			margin: 0 auto;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div {
			width:470px;
			height:170px;
			display:block;
		}
		
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
	    list-style:none outside none;

    margin-left:43em;
    margin-top:-1em;

    width:100px;
			
		}
		.pagination li {display:inline;padding:5px;}

		#slides {
		height: 439px;}
		
		
		#content .pagination li a {
		    font-family:Helvetica;
    font-size:0.8em;
    text-decoration:none;
    }
		
		/*
		
		

		
			Optional:
			Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
		}
		
		
		
		
		
		/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:700px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:700px;
	display:block;
}

.slides_container a img {
	display:block;
}