/*************************************************************/
/*               CSS-Datei für die Website von               */
/*                     Kristiane Seeger                      */
/*************************************************************/ 

body, html, #navigation, #container, #inhalt {
    margin: 0;
    padding:0;
}
/*************************************************************/
/*          Angaben für body und container sind für          */
/*             die Zentrierung verantwortlich                */
/*************************************************************/ 
body {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #F8F2D1;
	line-height: normal;
	font-size: 100.01%;
	text-align: center;
}
#container {
	width: 50em;
	text-align: left;
	margin: 10px auto;
	padding: 15px 0px;
	border: 1px solid #CAB486;
	background-image: url(images/hintergrund_verlauf.gif);
	background-repeat: repeat-x;
	background-position: left top;
	min-height: 100%;
	background-color: #f4ebb4;
	clear: both;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
* html #container {
	height: 100%
}

/*************************************************************/
/*           Angaben für den Kopfbereich mit Logo            */
/*              Header wird über <h1> gestaltet              */
/*************************************************************/
h1 {
	margin: 0px auto;
	padding: 0.2em 1em 0.2em 0;
	text-align: left;
	border-top: 6px solid #BC9F65;
	border-bottom: 6px solid #BC9F65;
	background-image: url(images/header_5.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.unsichtbar {
	display: none;
}
/*************************************************************/
/*            Angaben für die Navigationsleiste              */
/*************************************************************/             
/*           allgemeine Angaben Navigationsleiste            */
#navi {
	float: left;
	width: 13em;
	font-size: 80%;
	padding: 2em 0.5em 0.5em;
	margin: 0.5em auto;
	clear: both;
}
/*             Angaben Haupt-Navigationsleiste              */
#navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*              Angaben Sub-Navigationsleiste               */
#navi ul ul{
	margin: 0 0 0 0;
	padding: 1px 0 0 14px;
}
#navi li {
    margin: 0 0 2px 0;
}
#navi li a:link, #navi li a:visited {
    display: block;
    text-decoration: none;
	font-weight: normal;
	padding: 5px 5px 5px 0.2em;
	border-left: 10px solid #CAB486;
	border-bottom: 1px solid #CAB486;
    /*background-color: #D2C09B;*/
	color: #000000;
	-moz-border-radius-bottomleft: 5px;
}
#navi li a:focus, #navi li a:hover, #navi li a:active {
    border-left: 10px solid #a6894b;
	border-bottom: 1px solid #a6894b;
    background-color: #CAB486;
    color: #000000;
	-moz-border-radius-bottomleft: 5px;
}
/*      Angaben zu Links in der Sub-Navigationsleiste       */
#navi li ul a:link, #navi li ul a:visited {
   	text-decoration: none;
    font-weight: normal;
    padding: 5px 5px 5px 0.2em;
    border-left: 10px solid #CAB486;
	border-bottom: 1px solid #CAB486;
	/*background-color: #D2C09B;*/
	color: #000000;
	-moz-border-radius-bottomleft: 5px;	
}
#navi ul li a:focus, #navi li ul a:hover, #navi li ul a:active {
	border-left: 10px solid #a6894b;
	background-color: #CAB486;
	color: #000000;
	-moz-border-radius-bottomleft: 5px;
}
/* Angaben zu Links, auf deren Seite man sich gerade befindet */
strong {
	display: block;
	background-color: #CAB486;
	font-weight: bold;
	margin: 0px;
	padding: 6px;
	font-size: 99%;	
	border-bottom: 1px solid #a6894b;
	border-left: 10px solid #a6894b;
	-moz-border-radius-bottomleft: 5px;
}
/*************************************************************/
/*              Angaben für den Inhaltsbereich               */
/*************************************************************/
#inhalt {
	float: none;
	color: #666666;
	font-size: 90%;
	margin-left: 12em;
	text-align: justify;
	margin-right: 0em;
	padding: 1em;
}
p {
    margin: 1em 0 0;
	text-indent: 2em;
}
.ne {
	text-indent: 0em;
}
h2 {
	letter-spacing: 0.2em;
	margin: 0 25px;
	padding:22px 0;
	font-size: 1.3em;
}
#inhalt a:link, #inhalt a:visited {
	color: #666666;
	text-decoration: underline;
	font-style: oblique;
	}
#inhalt a:hover {
	text-decoration: underline;
	color: #000000;
	}
/*************************************************************/
/*               Angaben für #Seiteninfo unten               */
/*             Aussehen und Verhalten von Links              */
/*************************************************************/ 
#siteInfo{
	width: 71.2em;
	clear: both;
	border: 1px;
	border-style: solid;
	border-color: #CAB486;
	font-size: 70%;
	color: #999999;
	padding: 4px 4px 4px 4px;
	margin: -9px auto;
	text-align: center;
	background-color: #f4ebb4;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
} 
#siteInfo a:link, a:visited, a:hover{
	color: #666666;
	text-decoration: none;
	font-style: normal;
}
#siteInfo a:hover{                                                                                                    
	text-decoration: underline;
	color: #666666;
}
#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}