/* CSS Document 

lichthellblau: F2F8FB
hellblau: #CCE3F1 
dunkelblau: 12386C
mittelblau 2C5192
nachtblau: 172E4E
Logo: #2D61A8
rot: #BA122B
Text: 1F3A4A

*/
html,body, p{margin:0;padding:0}
body{
font: 76% Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color: #172E4E;
line-height:1.4em;
background: #fff url(graphics/bg.jpg) ;
}
a {text-decoration:none; outline:none;}
p{ margin: 0px 0px 10px 0px;background-color: #fff;}	
h1, h2, h3, h5, h4 {font-family: Georgia, "Times New Roman", Times, serif;background-color: #fff;font-weight: bold;}	

h1 {font-size: 135%;color: #172E4E;margin: 10px 0 15px 0;}	
h2 {font-size: 116%;color: #2D61A8;margin: 10px 0 7px 0;padding:0; }
h3 {font-size: 110%;color:#172E4E;margin-top:35px; text-transform: none;border-top: 1px dotted #2D61A8;padding-top:20px;}	
h4 {font-size: 100%;color: #172E4E;margin:0;padding:0 0 5px 0;}
h5 {font-size: 100%;color: #172E4E;margin-top: 10px;padding-top:0px;line-height:1.6em;}	
h6 {font-size: 77%; color: #2D61A8;font-weight: normal;margin: 8px 10px 18px 5px; padding:0 0 14px 0;clear:both;}
	
/* -------------------- LINKS ---------------------*/


a:link {
	font-style: normal;
	color: #172E4E;
	text-decoration: none;
	border-bottom: 1px dotted #2D61A8;padding: 0;margin: 0;
	}
a:visited {
	font-style: normal;
	color: #172E4E;
	text-decoration: none;border-bottom: 0;
} 
a:hover{
	font-style: normal;
	color: #172E4E;
	text-decoration: none;border-bottom:0;background-color:#CCE3F1;
} 
a:active{
	font-style: normal;
	color: #172E4E;
	text-decoration: none;border-bottom:0;
} 
#topnav ul li a:link, a:visited, a:hover, a:active {
	font-style: normal;
	color: #2D61A8;
	text-decoration: none;
	border-bottom: 0px dotted #2D61A8;
	}
img a:link {text-decoration: none;border: none;background-color:transparent;} 
img a:visited {text-decoration: none;border: none;background-color:transparent;} 
img a:hover {text-decoration: none;border: none;background-color:transparent;} 
img a:active {text-decoration: none;border: none;background-color:transparent;}

img a{text-decoration: none;border-bottom: 0px;background-color:transparent;} 
 
	
/* -------------------- DIVs --------------------- */ 
div#container{
text-align:left;
width:994px;
margin:0 auto;
border-left: 0px solid #F2F8FB;border-right: 0px solid #F2F8FB;border-bottom:0px solid #F2F8FB;
background:#fff;

}
 /* Start hide from IE-Mac \*/
* html #content, #stadtbildunten, #footer, #unten
   {   height: 1%;}/* End Hide from IE-Mac */ 

div #header{
background: url(graphics/stadtbild-ottensen-altona.gif) repeat-x;
height: 198px;
clear:both;
padding: 0;
margin: 0 0 00px 0;
border-bottom: 0px dotted #2D61A8;
border-top: 0px dotted #2D61A8;
}


div#topnav{
position:absolute;
padding:0;
width: 990px;margin:0px 0px 0px 0;display:inline;
top:0px;z-index:30;
color:#fff;

}
*html #topnav{top:7px;} 
*+html #topnav{ top:7px;}



#topnav ul li {
display:inline;
margin: 0 00px 0 0;padding:0;text-align:right;float:right;padding-right: 20px;
}

div#content{
float:right;
width: 480px;
margin: 0px 0px 5px 0px;
padding: 0 30px 30px 30px;
background:#fff;
}
#content img {border: 1px solid #E6E6E6; padding: 4px; margin: 15px; background: #F1F1F1;}

#content a:hover{
	font-style: normal;
	color: #172E4E;
	text-decoration: none;border-bottom: 1px dotted #2D61A8;background-color:#F2F8FB;
} 

#content img a:link, a:visited, a:hover, a:active{text-decoration: none;border-bottom: 0px dotted #2D61A8;background-color:#fff;
} 


img a:link, a:visited, a:hover, a:active{text-decoration: none;border-bottom: 0px;background-color:transparent;} 


#rechts{float:right;width: 190px;padding: 0 20px 0 0px;background-color: transparent;
margin: 25px 0 0 15px;position:relative;z-index:11}

#links {width:190px;float:left;margin: 25px 0 00px 0;padding-left:20px;background-color: transparent;z-index:100;}


/* --------------------------------------------------------------------------------------------
Header Menu
Horizontal Drop-Down Menu based off :http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp 
----------------------------------------------------------------------------------------------- */

#navContainer {width: 994px;display:block;clear:both;border-right:0px solid #000;margin-bottom:30px;z-index:1000;}
/* reguliert Abstadn in Ie*/
*html #navContainer {margin-bottom:15px;}
*+html #navContainer {margin-bottom:15px;}

/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;background:#172E4E;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 800; clear: both;}

/* Container der die navigation enthaelt */
#nav {
	/*height: 2.3em; grösser als der rest, verschwindet sonst die subnav bei IE7?*/
	height: 2.6em;
	border-top: 0;
	border-bottom: 0px solid #000;
	padding:0;font-family: Georgia, "Times New Roman", Times, serif;
	background:#172E4E url(graphics/nav.jpg);
	margin-bottom:20px;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	width:auto;
	background:#2D61A8 url(graphics/nav.jpg);
	/*	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {width:142px;float: left; color: #fff; text-align: center; font-weight: normal; }
*html #nav ul li{width: 141px;}
#nav ul li a {display: block; background:#2D61A8 url(graphics/nav.jpg);padding: 7px 0px 9px 0px; border:0; color: #fff; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background:#2D61A8 url(graphics/nav.jpg); color: #fff;border:0;}
#nav li a:active, #nav ul li a.active {background:#2D61A8 url(graphics/nav.jpg); color: #fff;border:0;}

/* Current page Customisations
#nav li.menu-current a	{background: #2D61A8; color: #fff; border-bottom: 0px solid #000;}
#nav li.menu-current a	{font-weight: normal}*/ 

/* 2nd Child menu*/
#nav .menu li ul {position: absolute;width: 142px; margin: 0; display: none; border: 0; font-size: 95%;z-index:1500;}
#nav .menu li ul li {width: 142px; text-align:center; font-weight: normal; padding:0px 0 0px 0;margin: 0;}
*html #nav .menu li ul{width: 141px;left:-.0000001em;} /*left -0.00001 rückt subnav nach links im ie6*/
*+html  #nav .menu li ul{ /*IE7 only*/  width: 142px;margin-left: -71px;}

#nav .menu li ul a {width: 142px;background:#2D61A8 url(graphics/nav3.jpg); color: #fff; border: 0;line-height:1.5em;}
*html #nav.menu li ul a{width: 141px;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #fff; background: #172E4E; border: 0;}
*html #nav .menu li ul a:hover{width: 141px;}
*+html #nav .menu li ul a:hover{width: 142px;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}

/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a{ width: 141px; padding: 0; background: #172E4E; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}




/* -------------------- FOOTER --------------------- */

#footer{color: #1F3A4A;clear:both;text-align:center;font-size:92%;padding: 30px 0 0px 0;margin: 0 0px 1px 0px;
border-top: 0px solid #CCE3F1;height:10px;position:relative;z-index:2;background-color:transparent;}
#footer a:link {color: #1F3A4A;background-color:transparent;}
#footer p{background-color:transparent;}


/*------------------IMAGEs SEITENLEISTEN ---------------------*/

div #rechts img{
float:left;
width:160px;
padding: 0px 0px 0px 0px;
margin-bottom:5px;
border: none;text-decoration:none;
}

div #links img{
float:left;
width:160px;
padding: 0px 8px 0px 0px;
margin-bottom:5px;
border: none;text-decoration:none;
}

#links h6 {font-size: 77%; color: #2D61A8;background-color:transparent;font-weight: normal;margin: 5px 0px 0 0px; margin-bottom: 0px; padding: 0 0px 0px 0px;clear:both;}	
#rechts h6 {font-size: 77%; color: #2D61A8;background-color: transparent;font-weight: normal;margin: 5px 0px 0 0px; margin-bottom: 0px; padding: 0 0px 0px 0px;clear:both;}	
	
#links p{ font-size:95%;margin: 0px 0px 0px 0px;padding: 0 20px 0 0px;line-height:1.1em;}	
#rechts p{ font-size:95%;margin: 0px 0px 0px 0px;line-height:1.1em;
}

#links h3, #rechts h3{ /*rückt Text in die Oberlinie*/	display: block;	float: left;padding: 0px 4px 0 0; background: #fff; margin: -35px 0px 0px -4px;color: #2C5192;font-size:110%;}	

#links a:visited, #rechts a:visited{color: #172E4E;}	
	

/*  -----------------TEASER ---------------------------------- */

#teaser1 #offen a:link, a:visited, a:hover, a:active {
	font-style: normal;
	color: #2D61A8;
	text-decoration: none;
	border-bottom: 1px dotted #172E4E; /*logo etc. reagiert auf diese border anweisung...?*/
	}
#teaser1, #teaser2, #teaser3, #teaser4, #teaser5, #teaser6, #teaser7, #teaser8 { padding: 12px; border: 1px dotted #CCE3F1; margin-bottom: 29px;padding-right: 0px; padding-bottom:5px;background:transparent; }

*html #teaser1, #teaser2, #teaser3, #teaser4, #teaser5, #teaser6, #teaser7, #teaser8 { border: 1px solid #CCE3F1;}

#teaser1, #teaser5 {margin-top: 5px;}
	
#teaser1 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser1 p a { color: #172E4E; text-decoration: none;border-bottom: 1px dotted #172E4E;}

#teaser2 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser2 p a { color: #172E4E; border:0;text-decoration: none;border-bottom: 1px dotted #172E4E;}
	
#teaser3 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser3 p a { color: #2D61A8; border:0;text-decoration: none;border-bottom: 1px dotted #172E4E;}
#teaser3 p a:hover { text-decoration: none; border:0;}

#teaser4 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser4 p a { color: #2D61A8; text-decoration: none;border-bottom: 1px dotted #172E4E;}
#teaser4 p a:hover { text-decoration: none; border:0;}

#teaser5 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser5 p a { color: #172E4E; border:0;text-decoration: none;}
#teaser5 p a:hover { text-decoration: none; border:0;border-bottom: 1px dotted #172E4E;}
	
#teaser6 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser6 p a { color: #2D61A8; border:0;text-decoration: none;}
#teaser6 p a:hover { text-decoration: none; border:0;border-bottom: 1px dotted #172E4E;}

#teaser7 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser7 p a { color: #2D61A8; border:0;text-decoration: none;}
#teaser7 p a:hover { text-decoration: none; border:0;border-bottom: 1px dotted #172E4E;}
	
#teaser8 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser8 p a { color: #2D61A8; border:0;text-decoration: none;}
#teaser8 p a:hover { text-decoration: none; border:0;border-bottom: 1px dotted #172E4E;}

#links h3, #rechts h3 { display: block;	float: left;padding: 0px 4px 0 8px; background: #fff; margin: -20px 0px 0px -4px;color: #2D61A8;font-size:95%;border:0;}


/* -------------------- LOGO --------------------- */

div#logo{position:absolute;width:300px;border:0;top:13px;z-index:20;border:0;padding-left:0px;margin:0;}
div#logo a:link{border:0;text-decoration:none;}
#logo img {border: none;text-decoration:none;padding: 0;margin: 0;}
#logo a:link, a:visited, a:hover, a:active{border:0;text-decoration:none;padding:0;margin:0;background-color:transparent;}

/*#content img {border: none;text-decoration:none;padding: 0;margin: 0;}

*/

#content img a:link, a:visited, a:hover, a:active{border:0;text-decoration:none;padding:0;margin:0;background-color:transparent;}

/* Links- bzw. Rechtsausrichtung für Elemente */
.links {float: left;margin: 0 10px 0 0;}
.rechts {float: right;margin: 0 0 0 10px;}

#stadtbildunten{margin: -180px 0 0 0;position:relative;z-index:1;background: transparent url(graphics/footer-stadtbild.gif);min-height:200px;	
}
	
/* -------------------- NACH OBEN --------------------- */

#unten {
position:relative;z-index:4;background:transparent;margin-top:50px;
}

#unten a:link{
margin: 30px 5px 0px 5px;
width:430px;
border-top:0px dotted #2D61A8;
color: #12386C;background:transparent;
}
#unten h5{
border-top:1px dotted #CCE3F1;padding-top:15px;background:transparent;
}


/* ---------------------BULLET POINTS -----------------------*/

div#content  ul li{
background-image: url(graphics/tick.gif);line-height:1.3em;
list-style-type:none;
background-position: 0 50%; 
padding: 3px 0 3px 17px;
 background-repeat: no-repeat;
margin: .4em 0;
line-height: 1.3em;
font-size: 98%;list-style-position: outside;margin:10px 3px 0 -35px;
}

div#content  ol li{
background-image: url(graphics/pdf.gif);
list-style-type:none;
background-position: 0 50%;
padding: 3px 0 3px 30px;
 background-repeat: no-repeat;
margin: .4em 0;
line-height: 1.3em;
font-size: 97%;list-style-position: outside;margin:10px 10px 0 -35px;
}


.offen p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
.offen p a { color: #666; border:0;text-decoration: none;}
.offen p a:hover { text-decoration: none; border:0;}

.mehrabstand { margin-bottom:20px;}

#content img a:link, a:visited, a:hover, a:active{text-decoration: none;border-bottom: 0px dotted #2D61A8;background-color:#fff;
} 


img a:link, a:visited, a:hover, a:active{text-decoration: none;border-bottom: 0px;background-color:transparent;}