@charset 'utf-8';
@import url(reset.css);  /* Neutrales CSS fŸr alle Browser */
@import url(raster.css); /* Grundstruktur des Layouts */

/* ----------------------------------------------------- Page layout */

/* Farbcodes:
*  Orange              #EF4E23
*  helles orange       #F7A691
*  blasses orage       #FAD5CC
*  Header-Grau rechts  #A4A9AE
*  Zitat               #878E94
*  Text                #636467
*/


/* Allgemeines */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
@font-face {
	font-family: "Hausschrift";
	src: url("fonts/hausschrift.ttf");
}
body {
	font-family: "Hausschrift", "Gill Alt One MT Light", "Gill MT Light", "Gill Sans Light", Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #636467;
	background: #aaa url(img/bg_schatten.jpg) top center repeat-y;
}

img { border: 0 none; vertical-align: bottom;}


/* Navigation */

#kopf_1 ul#hauptnavi {
	width: 300px;
	margin: 6px 0 0 0;
	float: left;
}
#kopf_1 ul#hauptnavi li {
	display: block;
	float: left;
	width: 105px;
	padding: 0;
	margin: 0 0 2px 6px;
}
#kopf_1 ul#hauptnavi a {
	display: block;
	padding: 0 5px 0 15px;
}
#kopf_1 ul#hauptnavi a:hover {
	background: url(img/nav_kreis.png) top left no-repeat;
}


#kopf_2 ul#unternavi {
	float: left;
	margin: 30px 0 0 0;
}
#kopf_2 ul#unternavi li { padding: 0 0 7px 0px; }

#kopf_2 ul#unternavi li.subnav_level_1 { margin-left: 90px; }
#kopf_2 ul#unternavi li.subnav_level_2 { margin-left: 95px; }
#kopf_2 ul#unternavi li.subnav_level_3 { margin-left: 88px; }
#kopf_2 ul#unternavi li.subnav_level_4 { margin-left: 75px; }
#kopf_2 ul#unternavi li.subnav_level_5 { margin-left: 50px; }

#kopf_2 ul#unternavi a {
	display: block;
	padding: 0 0 0 10px;
}
#kopf_2 ul#unternavi a:hover {
	background: url(img/kreis_grau.png) top left no-repeat;
}

/* Kopfbereich */

#kopf_1 p { /* Text oben rechts */
	text-align:right;
}

#kopf_2 #zitat { /* Zitatbereich */
	text-align:right;
	float:right;
	padding: 1em 0;
}

#kopf_2 #zitat p{  /* Zitattext */
	font-size: 2em;
	line-height: 1.2em;
	color: #878E94;
	font-style: italic;
	font-weight: bold;
	padding: 4em 0 0 0;
	margin: 0 11px 0 0;
}

#kopf_2 #zitat p.quelle {  /* Zitat-Quelle */
		font-size: 1.5em;
 		padding: 0;
	}

#kopf_2 #zitat img { /* Zitatbereich */
	margin: 5em 14px 0 0;
	border: 3px #A4A9AE solid; text-decoration:none; 
}

/* Inhaltsbereich */

#inhalt {
	font-size: 1.7em;
	line-height: 1.2em;
	color: #636467;
}
#inhalt p, ul, ol {
	margin: 0 0 1em 0;
}

/* Textelemente */

strong, b { font-weight: bold; }
em, i { font-style: italic; }

a:link, a:visited { color: #EF4E23; text-decoration: underline; }
a:hover, a:active { color: #EF4E23; text-decoration: none; }

h1, h2, h3 {
	font-weight: bold;
	padding: 0;
	margin: 0 0 .8em 0;
}
h1 { font-size: 1.29em; }
h2 { font-size: 1.18em; }
h3 { font-size: 1.07em; }

#inhalt ul { list-style: url(img/kreis_orange.png); padding: 0 0 0 1.5em; }
#inhalt ol li { padding: 0 ; }

#inhalt ol { list-style: decimal; padding: 0 0 0 1.5em; }
#inhalt ol ol { list-style: lower-alpha; padding: 0 0 0 1.5em; }
#inhalt ol li { padding: 0 0 0 .5em; }

table table {
	display:block;
	margin: 0 1em 1em 2em;
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #fff;	
}

table table td {
	padding: .2em .4em .2em .4em;
	font-size: .9em;
	text-align: left;
	border-bottom: 1px solid #878E94;
	border-right: 1px solid #878E94;
}
table table th {
	background: #F7A691;
	color: #fff;
	padding: .2em .4em .2em .4em;
	font-size: .9em;
	font-weight: bold;
	border: 1px solid #fff;
	border-bottom: 2px solid #fff;
}

.td_none {
	border: 0px;
	vertical-align: middle;
	padding: 0.7em 0.7em 0.7em 0.7em
}

.td_bottom {
	border-bottom: 1px solid #fff;
}

.td_right {
	border-right: 1px solid #fff;
}

.td_bottom_right {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.td_noborder {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.td_noborder_enger {
	padding: .1em .2em .1em .2em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.td_noborder_eng {
	padding: .0em .0em .0em .0em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.td_hg {
	background-color: #FAD5CC;
}
/* Code-Block */

h4 { background: #F7A691; padding: .2em .4em; font-weight: bold; }

code {
	display: block;
	margin: 0 0 1em 0;	
	font-family: Courier New, Courier, Monospace;
	font-size: .9em;
	background: #FAD5CC;
	padding: .4em;
}

quote {
	display: block;
	margin: 1em 0em 1em 2em;
}