* {
   margin:0px; padding:0px;
	}

#tablecontainer td {
	border: 1px solid black;
	}

html {
   font:1em "Verdana";
	}

body {
	background-color: #ebebeb;
	background-image: url(../../img/body_bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #222;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
	}

#kopf img {
	border: 0px none;
	}

p, form {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	}

pre {
   font-size:1em;
	}

ul {
   list-style-type:none;
	}

table {
   border-collapse:collapse;
   margin:10px 0px 10px 0px;
	}  

/* individual defs */

.clearer {
	clear: both;
	}

/* header */

#top {
	padding: 0px;
	}

#search {
	color: #575752;
	height: 20px;
	margin: 0px auto;
	width: 765px;
	padding: 15px 15px 0px 0px;
	text-align: right;
	}
	
#search[id] {
	color: #575752;
	/*height: 35px;*/
	margin: 0px auto;
	width: 780px;
	/*padding: 10px 0px 0px 0px;*/
	padding: 15px 0px 15px 0px;
	text-align: right;
	}

#searchfield {
	border: 1px solid #ced3de;
	background-color: #f6f6f6;
	padding: 3px;
	font-size: 10px;
	color: #233f8b;
	width: 163px;
	}

#header {
	background: #FFF;
	font-size: 1.2em;
	height: 125px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-left: 1px solid #ced3de;
	border-top: 1px solid #ced3de;
	border-right: 1px solid #ced3de;
	}	
	
#header h1 {
   display:none;
}
	
#logoarea {
	background: #ffffff;
	width: 780px;
	height: 130px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}
	
#logoarea[id] {
	background: #ffffff;
	width: 770px;
	height: 120px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}

/* top navigation */
.navigation {	
	background: url(../../img/nav_bg.gif);
	border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #ced3de;
	height: 31px;
	margin-bottom: 10px;
	}
	
.navigation ul li {
	display: inline;
	}
	
.navigation ul li a {
	background: url(../../img/nav_bg.gif);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 11px sans-serif;
	font-size: 10pt;
	padding: 0px 20px 0px 20px;
	text-decoration: none;
	height: 31px;
	line-height: 31px;
	}

.navigation ul li a:hover {
	background-position: left bottom; color: #234;
	}

/* container - everything below top navigation */
#container {
	background: #FFF;
	padding: 0px 10px 10px 10px;
	border-left: 1px solid #ced3de;
	border-bottom: 1px solid #ced3de;
	border-right: 1px solid #ced3de;
	width: 783px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
	
#container[id] {
	background: #FFF;
	padding: 0px 10px 10px 10px;
	border-left: 1px solid #ced3de;
	border-bottom: 1px solid #ced3de;
	border-right: 1px solid #ced3de;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}

/* second navigation */

#menu {
	margin: 0px 0px 0px 0px;
	border: 0px none;
	padding: 0px 0px 10px 10px;
	list-style: none; 
	font-size: 11px;
	background: #ebebeb url("../../img/teaser_body_bg.gif") 0 100% repeat-x;
	border: 1px solid #ced3de;
	}

#menu[id] {
	margin: 0px 0px 0px 0px;
	border: 0px none;
	padding: 0px 0px 10px 10px;
	list-style: none; 
	font-size: 11px;
	background: #ebebeb url("../../img/teaser_body_bg.gif") 0 100% repeat-x;
	border: 1px solid #ced3de;
	}


#menu a:link, #menu a:visited, #menu a:active {
	text-decoration: none;
	line-height: 18px;
	/* Hi Jonah, für die folgende Zeile habe ich min-height statt height genommen*/
	min-height: 18px;
	display: block;
	padding: 3px;
	color: #575752;
	}

#menu a:hover {
	text-decoration: none;
	display: block;
	padding: 3px;
	color: #a4b0c9;
	}
	
#menu .active {
	background: #fff;
	font-weight: bold;
	}
	
#menu ul ul li {
	background: #fff;
	padding-left: 15px;
	}
	
#menu ul ul li a {
	font-weight: normal;
	background: #fff;
	padding-left: 15px;
	}

/* main */
#main {
	background: #FFF url(../img/main_bg.gif) repeat-y;
	}
	
/* left_side contains second navigation and teasers */
#left_side {
	float: left;
	width: 195px;
	margin: 0px;
	padding: 0px;
	}
	
#left_side[id] {
	float: left;
	width: 212px;
	margin: 0px;
	padding: 0px;
	}
	
/* teasers */
.teaser {
	background: #ebebeb url("../../img/teaser_body_bg.gif") 0 100% repeat-x;
	border: 1px solid #ced3de;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}

.teaser h3 {	
	background: url(../../img/teaser_header_bg.gif);
	background-repeat: repeat-x;
	font: bold 11px sans-serif;
	line-height: 14px;
	padding: 10px 10px 7px 10px;
	margin: 0px;
	border: 0px;
	}

.teaser p {	
	color: #456;
	font: bold 11px sans-serif;
	line-height: 16px;
	padding: 10px;
	}

.teaser p a:link, .teaser p a:visited{	
	color: #000;
	text-decoration: underline;
	}

.teaser p a:hover {	
	color: #456;
	text-decoration: underline;
	}

/* footer */
#footer {	
	background: #a4b0c9 url(../../img/teaser_header_bg.gif) repeat-x;
	font: 11px sans-serif;
	line-height: 14px;
	border: 1px solid #ced3de;
	text-align: center;
	padding: 3px 10px 7px 10px;
	margin: 10px 0px 0px 0px;
	clear: both;
	}
	
#footer[id] {	
	background: #a4b0c9 url(../../img/teaser_header_bg.gif) repeat-x;
	font: 11px sans-serif;
	border: 1px solid #ced3de;
	text-align: center;
	padding: 5px 10px 7px 10px;
	margin: 10px 0px 0px 0px;
	clear: both;
	}

#footer a {
	color: #44557B;
	}

#footer a:hover {
	color: #fff;
	}