/* Jutta Ries CSS */

html { height: 101%} /* Scrollbalken immer einblenden bei Firefox usw */

a:hover{outline:none} /* Navigations-Outline ausblenden!*/

* { padding: 0; margin: 0;}

.clearer {clear:both;}

body {
	color:#7B797D; /* Schriftfarbe */
	background-color: #EEEFEE; /* Hinntergrundfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small; /* Schriftgröße */
}

#wrapper {
	/* background-image:url(grafik/logo_junimo.gif); */
	background-repeat:no-repeat;
	background-color:#EEEFEE;
	border-color:#FFFFFF;
	border-bottom-width:medium;
	color: white;
	width: 834px; /* Breite des Inhaltsbereiches */
	margin-top: 0px;
	margin-right: auto; /*Abstand rechts automatisch */
	margin-left: auto; /* Abstand links automatisch */
}

#logo-junimo {
	position:absolute;
	text-indent:-10000px;
	background-image:url(grafik/logo-junimo.png);
	width:266px;
	height:161px;
	margin:-2px 0 0 0;
	}

#logo-sachverstaendige {
	position:absolute;
	text-indent:-10000px;
	background-image:url(grafik/logo-junimo-sachverstaendige.png);
	width:266px;
	height:161px;
	margin:-2px 0 0 0;
	}

#header {
	float:left;
	background-image:url(grafik/head-verlauf-630px.png);
	background-repeat:repeat-y;
	width:630px;
	height: 91px;
	margin-left: 187px;
	margin-right: 17px;
	margin-bottom: 20px;
}

#picturehome {
	/* position:absolute;
	top: 111px; */
	height: 329px;
	margin-left: 17px;
	margin-right: 17px;
	color:#EEEFEE; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	line-height:16px;
	letter-spacing:1px;
}

#pictureprofil {
	margin-left: 426px;
	margin-right: 17px;
	color:#EEEFEE; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	line-height:16px;
	letter-spacing:1px;
}

.profil-pic-left {
	float:left;
	width:185px;
	background-color:#682020;
	margin:0 0 17px 0;
	}
	
.profil-pic-right {
	float:right;
	width:185px;
	background-color:#682020;
	margin:0 0 17px 0;
	}


#pictureprofil td.zellerot {
	background-color:#682020;	
}

#picture {
	height: 329px;
	margin-left: 426px;
	margin-right: 17px;
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	line-height:16px;
	letter-spacing:1px;
}

/* NAVIGATION */

#menu {
	position:absolute;
	top:69px;
	margin-left:325px;
	height:22px;
	display:block;
}

#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu li {
	float:left;
	margin-bottom:5px;
	margin-right:20px;  
	border:0px;
	display:block;
}

#menu a {
	display:block;
	/*padding-top:22px; */ 
	color:#000; 
	font-size: 8px; /* Schriftgröße */
	text-decoration:none; 
	overflow:hidden;
	text-indent:-10000px;
	height:22px; 
	background-repeat:no-repeat;
}

#menu a#navHome {background:transparent url(grafik/navigation/home.png);width:37px;}
#menu a#navProfil {background:transparent url(grafik/navigation/profil.png);width:34px;}
#menu a#navPhilosophie {background:transparent url(grafik/navigation/philosophie.png);width:75px;}
#menu a#navProjekte {background:transparent url(grafik/navigation/projekte.png);width:54px;}
#menu a#navSachverstaendige {background:transparent url(grafik/navigation/sachverstaendige.png);width:103px;}
#menu a#navImpressum {background:transparent url(grafik/navigation/impressum.png);width:69px;}

#menu a#navHome:hover {background:transparent url(grafik/navigation/home-aktiv.png);width:37px;}
#menu a#navProfil:hover {background:transparent url(grafik/navigation/profil-aktiv.png);width:34px;}
#menu a#navPhilosophie:hover {background:transparent url(grafik/navigation/philosophie-aktiv.png);width:75px;}
#menu a#navProjekte:hover {background:transparent url(grafik/navigation/projekte-aktiv.png);width:54px;}
#menu a#navSachverstaendige:hover {background:transparent url(grafik/navigation/sachverstaendige-aktiv.png);}
#menu a#navImpressum:hover {background:transparent url(grafik/navigation/impressum-aktiv.png);width:69px;}

#menu a#navHome.aktiv {background:transparent url(grafik/navigation/home-aktiv.png);width:37px;}
#menu a#navProfil.aktiv {background:transparent url(grafik/navigation/profil-aktiv.png);width:34px;}
#menu a#navPhilosophie.aktiv {background:transparent url(grafik/navigation/philosophie-aktiv.png);width:75px;}
#menu a#navProjekte.aktiv {background:transparent url(grafik/navigation/projekte-aktiv.png);width:54px;}
#menu a#navSachverstaendige.aktiv {background:transparent url(grafik/navigation/sachverstaendige-aktiv.png);}
#menu a#navImpressum.aktiv {background:transparent url(grafik/navigation/impressum-aktiv.png);width:69px;}

#menu2 {
	visibility:hidden;
	position:absolute;
	top:69px;
	margin-left:427px;
	height:22px;
	width: 367px;
	display:block;
}


/* INHALT */

#inhalt_top {
	height:20px;
}

#inhalt {
	margin-left:17px;
	padding-top:0;
	padding-left:0px;
	padding-bottom:20px;
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	line-height:16px;
	letter-spacing:1px;
}

#inhalt.profil {
	top: 111px;
	position:absolute;
	width:390px;
}

#inhalt.profil td {
	padding-left:2px;
}

#inhalt.profil p {
	padding-left:2px;
}

#inhalt h1 {
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; /* Schriftgröße */
	font-weight: bold;
	letter-spacing:0px;
}

#inhalt h2 {
	margin:0px;
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	font-weight: bold;
	letter-spacing:0px;
}

#inhalt p {
	margin-top:0px;
	margin-bottom:10px;
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	line-height:16px;
	letter-spacing:1px;
	text-align: justify;
}

#inhalt p.letzter {
	margin-top:0px;
	margin-bottom:0px;
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	line-height:16px;
	letter-spacing:1px;
}

#inhalt p.oben {
	margin-top:16px;
	margin-bottom:10px;
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	line-height:16px;
	letter-spacing:1px;
}

#inhalt img.abstand {
	margin-top:16px;
	margin-bottom:10px;
}

#inhalt img.abstandunten {
	margin-top:0px;
	margin-bottom:10px;
}

#inhalt img.abstandoben {
	margin-top:16px;
	margin-bottom:0px;
}

#teamprivat {
	margin-left:17px;
	width:800px;
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	line-height:16px;
	letter-spacing:1px;
}

.galeriecontainer {
	width:820px;
	margin-top:15px;
}

.galeriebild {
	float:left;
	margin-right:19px;
	margin-bottom:20px;
	padding:0px;
}

/* SCHRIFT-FORMATIERUNG */

#inhalt a { text-decoration: none; outline: none; letter-spacing:1px; } /* Unterstreichung entfernen */
#inhalt a:link { color: #682020; }
#inhalt a:visited { color: #682020; }
#inhalt a:hover, a:focus { text-decoration: underline; }
#inhalt a:active { color: white; background-color: #9A0200; }

#picturehome a { text-decoration: none; outline: none; letter-spacing:1px; } /* Unterstreichung entfernen */
#picturehome a:link { color: #EEEFEE; }
#picturehome a:visited { color: #EEEFEE; }
#picturehome a:hover, a:focus { text-decoration: underline; }
#picturehome a:active { color: white; background-color: #682020; }

a { text-decoration:none; outline: none; letter-spacing:1px; } /* Unterstreichung entfernen */
a:link { color: #682020; }
a:visited { color: #682020; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: #682020; background-color: #682020; }

#inhalt p.fliesstext {
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	font-weight:normal;
	line-height:16px;
	letter-spacing:1px;
}

.fliesstext3 {
	color:#fff; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	font-weight:normal;
	line-height:16px;
	letter-spacing:0px;
	padding-left:2px;
}

.fliesstext3 a, .fliesstext3 a:link, .fliesstext3 a:hover, .fliesstext3 a:active, .fliesstext3 a:visited {
	text-decoration:none;
	color:#fff;
	}

.fliesstext2 {
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	font-weight:normal;
	line-height:16px;
	letter-spacing:1px;
}

.schriftrot {
	color:#682020; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	font-weight:bold;
	line-height:16px;
	letter-spacing:1px;
}

.bold {
	color:#5B5A5D; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	font-weight:bold;
	line-height:16px;
	letter-spacing:1px;
}

.hellbold {
	color:#EEEFEE; /* Schriftfarbe */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; /* Schriftgröße */
	font-weight:bold;
	line-height:16px;
	letter-spacing:1px;
}

ul {
	padding-left:20px;
}

#inhalt p.wref {
	margin-bottom:5px;
	text-align:left;
	}

.clearer {
	clear:both;
	}