* {
	margin:0;
	padding:0;
	}
	
html {
	margin:0;
	padding:0;
	}
		
body {
	font-family:'Arial', Tahoma, Verdana, sans-serif;
	font-size:62.5%;
	line-height:160%;
	color:#333333;
	text-align:center;
	background:url('../img/body_bg.gif') 0 0 repeat-x #134F7A;
	}

h1 {
	font-size:1.5em;
	color:#004B85;
	margin:0 0 20px 0;
}

h2 {
	font-size:1.3em;
	color:#004B85;
	margin:0 0 10px 0;
	font-weight:normal;
}

#right h2 {
	margin:0 0 4px 0;
	font-weight:bold;
	}

h3 {
	font-size:1.4em;
	color:#666666;
	margin:0 0 10px 0;
}

h4 {
	font-size:1.2em;
	color:#004B85;
	margin:0 0 5px 0;
}

p {
	font-size:1.2em;
	color:#333333;
	margin:0 0 15px 0;
}

div#center li {
	font-size:1.2em;
	margin:0 0 4px 0;
	color:#333333;
	}
	
div#center ul {
	margin:0 0 15px 20px;
	}

a {
	color:#004B85;
	outline: 0;
	}
a img {
	border: 0;
}
	
div.hr {
	border-bottom:1px solid #004B85;
	}

div.csc-sitemap ul {list-style:none;}

div.csc-sitemap ul li a {
	font-size:12px;
	color:#CC6600;
	text-decoration:none;
}

div.csc-sitemap ul li ul li a {
	color:#990000;
	margin:0 0 0 20px;
}

div.csc-sitemap ul li ul li ul li a {
	color:#333399;
	margin:0 0 0 40px;
}

div.csc-sitemap ul li ul li ul li ul li a {
	color:#003333;
	margin:0 0 0 60px;
}

div#container {
	width:982px;
	position:relative;
	margin:0 auto 0 auto;
	text-align:left;
	}
	
div#wrapper {
	width:982px;
	border:1px solid #7C91BE;
	background:url('../img/port-olpenitz_bei_kappeln.jpg') 0 0 no-repeat #ffffff;
	float:left;
	}
	
div.bg {
	background:url('../img/bg_neu.gif') 1px 0 repeat-y;
	float:left;
}
div#header {	
	height:112px;
	padding:10px 10px 0 10px;
	}
	
div#search {
	float:right;
	}
		
div#language_menu {
	float:right;
	margin:0 20px 0 0;
	}
		
div#meta_menu {
	float:right;
	margin:0 20px 0 0;
	}
	
div#left {
	float:left;
	width:168px;
}

div#left div.gutter {
	padding:0 4px 10px 4px;
	}
	
div#center {
	border-top:1px solid #003366;
	float:left;
	width:646px;
}

div#center div.gutter {
	padding:15px;
	margin:4px 0 0 0;
	background:url('../img/ostsee_ferien.gif') 0 0 repeat-x;
	float:left;
	width:616px;
	}

div#right {
	float:right;
	width:166px;
}

div#right div.gutter {
	padding:0 6px 10px 6px;
	}
	
div#right div.gutter h2 {
	color: #fff;
	background-color: #004B85;
	padding: 5px;
	padding-left: 10px;
	background-image: url('/fileadmin/layout/images/verlauf.png');
	background-position: top left;
	background-repeat: repeat-x;
}

div#right div.gutter div.news-latest-item a h3 {
	padding-left: 10px;
}

div#meta_menu p a {
	text-decoration:none;
	color:#004B85;
	}
	
div#meta_menu p a:hover {
	text-decoration:underline;
	}
	
div.right_box {
	float:right;
	width:200px;
	}

/* --------------------------  */
/* MAIN MENU */

div#menu a i { 
	visibility: hidden; 
}

div#menu a {
  position: absolute;
  height: 95px;
  width: 188px;
  top: 10px; 
  text-decoration: none;
  }


div#main_menu ul {
	list-style:none;
	width:160px;
	}
	
div#main_menu ul ul {
	margin:0;
	padding:0;
	}
	
div#main_menu ul li {
	display:inline;
	}
	
div#main_menu ul li a{
	display:block;
	background:#C1D2EF;
	text-decoration:none;
	color:#004B85;
	font-weight:bold;
	font-size:1.2em;
	}
	
div#main_menu ul li a {
	padding:4px 4px 4px 8px;
	margin:0 0 2px 0;
	text-transform:uppercase;
	}
	
div#main_menu ul li ul li a,
div#main_menu ul li.active ul li a {
	padding:4px 4px 4px 18px;
	text-transform:none;
	color:#004B85;
	background:url('../img/arrow.gif') 10px 9px no-repeat #C1D2EF;
	}
	
div#main_menu ul li.active ul li.active ul li a {
	padding:4px 4px 4px 28px;
	text-transform:none;
	color:#004B85;
	background:url('../img/arrow.gif') 20px 9px no-repeat #C1D2EF;
	}
	
div#main_menu ul li.active ul li.active ul li.active ul li a {
	padding:4px 4px 4px 38px;
	text-transform:none;
	color:#004B85;
	background:url('../img/arrow.gif') 30px 9px no-repeat #C1D2EF;
	}	
	

div#main_menu ul li.active a,
div#main_menu ul li a:hover {
	background:#004B85;
	color:#ffffff;
	background-image: url('/fileadmin/layout/images/verlauf.png');
	background-position: top left;
	background-repeat: repeat-x;
	}
	
div#main_menu ul li.active ul li.active a,
div#main_menu ul li.active ul li a:hover {
	padding:4px 4px 4px 18px;
	text-transform:none;
	color:#ffffff;
	background:url('../img/arrow_over.gif') 10px 9px no-repeat #004B85;
	}
	
div#main_menu ul li.active ul li.active ul li.active a,
div#main_menu ul li.active ul li.active ul li a:hover {
	padding:4px 4px 4px 28px;
	text-transform:none;
	color:#ffffff;
	background:url('../img/arrow_over.gif') 20px 9px no-repeat #004B85;
	}
	
div#main_menu ul li.active ul li.active ul li.active ul li.active a,
div#main_menu ul li.active ul li.active ul li.active ul li a:hover  {
	padding:4px 4px 4px 38px;
	text-transform:none;
	color:#ffffff;
	background:url('../img/arrow_over.gif') 30px 9px no-repeat #004B85;
	}	
	
	
/*
 *	Bildergalerie �bersicht
 *	Erg�nzt 6.4.2011
 */
.bildergalerien {
	border-collapse:collapse;
}
.bildergalerien th {
	text-align: left;
	text-transform:uppercase;
}
.bildergalerien th.first,
.bildergalerien td.first {
	padding-right: 30px;
}
.bildergalerien th.center,
.bildergalerien td.center {
	padding-left: 30px;
	padding-right: 30px;
}
.bildergalerien th.last,
.bildergalerien td.last {
	padding-left: 30px;
}


.bildergalerien td {
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bildergalerien td.center {
	border-left: 1px solid #004B85;
	border-right: 1px solid #004B85;

}
.bildergalerien th, .bildergalerien th p,
.bildergalerien td, .bildergalerien td p {
	color: #004B85;
	margin: 5px 0;
}



.bildergalerien a {
	text-decoration: none;
}

div#center .contenttable li {
	margin: 2px 0 ;
}

/*
 *	Projektverlauf �bersicht
 *	Erg�nzt 6.4.2011
 */

.projektverlauf img {
	margin-right: 10px;
}
 
.projektverlauf td {
	padding: 5px 0;
}

.projektverlauf td.jahr {
	border-bottom: 1px solid #004B85;
	padding-top: 20px
	padding-bottom: 10px;
}
.projektverlauf tr.first td {
	padding-top: 10px;
}

.projektverlauf td.jahr p {
	font-size: 1.8em;
	color: #004B85;
	font-weight: bold;

}
.projektverlauf td.first, .projektverlauf td.first p {
	color: #004B85;
	font-weight: bold;
}


/*
 *	specials f�r sail&harbour 2011
 */

#veranstaltungen {
	margin-left: 10px;
}

#veranstaltungen,
#veranstaltungen td
#veranstaltungen p
#veranstaltungen td p {
	 color: #000;
}

#veranstaltungen td {
	 padding: 0 8px;
}
#veranstaltungen td.headline {
	 padding: 3px 8px;
	 font-weight: bold;
	 background-color: #c1d2ef;
}
#veranstaltungen td.headline,
#veranstaltungen td.headline p {
	 color: #004B85;
}


/* 
 *	Footer Menu
 */

#footerMenu .hr {
	margin: 30px 0 20px 0;

}
 
#footerMenu {
  display: block;
  clear: left;
  border-top: 1px solid ##004C85;
  madding: 20px 0 0 0;
  margion: 20px 0 0 0;
}
#footerMenu ul#footerMenuSpalte,
#footerMenu ul#footerMenuSpalteLast {
  display: block;
  width: 90px;
  list-style-type: none;
  margin: 0 10px 0 0;
  padding: 0;  
  float: left;
}

div#center #footerMenu li {
  padding: 0;
  margin: 0;	
}
div#center #footerMenu li.bold {
  margin: 3px 0;	
}

#footerMenu ul#footerMenuSpalteLast {
  margin: 0 0 0 0;
}

#footerMenu a {
  text-decoration: none;
  font-size: 11px;
}
#footerMenu .bold a  {
  font-weight: bold;
}