/* Reset der Browser Abstände */
*{ margin: 0; padding:0; }

/* Definition der Basis Schrift + Schriftgröße im body */
body {
	background: #FFF url(../images/bg_skyline02.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333;
}

/* Links */
a:link, a:visited { color:#CC3333; text-decoration:none; }
a:hover, a:active { text-decoration:underline; color:#990000; } 

/* Wrapper */
#globalWrapper { background:url(../images/bg_skyline01.gif) 699px 0px no-repeat; }
#mainWrapper { width:699px; background:#FFF url(../images/bg_shadow_left2.gif) repeat-y; }

/* Kopfzeile */
#header { 
	background:#FFF url(../images/bg_header.gif) repeat-x; 
	height:104px;
	overflow:hidden;
}

/* Gestaltung der Überschriften h1 - h4 */
#header h1 span, #header h2 { display:none; }
#header h1 { background:url(../images/logo_header.gif) no-repeat; height:104px; overflow:hidden; }
#header h1 a { display:block; height: 100%; }

.inv { display:none; } /* Meta Navigation für Screenreader */

h3 { 
	color:#900; 
	font-size:1.4em; 
	text-transform:uppercase; 
	line-height:0.9em; 
	border-left:.9em solid #900; 
	padding-left:0.3em;
	margin: 0 0 13px;
}
h4 { 
	color:#333333;
	font-size:1.1em; 
	text-transform:uppercase;
}

h5 { font-size:1.1em; color:#666; }


#nav h5 { 
	display:none;
}

/* um Floats zu beenden */
.fixfloat {
	float: none;
	clear: both;
	width: 1px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
}

.gallery_end { clear:both; display:block; height:1px; font-size:1px; line-height:1px; overflow:hidden; }

/* Positionierung und Gestalung des Hauptmenüs */
#nav {
	position:absolute;
	top: 149px;
	left: 575px;
	width:132px;
}
#nav li { 
	list-style-type:none;
}
#nav .navUL a {
	background-image:url(../images/nav/nav_01.gif);
	display:block;
	width:132px; 
	height:34px;
	overflow:hidden;
	text-transform:uppercase;
	text-decoration:none;
	color:#900;
	font-weight:bold;
	font-size:1.1em;
	outline-width:0;
}
#nav .navUL .nav02 a {	background-image:url(../images/nav/nav_02.gif); }
#nav .navUL .nav03 a {	background-image:url(../images/nav/nav_03.gif); }
#nav .navUL .nav04 a {	background-image:url(../images/nav/nav_04.gif); }
#nav .navUL .nav05 a {	background-image:url(../images/nav/nav_05.gif); }

#nav ul.navUL li a:hover,#nav ul.navUL li a:active, #nav li a:focus { background-position:0 -34px; }
#nav ul.navUL a span { display:block; padding: 7px 0 0 12px; }

#globalWrapper #nav li li {
	margin:0 0 2px;
}

#globalWrapper #nav li li a { 
	color:#333;
	display:block; 
	font-size:1em;
	height:1.5em;
	width:auto;
	font-weight:bold; 
	background:url(../images/nav/subnav_off.gif) bottom left no-repeat;
	padding: 0 0 0 10px;
	margin:0 0 0 20px;
	outline-width:0;
}
#globalWrapper #nav li li a:hover, #globalWrapper #nav li li a:focus { background-image:url(../images/nav/subnav_on.gif); }
#globalWrapper #nav li li a:active { background-image:url(../images/nav/subnav_on.gif); margin-left:6px; }
#globalWrapper #nav ul { margin:0; padding:0; }
#nav ul.navUL { min-height:250px; }
* html #nav ul.navUL { height:250px; }
#globalWrapper #nav ul ul { padding:3px 8px 11px 0; min-height:inherit; height:inherit; }

/* Ausblenden der Untermenüs */
#nav ul ul { display:none; }

/* Gestalten des Options Menüs */
#globalWrapper #nav #options { 
	margin:0 25px 0 15px; 
	padding:6px 3px 3px 6px; 
	border:1px solid #CCC; 
	background-color:#f1f1f1; 
	float:left;
}
* html #globalWrapper #nav #options { margin-left:8px; } /* wegen IE BUG Float<->Margin */
#nav #options span { display:none; }
#nav #options li { width:26px; height:30px; float:left; }
#nav #options li a { 
	display:block; 
	height:27px; 
	width:26px; 
	background:url(../images/nav/opt_blocksatz.gif) 0px -54px no-repeat; 
	outline-width:0px; 
}
#nav #options li a:hover,#nav #options li a:focus { background-position: 0px -27px; }
#nav #options li a:active { background-position: 0px 0px; }

#nav #options .opt_flattersatz a { background-image:url(../images/nav/opt_flattersatz.gif); }
#nav #options .opt_textversion a { background-image:url(../images/nav/opt_textversion.gif); }
#nav #options .opt_normal a { background-image:url(../images/nav/opt_normale_schrift.gif); }
#nav #options .opt_mittel a { background-image:url(../images/nav/opt_mittlere_schrift.gif); }
#nav #options .opt_gross a { background-image:url(../images/nav/opt_grosse_schrift.gif); }

/* Gestaltung des Contents */
#contentWrapper { 
	background:transparent url(../images/bg_shadow_left.gif) no-repeat; 
	min-height:500px; 
	padding:23px 140px 0 94px;
}

#contentWrapper .unterschrift {
	font-family: Comic Sans MS, Georgia, "Times New Roman", Times, serif ;
	font-size: 1.6em;
	font-style:italic;
}

/* Min-Height für IE über normal height, da er min-height nicht kennt, aber das Div anpasst bei fester Größe wenn der Inhalt überläuft. */
* html #contentWrapper { height:500px; }

#contentWrapper p { 
	margin: 8px 10px 10px 0;
	font-size:1.1em;
	line-height:1.5em;
	text-align:justify;
}

/* Listenformatierung im Content Bereich */
#contentWrapper ul { padding:.8em 1.3em; }
#contentWrapper li { padding: 3px 3px 3px 20px; list-style-type:none; background: url(../images/bullet_01_square.gif) 0 4px no-repeat; margin:0 0 1em; line-height:1.4em; }
#contentWrapper li:hover { background-color:#efefef; }

#contentWrapper ul ul { padding:.4em .6em 0; }
#contentWrapper li li { padding-left: 15px; background:url(../images/bullet_01_pfeile.gif) 0 5px no-repeat; margin:0; }
#contentWrapper li li:hover { background-position:2px 5px; }


/* Content Bilder */
.bigPic img, .thumb img, .normalPic img { margin:5px; }
.normalPic { 
	background:url(../images/bg_pic_200_160_rollover.gif) no-repeat;
	width:220px; 
	height:160px;
	float:left;
	margin: 1px 0 8px;
	display:block; position:relative;
}
.bigPic { 
	background:url(../images/bg_pic_big_rollover.gif) no-repeat;
	width:465px; 
	height:216px; 
	margin: 8px 0 10px -4px; 
	display:block; position:relative;
}
.thumb { 
	background:url(../images/bg_pic_thumb_rollover.gif) no-repeat;
	width:193px; 
	height:124px; 
	float:left;
	margin:5px 10px 5px 0;
	display:block; position:relative;
}
a.normalPic:hover { background-position: 0 -160px; }
a.thumb:hover { background-position: 0 -124px; }
a.bigPic:hover { background-position: 0 -216px; }

.gallery { width: 440px; clear:both; }


/* Footer/Fußzeile */
#footer { 
	background: #FFF url(../images/bg_footer.gif) no-repeat;
	color:#999; 
	padding:57px 0 10px 60px; 
	overflow:hidden;  
}
#footer a:link, #footer a:visited { color:#999; text-decoration:none; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#666; }



/* Flickr */
#flickr img { width: 75px; height: 75px; border:1px solid #aaa; padding:1px; }
#flickr a { padding: 3px; }
#flickr a:hover img { border:1px solid #666; background-color:#ccc; }