/* CSS Document */



/*-----------------------------------------------------------------------------
version:   1.0 | 2008-04-02
author:    Matthias Marsen | zeitstil design + text GbR | Berlin
email:     info@zeitstil.com
website:   http://www.zeitstil.com/
-----------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------

-------------------------------------------------------------------------*/
#topnav #topnav_content #current a {
color: #000;
}


/*--------------------------------------------------------------------------- 
=General
-----------------------------------------------------------------------------*/

/* alle Abstände auf null setzen */
* {
	margin: 0;
  	padding: 0;
}

/* Allgemeines... */
body {
	background-color: #ffffff;
	font-family: geneva,arial,helvetica,verdana,sans-serif;
	color: #000;
	font-size: 11px;
	line-height: 16px;
}

/* Border bei verlinkten Bildern ausschließen */
a img {
	border: 0;
	background-color: transparent;
}

/*--------------------------------------------------------------------------- 
=Layout-Container außen
-----------------------------------------------------------------------------*/

/* Main-Container*/
#container {
	background-color: transparent;
	margin-top: 92px;
	margin-left: 53px;
	width: auto;
	height: 460px;
}

/* Container Kopfbereich */
#header {
        position: relative;
	width: 698px;
	height: 60px;
	background-color:transparent;
	}

/* Container Inhaltsbereich */
#main {
        position: relative;
	height: 385px;
	width: auto;
	background-color: transparent;
	background-image: url(../images/bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

/* Container Footer */
#footer {
        position: relative;
	top: 0;
	left: 0;
	height: 18px;
	width: auto;
	background-color:transparent;
}




/*--------------------------------------------------------------------------- 
=layout innen
-----------------------------------------------------------------------------*/


/* -------------------------------- header -----------------------------------*/

/* Container Schriftzug Heidi Scherm Fotografie */
#header #logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	background-color: transparent;
}

/* Container Top-Navigation */
#header #topnav {
	position: absolute;
	left: 190px;
	top: 32px;
	width: auto;
	background-color: transparent;
}

#header #topnav #topnav_content {
      
        background-color: transparent;
        width: 490px;
        height: auto;
        text-align: right;
}



/* ------------------------------------ main galerieseite----------------------------------*/

/* Container Spalte 1 */
#galerieseite #main #col_1 {	
	position: absolute;
	top: 1px;
	left: 0;
	height: 363px;
	width: 177px;
	background-color: transparent;
}

/* Container Inhalt Spalte 1 - SubNav  */
#galerieseite #main #col_1 #col_1_content {
        margin-top: 25px;
	width: 177px;
	background-color: transparent;
}


/* Container Spalte 2 */
#galerieseite #main #col_2 {
	position: absolute;
	left: 177px;
	top: 1px;
	height: 385px;
	width: 712px;
	background-color: transparent;
	}


/* Container Inhalt Spalte 2 - Galerie - Text - Bildunterschrift - Bildnavigation  */
#galerieseite #main #col_2 #col_2_content {         
        position: absolute; 
	top: 0;
	left: 0;                                                     
	height: 385px;
	width: 712px;
	z-index: 999;
	background-color: transparent;
}

/* Container Bild */
#galerieseite #main #col_2 #col_2_content #bild {         
        position: absolute; 
	top: 0;
	left: 0;                                                     
	height: 363px;
	width: 521px;
	z-index: 5;
}

/* Container Rubriktext */
#galerieseite #main #col_2 #col_2_content #text {
        position: absolute; 
	top: 8px;
	left: 534px;                                                     
	height: 330px;
	width: 178px;
	background-color: transparent;
	z-index: 10;

	}
	
/* Container Bildunterschrift */
#galerieseite #main #col_2 #col_2_content #bildunterschrift {
	position: absolute; 
	top: 338px;
	left: 534px;                                                     
	height: 20px;
	width: 178px;
	background-color: transparent;
	z-index: 10;
	}



/* Container Bildnavigation */
/* update 21.06.2010: width von 513 auf 113 und left von 0 auf 400 geändert, da links nicht vollständig anklickbar */
#galerieseite #main #col_2 #col_2_content #bildnav {
	position: absolute; 
	top: 382px;
	left: 400px;                                                     
	height: 15px;
	width: 113px;
	background-color: transparent;
	z-index: 20;
	text-align: right;
	}



/* ------------------------------------ main factsseite -----------------------------------*/

/* Container Spalte 1 */
#factsseite #main #col_1 {	
	position: absolute;
	top: 1px;
	left: 0;
	height: 363px;
	width: 177px;
	background-color: transparent;
}

/* Container Inhalt Spalte 1 - SubNav  */
#factsseite #main #col_1 #col_1_content {
        margin-top: 25px;
	width: 177px;
	background-color: transparent;
}


/* Container Spalte 2 */
#factsseite #main #col_2 {
	position: absolute;
	left: 177px;
	top: 1px;
	height: 363px;
	width: 430px;
	background-color: transparent;
	}


/* Container Inhalt Spalte 2 - Text  */
#factsseite #main #col_2 #col_2_content {         
	margin-top: 25px;
	width: 430px;
	background-color: transparent;
}

/* ------------------------------------ main impressumseite -----------------------------------*/

/* Container Spalte 1 */
#impressumseite #main #col_1 {	
	position: absolute;
	top: 1px;
	left: 0;
	height: 363px;
	width: 177px;
	background-color: transparent;
}

/* Container Inhalt Spalte 1 - SubNav  */
#impressumseite #main #col_1 #col_1_content {
        margin-top: 25px;
	width: 177px;
	background-color: transparent;
}


/* Container Spalte 2 */
#impressumseite #main #col_2 {
	position: absolute;
	left: 177px;
	top: 1px;
	height: 363px;
	width: 521px;
	background-color: transparent;
	}


/* Container Inhalt Spalte 2 - Text  */
#impressumseite #main #col_2 #col_2_content {         
	margin-top: 18px;
	width: 521px;
	background-color: transparent;
}

/* ------------------------------------ main vitaseite -----------------------------------*/

/* Container Spalte 1 */
#vitaseite #main #col_1 {	
	position: absolute;
	top: 1px;
	left: 0;
	height: 363px;
	width: 177px;
	background-color: transparent;
}

/* Container Inhalt Spalte 1 - SubNav  */
#vitaseite #main #col_1 #col_1_content {
        margin-top: 25px;
	width: 177px;
	background-color: transparent;
}


/* Container Spalte 2 */
#vitaseite #main #col_2 {
	position: absolute;
	left: 177px;
	top: 1px;
	height: 363px;
	width: 521px;
	background-color: transparent;
	}


/* Container Inhalt Spalte 2 - Text  */
#vitaseite #main #col_2 #col_2_content {         
	margin-top: 25px;
	width: 521px;
	background-color: transparent;
}

/* Container Spalte 3 */
#vitaseite #main #col_3 {
	position: absolute;
	left: 698px;
	top: 1px;
	height: 363px;
	width: 153px;
	background-color: transparent;
	}


/* Container Inhalt Spalte 3 - Bild  */
#vitaseite #main #col_3 #col_3_content {         
	margin-top: 30px;
	width: 153px;
	background-color: transparent;
}


/* ------------------------------------ main startseite ----------------------------------*/

/* Container Spalte 1 */
#startseite #main #col_1 {	
	position: absolute;
	top: 1px;
	left: 0;
	height: 363px;
	width: 355px;
	background-color: transparent;
}

/* Container Inhalt Spalte 1 - Text  */
#startseite #main #col_1 #col_1_content {
        margin-top: 166px;
	width: 318px;
	background-color: transparent;
}

/* Container Spalte 2 */
#startseite #main #col_2 {
	position: absolute;
	left: 355px;
	top: 1px;
	height: 363px;
	width: 363px;
	background-color: transparent;
	}

/* Container Inhalt Spalte 2 - Bild  */
#startseite #main #col_2 #col_2_content {
        margin-top: 0;
	width: 363px;
	background-color: transparent;
}

/* ------------------------------------ main kontaktseite ----------------------------------*/

/* Container Spalte 1 */
#kontaktseite #main #col_1 {	
	position: absolute;
	top: 1px;
	left: 0;
	height: 363px;
	width: 511px;
	background-color: transparent;
}

/* Container Inhalt Spalte 1 - Bild  */
#kontaktseite #main #col_1 #col_1_content {
        margin-top: 0;
	width: 511px;
	background-color: transparent;
}

/* Container Spalte 2 */
#kontaktseite #main #col_2 {
	position: absolute;
	left: 511px;
	top: 1px;
	height: 385px;
	width: 178px;
	background-color: transparent;
}

/* Container Inhalt Spalte 2 - Text  */
#kontaktseite #main #col_2 #col_2_content {
        margin-left: 21px;
        margin-top: 18px;
	width: 178px;
	background-color: transparent;
}

/* ------------------------------------ main aktuelles -----------------------------------*/

/* Container Spalte 1 */
#aktuelles #main #col_1 {	
	position: absolute;
	top: 1px;
	left: 0;
	height: 363px;
	width: 177px;
	background-color: transparent;
}

/* Container Inhalt Spalte 1 - SubNav  */
#aktuelles #main #col_1 #col_1_content {
        margin-top: 25px;
	width: 177px;
	background-color: transparent;
}


/* Container Spalte 2 */
#aktuelles #main #col_2 {
	position: absolute;
	left: 177px;
	top: 1px;
	height: 363px;
	width: 521px;
	background-color: transparent;
	}


/* Container Inhalt Spalte 2 - Text  */
#aktuelles #main #col_2 #col_2_content {         
	margin-top: 18px;
	width: 521px;
	background-color: transparent;
}


/* --------------------------------------- footer ---------------------------------*/
	
/* Container Footernavigation - Container wird über dem Container Bildnav positionert */
#footer #footernav_content {
       position: absolute;
       top: 0;
       left: 0;
       z-index: 30;
       background-color: transparent;
}



/*--------------------------------------------------------------------------- 
=typografie
-----------------------------------------------------------------------------*/

/* Abstände  */
h1, h2, h3, h4, h5, h6, p, ul {
	margin-bottom: 8px;
}




/* ---------------------------------- Typo-Specials -------------------------------*/

/*--------------- Header -------------------------------*/

/* Überschrift 1. Zeile im Header */
h1 {
font-size: 16px;
font-weight: normal;
line-height: 24px;
}

/* Überschrift 2. Zeile im Header */
.gross {
font-size: 24px;
}

/* --------------- Bildergalerie ----------------------- */

/* Absatzformatierung für die Bildunterschrift in den Bildergalerien ---------*/
#galerieseite #main #bildunterschrift p { 
font-size: 11px;
color: #838383;
line-height: 11px;

}


/* ----------------Startseite --------------------------- */

/* headline1: Im Mittelpunkt... */
#startseite #main #col_1 h2 {
font-size: 16px;
color: #000;
font-weight: normal;
line-height: 24px;
}

/* headline 2: Portraits für.... */
#startseite #main #col_1 h3 {
font-size: 12px;
color: #000;
font-weight: normal;
line-height: 22px;
}


/* ----------------Kontaktseite --------------------------- */

p {
margin-bottom: 12px;
}

/* ----------------- Galerieseiten --------------------------- */

#col_2_content #text h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin-bottom: 0;
margin-top: 0;
font-size: 11px;
line-height: 16px;
}

/*--------------------------------------------------------------------------- 
=links
-----------------------------------------------------------------------------*/

/* Verlinkung der Überschrift im Header auf die Startseite */
h1 a {
color: #000;
text-decoration: none;
}

a {
text-decoration: none;
color: #838383;
}

a:hover {
color: #000;
}


/*--------------------------------------------------------------------------- 
=navigations-links
-----------------------------------------------------------------------------*/



/* Punktfarbe in den Navigationen auf grau setzen - #topnav_content einbeziehen, um Punktfärbung bei a:hover zu verhindern */
#topnav, #footer, #col_1 {
color: #838383;
}

/* inaktive links */
#topnav a, #footer a, #col_1 a, #bildnav a {
color: #838383;
text-decoration: none;
font-size: 13px;
}

#bildnav a {
font-size: 18px;
}

#topnav a:hover, #footer a:hover, #col_1 a:hover, #bildnav a:hover {
color: #000000;
}

/* rechte Abstände der links in Hauptnav */
#footer #footernav_content a.nav_0 { 
margin-right: 6px;
 }

/* Abstände nach unten der links in Subnav sowie Blockelementerzeug. */
#col_1 #col_1_content a.nav_1 { 
display: block; 
margin-bottom: 10px;
 }

/* Formatierung des aktiven links in der Hauptnav */
#footer #footernav_content .selected a {
color: #000000;
margin-right: 6px;
}

/* Formatierung der aktiven links in der Subnav */
#col_1 #col_1_content .selected a {
color: #000000;
display: block; 
margin-bottom: 10px;
}

/* aktive links in der Topnav - Modul Hautnavigation
#topnav #topnav_content a.navileft_active {
color: #000000;
}*/


#topnav #topnav_content  a {
margin-left: 4px;
}

/* aktive links in der Topnav */
#topnav #topnav_content .active a {
color: #000000;
}

/*--------------------------------------------------------------------------- 
=aktuelles
-----------------------------------------------------------------------------*/

/*Container fuer die Teaser in der Rubrik Aktuelles*/
#col_2_content .teaser {
margin-bottom: 15px;
background-color: transparent;
clear: both;
}

/* Hack für ie6 */
* html #col_2_content .teaser {
margin-bottom: 5px;
}

/* Fotos in den Teasern der Rubrik Aktuelles */
#col_2_content .teaser img {
float: left;
margin: 2px 10px 15px 0px;
padding: 0;
}

/* Hack für ie6 */
* html #col_2_content .teaser img {
float: left;
margin: 2px 10px 5px 0px;
padding: 0;
}

/* Formatierung der verlinkten Teaserheadlines */
.teaser h2 a {color: #000;}
.teaser h2 a:hover {color: #000;}

/* Seitennavigation am unteren Rand */
.articlelistNavigation {
clear: both;
}

/* ###################### DETAILSEITE #################### */
/* Fotos auf der Detailseite der Rubrik Aktuelles */
#col_2_content p img {
float: left;
margin: 2px 15px 5px 0px;
padding: 0;
}

#col_2_content h1, #col_2_content h2, #col_2_content h3, #col_2_content h4, #col_2_content h5, #col_2_content h6 {
font-weight: normal;
margin-bottom: 0;
margin-top: 0;
font-size: 11px;
line-height: 16px;
}


.clear {
clear: both;
visibility: hidden;
}