/*
-----------------------------------------------
Uraha Printstyle - Vorlage für die Formatierungen innerhalb des Layouts
author:  nicole lücking - www.poasworld.de / erika heil - art for biomed
version:  1.0 - Januar 2008
----------------------------------------------- */
/*---------------------------------------------------------
FORMATIERUNGEN
-----------------------------------------------------------*/

/*---------------------------------------------------------
Grundeinstellungen gesamtes Dokument
-----------------------------------------------------------*/
body {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	}
	

/*---------------------------------------------------------
Containerpositionierung im Druckbereich
-----------------------------------------------------------*/
#huelle {
width:600px;
z-index:1;
margin:0 auto;
padding:0;
}
/*Bereich für den zentralen Inhalt wird nicht absolut positioniert, sondern über Ränder geregelt*/
#content {
color: #4F4649;
text-align:left;
margin: 0px;
padding: 0px; 
}
/*damit der Text immer mit den seitlichen Elementen gleich beginnt in allen Browsern gibts diesen Layer, der genau dort beginnt*/
#maincontent{
position:relative;
	z-index:3;
	top: 190px;
	width: 350px;
	left: 253px;
}
/*----Sonderfälle -----*/
#contentcentral{
/*-achtung nicht top nehmen, weil sonst Zeilenumbruch nicht funktioniert*/
padding-top:330px;
}

#contentProjekte{
padding-top:300px;

}
#contentProjekte img{
float:left;
width:133px; 
height:96px; 
margin-left:130px; 
margin-right:78px; 
border:0;
}

#logolinksPrint{
	position:absolute;
	display:block;
	top:0px;
	left:23px;

}

 .UnterLink #maincontent{
position:relative;
	z-index:3;
	top: 0px;
	width: 350px;
	left: 253px;

}
/*---------------------------------------------------------
Formatierungen die nicht in der Druckversion erscheinen sollen
-----------------------------------------------------------*/
.invis,#linkeseite,#BildWissText,#Lehrpfadbilder,#footer,#logolinks{
display:none;
}
/*---------------------------------------------------------
FLIESSTEXTFORMATIERUNGEN 
Contentbereich ist Haupttext
Linkeseite ist linke Spalte
-----------------------------------------------------------*/
/*----generell-----*/
p, br {
	font-size: 10px;
}
 
/* h1-> */
h1 {
color:  #4F4649;
font-size: 10px;
font-weight: bold;
}

/* h2->*/
h2{
color:  #4F4649;
font-size: 10px;
font-weight: bold;
}


/*---------------------------------------------------------
wird fuer nicht eingerueckte überschriften benutzt
-----------------------------------------------------------*/
/* h4->*/
h4 {
color:  #4F4649;
font-size: 10px;
font-style:normal;
font-weight: bold;
}

/*----Formatierung für alle eingerückten, schmalen Texte im Maincontent-----*/
#maincontent p,br,h1,h2,h3,ul{
padding-left:0px;
padding-right:5px;
}

#maincontent  .bulletlinks {
padding-left:0px; 
}
#maincontent  .nachbullet{
padding-left:7px; 
}
#maincontent  .nachbullet h1{
padding-left:7px; 
}
#maincontent  .kursiv{
	font-style: italic;
}

/*----Sonderfälle für Satzungs- und Vorstandseite Text breit-----*/
.SatzungLink h1,p{
padding-left:0px;
padding-right:15px;
}
.VorstandLink h1,p{
padding-left:0px;
padding-right:15px;
}

#content a{
color: #000;
text-decoration:underline;
font-weight:bold;
}
/*---------------------------------------------------------
Bilder Elemente links vom Fliesstext
-----------------------------------------------------------*/
#contentlinks {
	position:absolute;
	left:0px;
	top:294px;
	width:255px;
	height:337px;
	z-index:2;
}

#contentlinksCmck {
	position:absolute;
	left:10px;
	top:25px;
	width:395px;
	height:772px;
	z-index:2;
}

#contentlinksHominids{
	position:absolute;
	left:10px;
	top:180px;
	z-index:2;
	height: 368px;
}

/*----Naturlehrpfad braucht exakte Positionierung-----*/
#Naturlehrpfadetxt{
	position:relative;
	padding-top:20px;
}


/*---------------------------------------------------------
Überschriften werden anders positioniert und ausgetauscht für Druck
im Display muß Block angegeben sein, weil sonst die 
Sichtbarkeit/Unsichtbarkeit nicht hergestellt wird
-----------------------------------------------------------*/

#headlineHome{
display:none;
}
#hHomePrint{
	position:relative;
	display:block;
	left:22px;
	top:159px;
	width:600px;
	height:100px;
	padding:0;
	z-index:2;	
}
#headlineProjekte{
display:none;
}
#hProjektePrint{
	position:relative;
	display:block;
	left:255px;
	top:171px;
	width:200px;
	height:100px;
	padding:0;
	z-index:2;
}
#headlineCmck{
display:none;
}
#hCmckPrint{
	position:relative;
	display:block;
	left:255px;
	top:150px;
	width:200px;
	height:100px;
	padding:0;
	z-index:2;
}

#headlineHominids{
display:none;
}
#hHominidsPrint{
	position:relative;
	display:block;
	left:255px;
	top:171px;
	width:200px;
	height:100px;
	padding:0;
	z-index:2;
}
#headlineSatzung{
display:none;
}
#hSatzungPrint{
	position:relative;
	display:block;
	left:255px;
	top:171px;
	width:200px;
	height:100px;
	padding:0;
	z-index:2;
}

#headlineVorstand{
display:none;
}
#hVorstandPrint{
	position:relative;
	display:block;
	left:255px;
	top:173px;
	width:200px;
	height:100px;
	padding:0;
	z-index:2;
}
#headlineUnter{
display:none;
}
#hUnterPrint{
	position:relative;
	display:block;
	left:16px;
	top:0px;
	width:200px;
	height:100px;
	padding:0;
	z-index:2;
}
#headlinePartner{
display:none;
}
#hPartnerPrint{
position:relative;
display:block;
	left:255px;
	top:171px;
	width:200px;
	height:100px;
	padding:0;
	z-index:2;
}
#headlineLinks{
display:none;
}
#hLinksPrint{
position:relative;
display:block;
	left:255px;
	top:171px;
	width:200px;
	height:100px;
	padding:0;
	z-index:2;
}
#headlineKontakt{
display:none;
}
#hKontaktPrint{
	position:relative;
	display:block;
		left:22px;
	top:159px;
	width:600px;
	height:100px;
	padding:0;
	z-index:2;
}