/************************
 * GLOBAL PART
 ************************/ 

body
{
	background-color:#f7e17c;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000000;
	text-align: center;

}

a, a:visited
{
	text-decoration:none;
	color:#2c9cbc;
}

h1
{
	color:#025fac;
	font-weight:bold;
	font-size:12px;
}

h2
{
	color:#80b060;
	font-weight:bold;
	font-size:12px;
}

#site
{
	width:777px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header
{
	width:593px;
	height:300px;
}

.bach
{
	background-image:url("../images/logo_head.jpg");
	background-repeat:no-repeat;
}

.haus
{
	background-image:url("../images/logo_head_haus.jpg");
	background-repeat:no-repeat;
}

.meer
{
	background-image:url("../images/logo_head_meer.jpg");
	background-repeat:no-repeat;
}

.see
{
	background-image:url("../images/logo_head_see.jpg");
	background-repeat:no-repeat;
}

#portrait
{
	position:relative;
	background:url("../images/portrait.jpg") no-repeat;
	width:264px;
	height:339px;

	left:660px;
	padding-bottom:30px;
}

/* navigation menu */
.menu .first:hover { background:none; border-left:none; width:83px;}
.menu 
{	
	margin-top:-55px;
	background-image:url("../images/navi_bar.jpg");
	width:593px; 
	height:29px; 
	position:relative; 
	z-index:100;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	width:84px; 
	height:29px; 
	text-align:center; 
	color:#fff; 
	line-height:29px; 
	overflow:hidden;
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

.menu ul li:hover a {color:#fff; background:#66bc2c;font-weight: normal; border:1px solid #FFF; border-bottom:none; border-top:none; width:82px;}
.menu ul li:hover ul {display:block; position:absolute; top:29px; left:0; font-weight: bold; border-top:1px solid #FFF; }
.menu ul li:hover ul li a.hide {background:#FFF; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#66bc2c; color:#000;}
/* navigation menu end */

#content {
	width:592px;
	padding:0 0 25px 0;
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;

	/*margin:10px auto;*/
	background:url("../images/content_bg.jpg") bottom left no-repeat;
}

#content h1 {
	margin:0;
	color:#000;
	font-size:16px;
	padding:20px 25px 3px 25px;
	background:url("../images/content_bg.jpg") top left no-repeat;
}

#content h2 {
	margin:0;
	color:#000;
	font-size:14px;
	padding:5px 5px 3px 25px;
	background:#FFF;
}

#content h3 {
	margin:0;
	padding:20px 25px 3px 25px;
	background:url("../images/content_bg.jpg") top left no-repeat;
}

#content p {
	margin:0;
	padding:0 25px 3px;
	border-width:0 1px;
	background:#fff;
}

/* ----------------------------- */

#news
{
	position:relative;
	top:355px;
	width:264px;

	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;

}

#news p
{
	margin:0px;
	padding:0px;
}

#news a
{
	color:#5f5f5f;
	font-weight:bold;
}

#aktuellHeader
{
	background-image:url("../images/aktuelles.jpg");
	width:264px;
	height:29px;
	font-size:14px;
	color:#FFFFFF;
	display:block;
}

#aktuellHeader span
{
	display: block;
	padding: 6px 0px 0px 15px;
}

#newsEntries
{
	background: url("../images/aktuell_bg_bottom.jpg") bottom #FFFFFF no-repeat;
	width:264px;
}

.newsEntry
{
	padding-left:15px;
	padding-bottom:15px;
}

.newsTitle
{
	margin:0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
	color:#f47e00;  /* orange */
	/*color:#66bc2c;  green*/
}

#footer
{
	color:#686868;
}

.code
{
	margin:20px 0px 20px 0px;
	font-family:'Courier New', Courier, monospace;
	font-style: italic;
	font-weight: bold;
	
	font-size:14px;
}

.margin5
{
	margin-top:5px;
	background-color:#FFFFFF;
}

.bgwhite
{
	background: #FFF;
}

.firstLetter
{
	font-weight: bold;
	font-size:38px;
	margin:0;
	color:#000;
}

.red
{
color:red;
}

.center
{
	text-align:center;
}