/* ##### temporary styles ##### */
/*
    img {border: 1px dotted blue;}
    ul {border: 1px solid yellow;}
    li {border: 1px dotted #990000;}
    div {border: 1px solid red;}
    border: 1px solid white;
    */

/* ##### all relevant pages ##### */

body {
	margin: 0;
	padding: 0;
	background-color: #515151;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*	font-size: 62.5%;	*/
	font-size: 10px;
	color: #CCCCCC;
}

p, li {
	font: 130% Verdana, Ariel, Helvetica, sans-serif;
}

img {
	margin: 0;
	padding: 0;
	border: 0 none transparent;
}

h4 {	
	font: bold 130% Verdana, Ariel, Helvetica, sans-serif;
	color: #CCCCCC;
	letter-spacing: 0.1em;
	margin: 0 0 0.75em 0;
}

h5 {
	font: bold 120% Verdana, Ariel, Helvetica, sans-serif;
	color: #CCCCCC;
	letter-spacing: 0.1em;
	margin: 0 0 0.75em 0;
}

a:link, a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

a:hover {
	color: #FF6633;
	text-decoration: none;
}

a.static:link, a.static:visited {
	color: #CC6666;
	text-decoration: none;
}

a.static:hover {
	color: #FF6633;
	text-decoration: none;
}

a.intern:link, a.intern:visited {
	color: #A0A0A0;
	text-decoration: none;
}

a.intern:hover {
	/*color: #CC6666;*/
	color: #FF6633;
	text-decoration: none;
}

a.extern:link, a.extern:visited {
	color: #A0A0A0;
	text-decoration: none;
}

a.extern:hover {
	color: #FF3333;
	text-decoration: none;
}

/* ##### wrapper on all pages - except startpage ##### */
#wrapper {
	background-color: #515151;
	width: 709px;
	margin: 50px auto 0;
}

/* ##### navigation on all pages ebene I ##### */
#navigation {
	background-color: #515151;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #666666; 
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 1em 0 0.66em 0;
}

#navigation li {
	display: inline;
	font: 130% Verdana, Ariel, Helvetica, sans-serif;
	color: #CC6666;
	margin: 0;
	padding: 0 0.33em;
}

#navigation li.links {
	padding: 0 0.33em 0 0;
}


/* ##### id "banner" on all pages ##### */
#banner {
	width: 709px;
	height: 113px;
	margin: 0;
	padding: 0;
}

/* ##### id "footer" on all relevant pages ##### */
#footer {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 3em 200px;
 	padding-bottom: 3em;
 	background-color: #515151;
 	border-top: 1px solid #666666;
}

#copyright {
	display: inline;
	position: absolute;
 	top: 0;
 	left: 0;
 	margin: 0;
 	padding-top: 1em;
 	color: #808080;
}
 
#js-datum {
 	display: inline;
 	position: absolute;
 	top: 0;
 	right: 0;
 	margin: 0;
 	padding-top: 1em;
 	color: #808080;
}
 
 
/* ########################################################### */
/* ####################### single pages ###################### */

/* ##### page aktuelles.html ##### */
#content-aktuelles {
	margin: 3em 0 0 200px;
}

#content-aktuelles ul {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #666666;
}

#content-aktuelles ul.noborder {
	margin: 0 0 1em 0;
	border-bottom: 0;
}

#content-aktuelles li {
	font: 130%/150% Verdana, Ariel, Helvetica, sans-serif;
	margin: 0 0 0.25em 0;
	padding: 0;
}

/* ##### page ausstellungen.html #####*/
#content-ausstellungen {
	margin: 3em 0 2em 200px;
}

#content-ausstellungen ul{
	list-style: none;
	margin: 0 0 1.75em 0;
	padding: 0;
}

#content-ausstellungen li {
	font: 130%/150% Verdana, Ariel, Helvetica, sans-serif;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#content-ausstellungen li.border {
	padding: 0 0 0.75em 0;
	border-bottom: 1px solid #666666;
}

/* ##### page biografie.html ##### */
#content-biografie {
	margin: 3em 0 2em 200px;
}

#content-biografie p {
	font: 130%/150% Verdana, Ariel, Helvetica, sans-serif;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#content-biografie ul {
	list-style: none;
	margin: 1em 0 1.5em 0;
	padding: 0 0 0.75em 0;
	border-bottom: 1px solid #666666;
}

#content-biografie li {
	font: 130%/150% Verdana, Ariel, Helvetica, sans-serif;
	margin: 0 0 0.25em 0;
	padding: 0;
}

/* ##### page impressum.html ##### */
#content-impressum {
	margin: 3em 0 0 200px;
}

#impressum {
 	margin: 0 0 1.5em 0;
 	padding: 0;
 	border-bottom: 1px solid #666666;
}
 
#impressum p {
    color: #CCCCCC;
    font: 130%/150% Verdana, Ariel, Helvetica, sans-serif;
	margin: 0.75em 0;
}

#content-impressum ul {
	list-style: none;
	margin: 1em 0 2em 0;
	padding: 0;
}

#content-impressum li {
	font: 130%/150% Verdana, Ariel, Helvetica, sans-serif;
	margin: 0 0 0.33em 0;
	padding: 0;
}


/* ##### page index.html ##### */
#wrapper-startpage {
	background-color: #515151;
	width: 709px;
	margin: 100px auto 0;
}

#content-startpage {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 567px;
	background-color: #333333;
}

#signature {
	position: absolute;
	top: 100px;
	left: 50px;
	margin: 0;
	padding: 0;
	z-index: 3;
}

#typo-start {
	position: absolute;
	bottom: 55px;
	right: 45px;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#typo-start ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#typo-start li {
	font: 130% Verdana, Ariel, Helvetica, sans-serif;
	color: #CCCCCC;
	letter-spacing: 0.1em;
	padding-bottom: 0.75em;
}

#startpict {
	width: 125px ;
	/*margin: 0 0 0 298px;*/
	margin: 0 auto ;
	padding: 0;
	z-index: 1;
}

/* ##### page werkgruppen.html ##### */
#content-wg {
	margin: 3em 0 0.75em 200px;
}

#content-wg ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#content-wg li {
	font: 130% Verdana, Ariel, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 1em;
}

#content-wg li.last {
	padding: 1em 0;
}

#content-wg li b {
	letter-spacing: 0.1em;
}

/* ######################################## */
/* ##### pages werkgruppen - ebene II ##### */
#reiter {
	position: relative;
	top: 0;
	left: 0;
	width: 709px;
	border-bottom: 1px solid #666666;
	background-color: #515151;
}

/* ##### werkgruppen - ebene II - reiter-links ##### */
#reiter ul {
	width: 630px;
	margin: 0 0 0.66em 0;
	padding: 0;
}

#reiter ul li.first {
	display: inline;
	margin: 0 1.5em 0 0;
	padding: 0;
	font: 140% Verdana, Ariel, Helvetica, sans-serif;
	/*letter-spacing: 0.1em;*/
}

#reiter ul li.second {
	display: inline;
	margin: 0 1em 0 0;
	padding: 0;
	font: 130% Verdana, Ariel, Helvetica, sans-serif;
	color: #CCCCCC;
	/*letter-spacing: 0.1em;*/
}

#reiter ul li.third {
	display: inline;
	margin: 0;
	padding: 0;
	font: 120% Verdana, Ariel, Helvetica, sans-serif;
	color: #CCCCCC;
	/*letter-spacing: 0.1em;*/
}

/* ##### werkgruppen - ebene II - reiter-rechts [nav-elements] ##### */
#nav-elements {
	position: absolute;
	top: 0;
	right: 0;
	margin: -0.5em 0 0 0;
	padding: 0;
}

/* ##### werkgruppen - ebene II - content ##### */
/* container for nested floated elements !!! */
#content-wg-II {
	width: 709px;
	margin: 3.5em 0 0;
}

#content-wg-II p {
	margin: 0 0 0.5em 0;
	padding: 0;
}

/* ##### page wg-schlaf.html ##### */
#typo-schlaf-top {
	margin: 0 0 3.5em;
	padding: 0;
	/*text-align: justify;*/
}

#pict-schlaf {
	margin: 0;
	padding: 0;
}

/* ##### page wg-amis.html ##### */
#pict-amis {
	padding: 0;
	margin: 4px 60px 20px 0;
	width: 321px;
	float: left;
	
}

#typo-amis {
	margin: 0;
	padding: 0;
}

/* ##### page wg-buch.html ##### */
#pict-buch {
	margin: 4px 60px 20px 0;
	padding: 0;
	width: 379px;
	float: left;
}

#typo-buch {
	margin: 0;
	padding: 0;
}

/* ##### page wg-denkmal.html ##### */
#pict-denkmal {
	margin: 4px 60px 20px 0;
	padding: 0;
	width: 421px;
	float: left;
}

#typo-denkmal {
	margin: 0;
	padding: 0;
}

/* ##### page wg-frieden.html ##### */
#typo-frieden-top {
	margin: 0 0 3.5em;
	padding: 0;
	/*text-align: justify;*/
}

#pict-frieden {
	margin: 0;
	padding: 0;
}

/* ##### page wg-homo.html ##### */
#pict-homo {
	margin: 4px 60px 20px 0;
	padding: 0;
	width: 330px;
	float: left;
}

#typo-homo {
	margin: 0;
	padding: 0;
}

/* ##### page wg-netzwerk.html ##### */
#pict-netzwerk {
	margin: 4px 70px 20px 0;
	padding: 0;
	width: 288px;
	float: left;
}

#typo-netzwerk {
	margin: 0;
	padding: 0;
}

/* ##### page wg-civitas.html ##### */
#pict-civitas {
	margin: 4px 60px 20px 0;
	padding: 0;
	width: 319px;
	float: left;
}

#typo-civitas {
	margin: 0;
	padding: 0;
}

/* ##### page wg-hommage.html ##### */
#typo-hommage-top {
	margin: 0 0 3.5em;
	padding: 0;
	/*text-align: justify;*/
}

#pict-hommage {
	margin: 0;
	padding: 0;
}

/* ##### page wg-echo.html ##### */
#typo-echo-top {
	margin: 0 0 3.5em;
	padding: 0;
	/*text-align: justify;*/
}


#pict-echo {
	margin: 0;
	padding: 0;
}