/* ---------------------- 2013 --------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#e3edf3;
    background-image:url(../images/background.png);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size: 100.01%;
}


/* ---------------------- Schriften --------------------- */
p {
	font-size: 0.9em;
	line-height: 1.5em;
	font-style: normal;
	font-weight: normal;
	color: #00363a;
	margin: 10px 10px 0 10px;
}

a {
 font-size: 1.0em;
 font-style: normal;
 font-weight: normal;
 color: #00363a;
 text-decoration: underline;
}

h1 {
	font-size: 1.8em;
	font-style: normal;
	font-weight:normal;
	color: #649299;
	margin: 0 0 20px 10px;
    padding: 10px 0;
}

h2 {
	font-size: 1.2em; 
	color: #649299; 
	font-weight:normal;
	margin: 0 10px;
	padding: 20px 10px 10px 0;


}

h3 {
	font-size: 0.9em; 
	color: #649299; 
	background-color: #e3edf3; 
	margin: 0 10px;
	font-weight: bold;
	padding: 4px;
	
}

h4 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

h5 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC99;
}

h6 {
	font-size: 14px; 
	color: #006067; 
	background-color: #FFCC66; 
	font-weight: bold;
	padding: 4px;
	
}

.bildlegende {
	font-size: 0.7em;
	line-height: 15px;
}
/* ---------------------- Listen --------------------- */

ul {
	font-size: 0.9em;
	color: #00363a;
	list-style-image: url(http://www.greenroofworld.com/2013/listimg.gif);
	list-style-type: square;
	margin: 0;
	padding: 0;
	
}


li {
	color: #00363a;
	margin-left: 15px;
	padding-left: 0;
}


li a {
	color:#3d494b;
	text-decoration: underline;
}
	
/* ---------------------- Struktur --------------------- */



#container {
width: 900px; 
height: 100%;
  margin: 50px auto;
  padding: 10px; 
 background-color: #ffffff;

}

#header {
  width: 880px;

  

}

#headertxt {
 font-size:25px;
 font-weight:bold;
 width:700px;
color: #f6b857;


margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
padding: 10 20px;
float:left;
}

#headertxt2 {
 font-size:19px;
 font-weight:bold;
color: #006067;

width: 700px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 20px;
padding: 10 20px;
}

#headerimg  { 
float: right;
margin-right:10px;
}

#content {
 width: #650px;
 padding: 5px;
 margin-left: 220px;
 background-color: #ffffff;
 text-align: left;
  margin-top: 20px;



}



/* ---------------------- Navigation links --------------------- */

#navigation {
 width: 180px;
 text-align:left;
float:left;
 padding: 0;
 margin-left: 10px;
 line-height:24px;
 margin-top: 35px;

 
}

#navigation ul {
	list-style-type: none;

	font-size: 0.9em;

}
#navigation li {
	 list-style-type: none;
	 margin: 0 0 1px 0;
	 /*border-bottom: 1px solid #00363a;*/
	
}

#navigation li a:link, #navigation li a:visited 
{
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #88a1a5;
	background-color: #98b4b9;
	color: #3d494b;
	width: 100%;

}

#navigation li a:hover, #navigation li a:active, #navigation li a:focus  {
	border-left: 12px solid #3d494b;
	background-color: #dae1e3;
	color: #3d494b;
	text-decoration: none;
}


/* ---------------------- Logos --------------------- */
#logos {
    margin-top: 30px;
	margin-left: 15px;
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #00363a;
}
/* ----------------------ausgewählter Link --------------------- */
	

.aktivtop {
    font-weight: bold;
	cursor: default;
}

/* ---------------------- Subnavi links --------------------- */

#subnav li{
	margin: 0 0 0 25px;
}

#subnav ul{
	list-style-type:none;
	width:200px;

}

#subnav li a:link {
   color: #3d494b;
    text-decoration:none;
	font-size: 12px;
	
}

#subnav li a:visited {
  color: #3d494b;
    text-decoration:none;
	
}


#subnav li a:hover  {
	font-weight: bold;
	color: #3d494b;
	text-decoration: none;
}


#subnav li a:active  {
	font-weight: bold;
	color: #3d494b;
	text-decoration: none;
}

#subnav li a:focus  {
	font-weight: bold;
	color: #3d494b;
	text-decoration: none;
}

/* ----------------------topnavi --------------------- */



#topnav {

 text-align:right;
 float: right;
 padding: 0;
  margin-top: 5px;
  margin-right: 10px;

 
}

#topnav ul {
	list-style-type: none;
	

}
#topnav li {
	
	display: inline;
	 padding: 0 5px;
	font-size:12px;
	text-decoration: none;
	color: #00363a;
border-left:1px solid #00363a; 

	
}

#topnav li a:link, #topnav li a:visited 
{
	text-decoration: none;
	color: #00363a;
	font-size:12px;

}


#topnav li a:hover, #topnav li a:active, #topnav li a:focus  {

	color: #f6b857;
	text-decoration: none;
}


.clearfix:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix{ zoom: 1; } /* IE7 */

/* ---------------------- Logos Sponsoren  --------------------- */

div.logos {
		margin-bottom: 2em;
		margin-left:10px;
	

}

div.logos img {
	float: left;
	margin-bottom: 2em;
}

div.logos p {
margin-left: 200px;
}
/* ---------------------- Tabelle Zeitplan --------------------- */

table.zeitplan{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #00363a;
	vertical-align: top;
	padding: 0px;
	width: 650px;
	
	} 


.zeitplan1 {
	background-color: #fef4e6;
	width: 150px;
	padding: 5px;
	} 
	
.zeitplan2{
	background-color: #FFCC66;
	padding: 5px;
	} 
	
	.zeitplan3{
	background-color: #fef4e6;
	padding: 5px;
	}