/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #666666; }
a:active { text-decoration: none; }
a:visited { text-decoration: line-through; color:#00cc90; }
a:hover { text-decoration: none; color:#FFFFFF; }

#menu ul li a:hover { text-decoration: none; background-color:#00cc90; color:#FFFFFF; }

.exhibit{
	margin-top:30px;
	font-size: 8px;
	color:#999999;
}

.exhibit a{
	font-size: 8px;
	color:#999999;
}

a img {
	border: none;
}


#logo {
	margin: 0 0 0 6px;
}

/*durchsichtig machen leicht gemacht :)*/
#menu {
	width: 215px;
	top: 0;
	bottom: 0;
	left: 0;
	height: 580px;
	
	margin: 20px;
	position:absolute;
	/*-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	opacity: 0.8;*/
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 25px;
}

#menu ul li.section-title {
}

/*tabelle der rechten seite, bestimmt zbsp höhe der objekte*/
#content {
	margin: 10px 0 0 300px;
    height: 100%;
    top: 0;
}

/*enthaelt das menue*/
.container {
    padding: 5px 5px 25px 5px;
	
}

/*hintergrund, linke seite, enthält bilder*/
.container2 {
    padding: 5px 5px 25px 5px;
	text-align:left;
	width:800px;
}

#content p { margin-bottom: 9px;text-align: justify; }

a img {
border:medium none;
}

#content .container img {
padding-bottom:5px;
padding-right:5px;
}

p {
    margin:  0 0 9px 0;
	margin-top:20px
}

.text{	
	width: 390px;
	float: left;

}
.text2{
	width: 390px;
	float: right;
	margin-left:10px;
}

h1 {
	width: 800px;
	font-size: 12px;
	font-family:Helvetica, Georgia, "Times New Roman", Times, serif;
	font-weight:700;
	color:#000000;
	float:left;
}
h2 { font-size: 24px; }
h3 { 
	width: 800px;
	font-size: 12px; 
	font-family:Helvetica, Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	color:#000000;
	float:left;
}

h4 { 
	width: 800px;
	font-size: 12px; 
	font-family:Helvetica, Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	font-style:italic;
	color:#00cc90;
	float:left;
}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }	

#jFlowSlide {
margin-top:-5px;
overflow:hidden;
padding:0;
position:relative;
width:99%;
}

#mySlides {
overflow:hidden;
position:fixed;
}

.jFlowSlideContainer {
float:left;
padding:0;
position:relative;
}

.caption {
color:#FF0000;
padding:0;
}

#myController .jFlowPrev {
padding-right:5px;
}

#myController .jFlowNext {
padding-left:5px;
}

#myController span {
cursor:pointer;
font-size:12px;
margin:0 0 10px;
}

#myController span {
cursor:pointer;
font-size:10px;
margin-top:0;
}

#jFlowSlide1 {
margin-top:-5px;
overflow:hidden;
padding:0;
position:relative;
width:99%;
}

#mySlides1 {
overflow:hidden;
position:fixed;
}

.jFlowSlideContainer1 {
float:left;
padding:0;
position:relative;
}

.caption1 {
color:#FF0000;
padding:0;
}

#myController1 .jFlowPrev1 {
padding-right:5px;
}

#myController1 .jFlowNext1 {
padding-left:5px;
}

#myController1 span {
cursor:pointer;
font-size:12px;
margin:0 0 10px;
}

#myController1 span {
cursor:pointer;
font-size:10px;
margin-top:0;
}

#jFlowSlide2 {
margin-top:-5px;
overflow:hidden;
padding:0;
position:relative;
width:99%;
}

#mySlides2 {
overflow:hidden;
position:fixed;
}

.jFlowSlideContainer2 {
float:left;
padding:0;
position:relative;
}

.caption2 {
color:#FF0000;
padding:0;
}

#myController2 .jFlowPrev2 {
padding-right:5px;
}

#myController2 .jFlowNext2 {
padding-left:5px;
}

#myController2 span {
cursor:pointer;
font-size:12px;
margin:0 0 10px;
}

#myController2 span {
cursor:pointer;
font-size:10px;
margin-top:0;
}

#jFlowSlide3 {
margin-top:-5px;
overflow:hidden;
padding:0;
position:relative;
width:99%;
}

#mySlides3 {
overflow:hidden;
position:fixed;
}

.jFlowSlideContainer3 {
float:left;
padding:0;
position:relative;
}

.caption3 {
color:#FF0000;
padding:0;
}

#myController3 .jFlowPrev3 {
padding-right:5px;
}

#myController3 .jFlowNext3 {
padding-left:5px;
}

#myController3 span {
cursor:pointer;
font-size:12px;
margin:0 0 10px;
}

#myController3 span {
cursor:pointer;
font-size:10px;
margin-top:0;
}

#jFlowSlide4 {
margin-top:-5px;
overflow:hidden;
padding:0;
position:relative;
width:99%;
}

#mySlides4 {
overflow:hidden;
position:fixed;
}

.jFlowSlideContainer4 {
float:left;
padding:0;
position:relative;
}

.caption4 {
color:#FF0000;
padding:0;
}

#myController4 .jFlowPrev4 {
padding-right:5px;
}

#myController4 .jFlowNext4 {
padding-left:5px;
}

#myController4 span {
cursor:pointer;
font-size:12px;
margin:0 0 10px;
}

#myController4 span {
cursor:pointer;
font-size:10px;
margin-top:0;
}

#jFlowSlide5 {
margin-top:-5px;
overflow:hidden;
padding:0;
position:relative;
width:99%;
}

#mySlides5 {
overflow:hidden;
position:fixed;
}

.jFlowSlideContainer5 {
float:left;
padding:0;
position:relative;
}

.caption5 {
color:#FF0000;
padding:0;
}

#myController5 .jFlowPrev5 {
padding-right:5px;
}

#myController5 .jFlowNext5 {
padding-left:5px;
}

#myController5 span {
cursor:pointer;
font-size:12px;
margin:0 0 10px;
}

#myController5 span {
cursor:pointer;
font-size:10px;
margin-top:0;
}