/*
 * Global
 */
 
html { height: 100%; }
body { height: 100%; }

body {
 	font-family:  Georgia, Times New Roman, Serif;
	font-size: 12px /* = 1em */;
	background-color: #fef9d1;
}

img {
	border: 0px;
}

/* 
 * Structure, Struktur
 */

* { padding: 0; margin: 0; }

#css_container { 
	width: 950px;
	margin: 0 auto;

	min-width: 850px;
	min-height: 100%; 
}

/*
 * Header 
 */
#css_header {
	text-align: center;
	margin: 8px 0px 2px 0px;
}

/*
 * Language 
 */
#css_language {
	color: #787877;
	font-size: 0.9em;
	text-align: center;
	padding-bottom: 2px;
}

	#css_language ul.menu {
		padding-left: 0px;
		
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#css_language ul.menu li {
		display: inline; /* horizontal */
		list-style-type: none; /* without bullet points */
		
		padding-left: 3px;
		padding-right: 3px;
	}
	
	#css_language ul.menu li a {
		color: #787877;
		text-decoration: none;
	}
	#css_language ul.menu li a:hover {
		color: #990000;
	}


/*
 * Navigation Level1
 */
#css_navi_level1 {
	color: #787877;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
#css_navi_level1 ul.menu {
	padding-left: 0px;
	
	margin-top: 8px;
	margin-bottom: 0px;
}
#css_navi_level1 ul.menu li {
	display: inline; /* horizontal */
	list-style-type: none; /* without bullet points */
	
	padding-left: 3px;
	padding-right: 3px;
}

#css_navi_level1 ul.menu li a {
	color: #787877;
	text-decoration: none;
}

#css_navi_level1 ul.menu li a:hover {
	color: #990000;
}

#css_navi_level1 ul.menu li a.css_selected {
	color: #990000;
}


/*
 * Navigation Level 2 
 */
#css_navi_level2 {
	color: #787877;
	font-size: 1.1em;
	text-align: center;
	padding-bottom: 8px;
	border-bottom: 1px solid #cfa292;	
}
#css_navi_level2 ul.menu {
	padding-left: 0px;
	
	margin-top: 4px;
	margin-bottom: 0px;
}

#css_navi_level2 ul.menu li {
	display: inline; /* horizontal */
	list-style-type: none; /* without bullet points */
	
	padding-left: 3px;
	padding-right: 3px;
}

#css_navi_level2 ul.menu li a {
	color: #787877;
	text-decoration: none;
}
#css_navi_level2 ul.menu li a:hover {
	color: #990000;
}
#css_navi_level2 ul.menu li a.css_selected {
	color: #990000;
}


/*
 * Content 
 */
#css_content {
	color: #606060;
	font-size: 1.1em;
	line-height: 1.5em;
	padding-top: 8px;
}

/*
 * 2 spaltiger Contents
 * 50/50, 33/66 and 38/62 (Goldener Schnitt)
 * http://www.yaml.de/de/dokumentation/anwendung/subtemplates.html
 */

/* Container */
.css_column_layout { width: 100%; overflow: hidden;  line-height: 18px; margin-top: 14px; margin-bottom: 12px;}


/* Spaltenlayout */
/*
 * .IE Fix margin-left: 5px siehe: http://www.yaml.de/de/dokumentation/anwendung/subtemplates.html
 */
.css_column_left_33, .css_column_left_38, .css_column_left_50, .css_column_left_62, .css_column_left_66 { float: left; }
.css_column_right_33, .css_column_right_38, .css_column_right_50, .css_column_right_62, .css_column_right_66  { float: right; margin-left: -5px }

.css_column_left_50, .css_column_right_50 { width: 50.0%; }
.css_column_left_33, .css_column_right_33 { width: 33.3%; }
.css_column_left_66, .css_column_right_66 { width: 66.6%; }
.css_column_left_38, .css_column_right_38 { width: 38.2%; }
.css_column_left_62, .css_column_right_62 { width: 61.8%; }

/* Innerer Div für Abstände und Rahmen */
.css_column_left { text-align:justify; padding: 0px 0px 0px 0px; margin: 0px 18px 0px 0px; }
.css_column_left_box { text-align:justify; padding: 4px 8px 4px 8px; margin: 0px 10px 0px 0px; border: 1px solid #BBBBBB; background-color: #F5F5F5;}
.css_column_left_line { text-align:justify; padding: 0px 14px 0px 0px; margin: 0px 0px 0px 0px; border-right: 1px solid #BBBBBB;}

.css_column_mid { text-align: justify; padding: 0px 0px 0px 0px; margin: 0px 9px 0px 9px; }

.css_column_right { text-align:justify; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 18px; }
.css_column_right_box { text-align:justify; padding: 4px 8px 4px 8px; margin: 0px 0px 0px 10px; border: 1px solid #BBBBBB; background-color: #F5F5F5;}
.css_column_right_line { text-align:justify; padding: 0px 0px 0px 14px; margin: 0px 0px 0px 0px; border-left: 1px solid #BBBBBB;}


/*
 * Heading, Überschriften 
 */
h1 {
	font-size: 1.1em;
	margin: 12px 0px 10px 0px;
}
/*
 * http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm
 */
h1:first-child {
	padding: 0px 0px 0px 0px;
}
h2 {
	color: #800000;	
	font-size: 1.0em;
	font-weight: normal;
	padding: 7px 0px 0px 0px;
}

/*
 * Links
 */
a {
	color: #800000;
	text-decoration: none;
}


/* 
 * Paragraph, Absatz 
 */
p {
	line-height: 18px;
	text-align: justify;
	
	padding-top: 4px;
	padding-bottom: 2px;
	margin: 4px 0px 2px 0px;
}

span.css_bordaux {
	color: #800000;
}

#css_content ul {
	list-style-type: square;
	
	padding-top: 4px;
	padding-left: 14px;
	padding-bottom: 2px;

	margin: 4px 0px 2px 0px;
}

img.css_framed {
	 border: 1px solid #800000;
}

/* 
 * Footer
 */
#css_footer {
	color: #787877;
	font-size: 1.0em;
	text-align: center;
	padding-bottom: 8px;
	margin-top: 28px;
	border-top: 1px solid #cfa292;	
}

#css_footer ul.menu {
	padding-left: 0px;
	
	margin-top: 4px;
	margin-bottom: 0px;
}

#css_footer ul.menu li {
	display: inline; /* horizontal */
	list-style-type: none; /* without bullet points */
	
	padding-left: 5px;
	padding-right: 5px;
}

#css_footer ul.menu li a {
	color: #787877;
	text-decoration: none;
}
#css_footer ul.menu li a:hover {
	color: #800000;
}

#css_footer ul.menu li a.css_selected {
	color: #800000;
}