/* EDERHOF - www.ederhof.eu

Ederhof - www.ederhof.eu
Basisvorlage CSS
Start: 1.10.2008 / Bernhard Wallensteiner
Letzte Änderung: 9.10.2008, Bernhard Wallensteiner */


/* Farbsschema (Farbtöne der Elemente)
-----------------------------------------------------


hellgrün: #C6E53B
- - - Gang
- - - aktiver Menueintrag von menu rechts unten
- - - Titel im Bodytext von contentseite von menu rechts unten
- - - - - - - - - - - - - - - - - - - - - - - - - - -

noch heller grün: #E5F1A9
- - - gründer Himmel im Header-Bild
- - - Formularfeld-Hintergrund

braun: #553F30
- - - Schriftfarbe Logo ederhof
- - - Umrandung Symbole ederhof
- - - Hintergrund menutext nicht aktiv
- - - Textfarbe Untermenüs von menu oben
- - - Textfarbe menu rechts unten
- - - Umrandung Infobrief-Minaturen

hell-braun: #BDB6B1
- - - Hintergrund menu mouseover
- - - Hintergrund menu u. untermenu aktive

- - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - -

*/



/* Reset
----------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
	}



/* Globals und Typo
----------------------------------------------------- */

html {
	/* Wahlweise Grid-Hintergrund
	Rasterhintergrund, der die Breite bis 1000 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Des wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: #fff url('_images/grid.png') top left no-repeat;
	*/
	background: #fff;
	}

body {
	/* 	
	Wahlweise Linienhintergrund
	Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.
	background: transparent url ('bilder/line-height.gif') top left;
	*/
	font-family: Verdana;
	font-style: normal;
	font-size: 11px;
	color: #553F30;
}


html>body {

}

a:link {
	color: #553F30;
	}

a:visited {
	color: #553F30;
	}

a:hover {
	color: #C6E53B;
	}

a:active {
	color: red;
}





img {
	border: 0px;
	}





/* Macht die gepunktete Linie um geklickte Links unsichtbar
----------------------------------------------------- */
 a:focus {
	outline: none;
	}


/* Vertikaler Rhythmus, basierend auf 11px Basisgröße für den Fließtext
----------------------------------------------------- */
p {
	font: 1em/1.5em Arial,Tahoma,Verdana, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	}

/* Container
----------------------------------------------------- */

#wrapper {
	position: relative;
	z-index:2;
	margin: 0px auto;
	width: 960px;
	background: #fff;
	}
	
#header {
	background: #fff;
	width: 960px;
	height: 143px;
	float: right;
	}

.home-button {
	float: left;
	position: relative;
	border: 1px solid #553F30;
	top: 9px;
	left: 12px;
	}


#top-menu {
	position: relative;
	float: left;
	top: 9px;
	left: 14px;
	z-index: 10;
	}
	
#nav, #nav ul {     
	padding: 0;     
	margin: 0;     
	list-style: none; 
} 

#nav a {     
	display: block;  	
} 

#nav li {
	float: left;
	width: auto;
	background-color: #553F30;
	border-right: 2px solid white;
}

#nav li.cli, #nav li:hover{
	background-color: #BDB6B1;
	z-index: 9;
}

#nav li a {
	padding: 1px 50px 1px 3px;
	width: auto;
	color: white;
	font-size:11px;
	text-decoration: none;
}



#nav li ul {
	display: none;
	position: absolute;
	padding: 2px 0px;
	left: -999em; 
	border: 0px none;
	z-inedex: 9;
} 
#nav li:hover ul, #nav li.sfhover ul{     
	left: auto; 
	display: block;
	z-index: 10;
	background: white;
}
#nav li.cli ul.cul{  
	left: auto; 
	display: block;
	z-index: 9;  
}

#nav li ul li {
	top: auto;
	width: auto;
	background-color: #FFF;
	clear: both;
	}
	
#nav li ul li a {
	padding: 1px 3px; 
	color: #553F30;
	font-size:11px;
}

#nav li ul li a:hover {
	background-color: #BDB6B1;
}



	
/* Menu rechts
---------------------------------------------- */
	
#ederhof-gang {
	
	position: absolute;
	z-index: 9;
	top: 185px;
	left: 320px;
	width: 480px;
	height: 425px;
	
	}
	
#rudolf-pichlmayr-stiftung {
	position: absolute;
	z-index: 10;
	border: 0px;
	top:558px;
	left:0px;
	}

#menu-right-box {
	position: absolute;
	top: 151px;
	left: 829px;
	width: 115px;
	height: 425px;
	background-color: #fff;
	border: 1px solid #553F30;
	}


	
#menu-right {
	position: absolute;
	top: 405px;
	left: 841px;
	font: 11px/18px Verdana;
	}
	
#menu-right a:link {
 	color: #553F30;
	text-decoration: none;
	}

#menu-right a:visited {
	text-decoration: none;
	}

#menu-right a:hover {
	color: #C6E53B;
	text-decoration: none;
	}

#menu-right a:active {
	}

#menu-right .current-item {
	color: #C6E53B;
	}

#menu-right ul li {
	list-style-type:none;
	}
	
	
/* Content im mittleren Bildbereich
---------------------------------------------- */

a#gang-blase {
	position: absolute;
	display:block;
	overflow: hidden;
	background-position: 0px 0px;
	background: no-repeat;
	z-index: 2;
	width: 480px;
	height: 425px;
	background-image: url(../_images/nav_child/ederhof-blase.gif);
}
a:hover#gang-blase{
	background-position: -480px 0px;
}

#content {
	position: absolute; 
	top: 247px;
	left: 129px;
	width: 642px;
	heigth: 500px;
	border-top: 0px dotted #BDB6B1;
	border-right: 0px dotted #BDB6B1;
	border-left: 0px dotted #BDB6B1;
	font-size: 11px;
	line-height: 18px;
	}

#content-textarea {
	margin-top:0px;
	width: 400px;
	float: left;
	}
	
#content-einspaltig {
	margin-top:0px;
	width: 640px;
	float: left;
	}
	
#content-einspaltig img {
	margin-right: 4px;
	margin-bottom:4px;
	width: 122px;
	height: 162px;
	border: 1px solid #BDB6B1;
	}

#content-einspaltig .bildunterschrift {
	margin-top:0;
	margin-right:4px;
	margin-bottom: 10px;
	width: 122px;
	height: 68px;
	text-align:center;
	vertical-align: top;
	line-height:16px;
	font-size: 10px;
	display: inline-block;
	border-right: 1px dotted #BDB6B1;
	border-bottom: 1px dotted #BDB6B1;
	border-left: 1px dotted #BDB6B1;
	background-color: #E5F1A9;
	}
	

#content-textarea .bildunterschrift {
	margin-top:5px;
	margin-right:4px;
	margin-bottom: 10px;
	width: 361px;
	text-align:center;
	vertical-align: top;
	line-height:16px;
	font-size: 10px;
	display: inline-block;
	border: 1px dotted #BDB6B1;
	background-color: #E5F1A9;
	}

#titel {
	font-size: 13px;
	color: #553F30;
	font-weight: bold;
	margin-bottom: 20px;
}

acronym {
	cursor: help;
	padding: 5px 12px 0px 0px;
	border-bottom: 1px solid #CDE053;
	background: transparent url('/_images/layout/info-icon.gif') no-repeat center right;
}
	
#bilder-container-vertikal {
	float: right;
	width: 210px;
	margin: 0px 0 0 20px;
	}
	
#bilder-container-vertikal img {
	margin-bottom:4px;
	border: 1px solid #BDB6B1;
	}


#aktivitaeten img {
	margin: 0px;
	padding: 0px;
	border: 1px solid #BDB6B1;
	}	


#footer {
	position: relative;
	left: -153px;
	margin-top:20px;
	height: 40px;
    background: url(/_images/layout/rudolf-pichlmayr-stiftung.gif) top left no-repeat;
}

/* Informationsmaterial
------------------------------------------- */


#infobriefe {
	float: left;
	width: 636px;
	margin-bottom:20px;
	}

#infobriefe img {
	float: left;
	border: 1px dotted #553F30;
	margin-right: 20px;
}


#infobrief-nummer-datum {
	font-weight: bold;
	font-size:10px;
	margin-bottom: 20px;
	}

#infobrief-themen-titel {
	margin-bottom: 5px;
	font-size:11px;
	}
	
#infobrief-themen {
	margin: 10px 0 10px 0;
	font-size:11px;
	}

#infobrief-download {
	margin-top:20px;
	}
	
/* Downloads
----------------------------------------------------- */

a[href$='.pdf'] {
	padding: 5px 5px 5px 30px;
	background: transparent url('/_images/layout/icon_pdf.gif') no-repeat center left;
}

.pdf-link { /* weil ie6 die obere definition für pdf nicht versteht; */
	padding: 5px 5px 5px 30px;
	background: transparent url('/_images/layout/icon_pdf.gif') no-repeat center left;
}
#bilder-container-vertikal a[href$='.pdf'], 
#bilder-container-vertikal .pdf-link  {
	padding: 0px;
	background: none;

}
/* Links
----------------------------------------------------- */
#links-content-container {
	clear: both;
	margin-top: 20px;
	}


#links-container {
	margin-top:20px;
	width: 400px;
	float: left;
	}

#link-logo-container {
	float: right;
	width: 210px;
	margin: 20px 0 0 20px;
	}
	
#link-logo-container img {
	margin-bottom:4px;
	}	
			
#link-titel {
	font-weight: bold;
	border: 0px dotted red;
	margin-bottom: 10px;
	}

#link-beschreibung {
	border: 0px dotted green;
	margin-bottom: 10px;
	}

#link-link {
	border: 0px dotted blue;
	margin-bottom: 10px;
	}


#link-textarea {
	margin-top:20px;
	width: 400px;
	float: left;
	}