*{ margin: 0; padding: 0; } 
body {
	font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
	line-height: 1.64em;
	background:url(../images/hg_b.jpg);
	color: #444;
	}

a {
	color: #308ea2;
	background: inherit;
	text-decoration: none;
	}

a:hover {
color: #444;
background: inherit;
}

.blue {
	color: #308EA2;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	}

.white {
	color: #fff;
	}

p {
	margin: 0 0 15px 0;
	}

h1 {
	font: normal 1.9em Georgia, Arial, Sans-Serif;
	margin:0;
	color:#37626b;
	}

h1 a:hover {
	color: #444;
	background: inherit;
	}
		
h2 {
font: bold 1.2em Arial, Sans-Serif;
	margin: 0 0 12px;
	color:#37626b;
	}
	
h3 {
	font: bold 1.2em Arial, Sans-Serif;
	margin: 0 0 12px;
	color:#8ea7ac;
	}

h4 {
	color: #808080;
	background: inherit;
	font-weight: normal;
	font-size: .9em;
	}
		
#main {
	width: 920px;
	margin: 0 auto;
	background: #fff;
	border-left:1px solid #308EA2;
	border-right:1px solid #308EA2;
	border-bottom:1px solid #308EA2;
	}

#logo {
	float: left;
	border-bottom: 0px solid #fff;
	}
#logo img{
	border:none;
	}	
#topit {
	position: relative;
	margin:4px 0 0 310px;
	padding: 3px;
	width: 420px;
	font-size: .9em;
	background:transparent;
	line-height:15px;
 	}
	
	
/* menu */	

#menu {
	float: right; 
	width: 694px; 
	padding: 40px 0 0 0; 
	margin: 0; 
	border-bottom: 10px solid #308EA2;
	}

#menu li {
	font-size: 1.1em;
	font-weight:bold;
	display: inline;
	}

#menu li a {
	padding: 17px 2px 0 2px;
	margin: 0 45px 0 0;
	/*background: #fff url(../images/menuarrow.jpg) no-repeat 10px 5px;*/
	color: #308EA2;
	border-left: 1px solid #308EA2;
	}

#menu li a:hover {
	color: #444;
	border-left: 1px solid #308EA2;
	}
	
#menu a.active {color:#444;}
#info a.active {color:#444;}

/* intro */

#header_foto img{
	clear: both;
	margin:0;
	padding:0;
	}

#header_foto h1 {
	margin: 0; 
	background: #666666 url(../images/h1bg.jpg) repeat-x bottom;
	display: inline; 
	color: #7DD0F1;
	padding: 2px 5px;
	}
	
#header_foto p {
	margin: 0;
	color: #808080;
	font-weight: bold;
	font-size: .9em;
	}
	
/* login */
	
#login {
	font-size: .9em;
	margin: 45px 0 0;
	}

#login a {
	color: #2A5963;
	background: #8BE1FA;
	padding: 4px 20px 6px;
	border-bottom: 1px solid #616161;
	}

#login a:hover {
	color: #fff;
	background: #8BE1FA url(images/loginhover.gif) no-repeat;
	}
	
/* left */
	
#content {
	clear: left;
	float: left;
	width: 550px;
	padding: 0 34px 0 5px;
	margin: 15px 0 15px;
	}
.con{
	width:540px;
	height:700px;
	/*overflow:auto;*/
	margin:1em;
	}	

#content img {
	border: 1px solid #ccc;
	padding: 1px;
	float: left;
	margin: 0 15px 5px 0;
	}
	
#content p{
	padding:5px;
	line-height:15px;
	}
/* articles */
#articles { margin: 40px 0 0 0; }

#articles li{
	border-top: 1px solid #cecece;
	list-style: none;
	float: left;
	width: 245px;
	background: #eee url(../images/newslist.jpg) repeat-x bottom;
	padding: 4px 8px;
	margin: 0 15px 0 0;
	}

#articles li a {
	background: url(../images/menuarrow.jpg) no-repeat 0 5px;
	padding: 0 0 0 8px;
	color:#308EA2;
	}
	
#articles li a:hover { color:#444;}
#articles li.last { margin: 0; }

.imgright {
padding: 2px;
margin-right: 4px;
width: 400px;
clear:both;
}
/* right */
#info {
	position: relative;
	top: -187px;
	margin: 0;
	padding: 15px;
	float: right;
	width: 284px;
	font-size: .9em;
	background: #fff;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	}
#info img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
#info p{ line-height:15px;}
#info a { background: url(../images/menuarrow.jpg) no-repeat 0 5px; padding: 0 0 0 10px;}
#left a { background: #fff; color:#308EA2; }
#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
#right .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }

#content p.team{
height:125px;
display:block;
background:transparent;
}


/* footer */
#footer { clear: both; border-top: 1px solid #ccc; padding: 10px; margin: 0 0 5px; font-size: .9em; color: #9b9b9b; background: #fff; }
#footer a { color: #308EA2; background: #fff; font-weight: bold; }
#footer a:hover{ color: #444;}
	.center{ text-align:center; padding: 7px 0 0 15px; }
	#footer p.left{text-align:left; padding: 30px 0 0 3px; font-weight:normal;}
	#footer .left_themen{text-align:left; padding: 2px; font-weight:normal;}
#footer p.left a{color:#8ea7ac; font-weight:normal;}
#footer p.left a:hover{ color:#444;}

#footer .left_themen a{color:#8ea7ac; font-weight:normal;}
#footer .left_themen a:hover{ color:#444;}