* {
	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;
	}
	
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;
	}