@charset "utf-8";
/* CSS Document */

/* BODY */
body {
	height:5ex;
	background:url(../site_images/bg.png) repeat;	
	margin-top:2ex;
	margin-left:0px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
}

#go_to_start {
	text-decoration:underline;
	color:#000000;
}

/* der container im hintegrund */
#container {
	background:url(../site_images/bartop.png) repeat; /*Streifen */
	float:left;
	width:100%;
	height:15ex;
}

/* Bereich oberhalb des Headers */
#headerTop {
	width:800px;
	background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
	height: 5ex;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;	
	border-left:solid 1px #D4BFFF;
	border-right:solid 1px #D4BFFF;
	border-top:solid 1px #D4BFFF;		
}

#headerTop #info {
	font-size:12px;
	padding-left:3ex;
	padding-right:25px;
	float:left;
	font-weight:bold;
}

#headerTop #welcome {
	font-size:12px;
	padding-left:10px;
}


#header {
	width:800px;
	/*background:url(../styles/site_images/header_pic.png);*/
	margin-right:auto;
	margin-left:auto;
	height: 15ex;	
}

#mainContent {
	width:800px;
	/*background-color:#FF5FAA;*/
	background:url(../site_images/maincontent_bg.png) repeat;
	margin-right:auto;
	margin-left:auto;
	height:55ex;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;	
	border:solid 1px #D4BFFF;
}

/* Bereich oberhalb der Menüpunkte */
#eyecatcher {
	background:#CCCCFF;
	width:auto;
	margin: 0ex 3ex 1ex 3ex;
	height:20ex;
	border:solid 1px #A0A0A4; /* border color */
	-moz-border-radius: 10px;	
}

#eyecatcher_mainpic {
	/*background:url(../styles/site_images/eyecatcher_picture.png);*/
	width:100%;
	height:100%;
	float:left;
}

/*#eyecatcher_maincontent {
	background:#0000FF;
	width:35%;	
	height:100%;	
	float:left;		
}*/


#menuarea {
	width:auto;
	margin: 0ex 1ex 1ex 1ex;
	height:35ex;
}

.menu_header {
	background:url(../site_images/menubar_header_bg.png) repeat-x;
	height:10%;
	width:100%;
	border-left: solid 1px #A0A0A4;
	border-right:solid 1px #A0A0A4;
	border-top:solid 1px #A0A0A4;
	-moz-border-radius-topleft:50px;
	-moz-border-radius-topright:5px;	
	text-align:center;	
	font-size:14px;
	color:#ffec16;		
}

img {
	border:0px;
}

#menu1 {
	width:27ex;
	float:left;
	margin-left:3ex;
	margin-right:1ex;
	height:100%;
}

#menu1_header h2{
	margin-top:5px;	
}

#menu1_content {
	background:url(../site_images/menubar_content_bg.png) repeat-x;
	height:90%;
	width:100%;	
	border:solid 1px #A0A0A4; /* border color */		
}

#menu1_content_pic {
	width:90%;
	height:50%;
	margin: 5% 5% 5% 5%;
}

#menu1_content_content {
	font-size:12px;
	padding: 5px 5px 5px 5px;
}

#menu1_content_button {
	width:80%;
	height:15%;	
	margin: 5% 10% 10% 10%;
}

#menu2 {
	width:22ex;
	float:left;	
	margin-left:1ex;
	margin-right:1ex;	
	height:100%;	
}

#menu2_header h2{
	margin-top:5px;	
}

#menu2_content {
	background:url(../site_images/menubar_content_bg.png) repeat-x;
	height:85%;
	width:100%;	
	border:solid 1px #A0A0A4; /* border color */		
}

#menu2_content_content {
	width:90%;
	height:50%;
	margin: 5% 5% 5% 5%;
	font-size:14px;
}

#menu2_content_button {
	width:80%;
	height:15%;	
	margin: 30% 10% 10% 10%;
}

#menu3 {
	width:27ex;
	float:left;	
	margin-left:1ex;
	margin-right:3ex;	
	height:100%;	
}

#menu3_header h2{
	margin-top:5px;	
}

#menu3_content {
	background:url(../site_images/menubar_content_bg.png) repeat-x;
	height:90%;
	width:100%;	
	border:solid 1px #A0A0A4; /* border color */		
}

#menu3_content_pic {
	background:#00FFFF;
	width:100%;
	height:50%;
}

#menu3_content_content {
	font-size:12px;
	padding: 15px 5px 5px 5px;
}

#menu3_content_button {
	width:80%;
	height:15%;	
	margin: 15% 10% 10% 10%;
}

#footer {
	background:#553F55 repeat-x;
	margin-top:65ex; /* noch anpassen wenn Größe der gesamten Seite bekannt ist */
	height:5ex;
	padding-top:100px;
	padding-left:30%;
	color:#FFFFFF;
}

#footer span{
	font-size:10px;
}

#footer span a{
	text-decoration:underline;
	color:#FFFFFF;
}