@import url(form-layout.css);

body { 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #333;
	background-color:#fff;
	margin: 0; 
	padding: 0;
	text-align:left;
}

div#wrapper {
	font-size: 70%;
	line-height:1.5em;
	text-align:left;
}

/* -----------------------------
// Header 
--------------------------------*/
div#header {
	position:relative;
	height: 110px;
	background-color: #039;	
}

div#Karte {
	position:absolute;
	top:0;
	right:0;
	width:230px;
	height:236px;
	background: transparent url("../images/karte.gif") no-repeat top right;
}

div#logo {
	padding-top:10px;
	padding-left:20px;
}

div#logo a {
	display:block;
	padding-top:0px;
	width: 304px;
	height:68px;
	background: transparent url("../images/openenlocc-logo.gif") no-repeat top right;
}


/* -----------------------------
// Navigation 
--------------------------------*/

#Navigation {
	position: absolute; 
	bottom: 0;
 	width: 750px;
  	margin: 0 0 0 20px;
  	padding-bottom:0 !important;
  	padding-bottom:4px;
}

#Navigation ul {
  	list-style: none;
	margin:0;
	padding:0;
}

#Navigation ul li {
	float:left;
    padding: 0;
    margin-right: 2em;
	margin-bottom: 3px;	
    position: relative;
}

#Navigation ul li a {
	display:block;
	padding-left: 15px;
	padding-top: 2px;
	color:white;
	background: transparent url("../images/bullet_nav.gif") no-repeat top left;
	text-decoration:none;
}

#Navigation ul li a:hover, #Navigation ul li a.active {
	color:#fc0;
	background: transparent url("../images/bullet_nav_akt.gif") no-repeat top left;
}

/* -----------------------------
// ContentBereich
--------------------------------*/

div#Container {
	padding-left:20px;
	width:750px;
}

div#Left {
	padding-top:15px;
	float:left;
	width:170px;
}

div#Left2 {
	padding:15px;
	float:left;
	width:140px;
}

div#Content {
	padding-top:1em;
	float:left;
	width:360px;
	padding:15px;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
}

div#Linie {
	margin-left:20px;
	width:732px;
	clear:both;
	height:1px;
	border-top:1px solid #D6D6D6;
	margin-bottom:1em !important;
	margin-bottom:0;
}



/* -----------------------------
// Subnavigation links
--------------------------------*/
div#Subnavigation ul { padding:0; margin: 0; }		
div#Subnavigation ul li  { list-style-type: none; width:99%;  margin-bottom: 3px; float: inherit; border-bottom:1px solid #D6D6D6;}	
div#Subnavigation ul li.first { border-top:1px solid #D6D6D6; }
div#Subnavigation ul li a { border-bottom:none !important; color:#737E84; line-height: 1.3em; display: block; padding: 1px 0 4px 13px; background: transparent url(../images/bullet_subnav.gif) no-repeat top left;}
div#Subnavigation ul li a:hover { color:#039; border:0 !important; }
div#Subnavigation ul li a.active, div#Subnavigation ul li a.active:visited { font-weight:bold; color:#039; }	
div#Subnavigation ul ul { padding: .5em 0 .2em 13px; margin: 0px; }
div#Subnavigation ul ul ul li a { padding-left: 0; background:none;}
div#Subnavigation ul ul ul li a.bact, div#Subnavigation ul ul li a.bact:visited { background:none; }	

/* -----------------------------
// Allgemeine Elemente 
--------------------------------*/

div#Container a { 
	color:#039; 
	text-decoration:none;
	border-bottom:1px dotted black !important;
	border-bottom:1px solid black;
}

div#Container a:hover {
	color:black;
	border-bottom:1px solid black !important; 
}

#Content ul, #Left2 ul {
	list-style-image: url(../images/bullet_go.gif);
	list-style-position: outside;
	padding:.5em 0 1em 20px;
	margin:0;
}	

div#Content h1, div#Kontext h1 {
	margin-top:0;
	font-size:120%;
}

div#Content h2, div#Kontext h2 {
	font-size:120%;
}

img { border: 0px !important; }

span.invisable {
	display:none;
}

.Clear { clear: both; }	

HR.clearall {
	clear:both;
	height:1px;
	border:0;
	color: #fff;
}

div#Content div.member p {
	margin:0;
}

div#Content div.member {
	border-top:1px solid #D6D6D6;
	padding-bottom:1em;
}

div#Content div.member h2 {
	font-size:100%;
}

div#Content div.teaser {
	padding-bottom:2em;
}


.logplat {
	border:1px solid #fc0;
	padding:10px;
	color:black;
}	



.logplat1 {
	border:1px solid #fc0;
	padding:3px 10px 3px 10px;
	color:black;
	background-color:#fc0;
}	

.logplat1 p {
	font-weight:bold;
	line-height:8pt;
}

/* -----------------------------
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
--------------------------------*/
#Content img, #Kontext img {
	border					:	0px;
}

#Content .flLeft a, #Content .flLeft a:link, #Content .flLeft a:visited, #Content .flRight a, #Content .flRight a:link, #Content .flRight a:visited {
	text-decoration			:	none;
	border					: 	0px !important;	
}

#Content .flLeft a img, #Content .flRight a img {
	padding-bottom			:	17px;
	background				: 	transparent url(../images/zoom.png) no-repeat bottom right;
}

#Content .flRight	{
	width					:	165px;
	float					:	right;
	margin					:	.3em 0 0 1.2em !important;
	margin					:	.3em 0 0 0;
}

#Content .flLeft	{
	width					:	165px;
	float					:	left;
	margin					:	1.3em 1.2em 0 0 !important;
	margin					:	2em 1.2em 0 0;
}

#Content .flLeft p, #Content .flRight p	{
	margin-left			:	5px;
	margin-right		:	5px;
	color				:	#666;
	font-size			:	90%;
	line-height			:	110%;
}

/* -----------------------------
// Footer
--------------------------------*/
div#footer {
	margin: 0 0 0 20px;
	padding: 0 0 .7em 0;
	font-size: 90%;
}

div#footer a {
	color:#737E84;
	text-decoration:none;
	padding-top:5px;
}

div#footer div.padding {
	padding: 1em 0 1.5em 0;
}

#bullet_back {
	padding-left: 16px; 
	padding-right: .5em;
	background: transparent url(../images/bullet_go_back.gif) no-repeat top left;
}

#bullet_top {
	padding-left: 16px;
	padding-right: .5em; 
	background: transparent url(../images/bullet_arrow_top.gif) no-repeat top left;
}

#bullet_printer {
	padding-left: 20px; 
	background: transparent url(../images/printer.gif) no-repeat top left;
}


/* -----------------------------
// Impressum
--------------------------------*/

div#Impressum {
	width:730px;
	margin-left:20px;
	padding-bottom: .7em;
	font-size: 90%;
	text-align:left;
	color:#999;
}

div#Impressum a {
	text-decoration:none;
	color:black;
}

div#Impressum a:hover {
	border-bottom:1px dotted black; 
}

div#Impressum div#Interreg {
	float:right;
}

div#Impressum div#Interreg a {
	display:block;
	width:154px;
	height:31px;
	background: transparent url("../images/interreg.gif") no-repeat top left;
}

div#Impressum div#Interreg a:hover {
	border-bottom:0;
}