body, div, img, ul, li{
	padding:0;
	margin:0;
}

body{
	color:#999;
	background-color:#fff;
	font-family: "Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:100.1%;
	text-align:center;
}

h1{
	margin-top: 2em;
	font-size:0.9em;
}
h2{
	color:#666;
}
p{
margin-top:0;
padding-top:0.3em;
}
a{
	text-decoration: none;
}
a:link, a:visited{
	color: #333;
}
a:hover, a:active{
	color:#999;
}
a img{
	border:none;
}
ul{
	list-style-type: circle;
	list-style-position: inside;
}
li{
	padding:0.3em 0;
}
ul.links{
	list-style-type: none;
}
/* Formular */
form{
   text-align:right;
}
input, textarea, select{
	float:right;
	border: 1px solid #e0e0e0;
	width:16em;
	margin-bottom: 0.5em;
}

label.links{
	float:left;
	text-align:right;
	width:5em;
	margin-right: 0.4em;
	margin-top: 0.3em;
}
label.unsichtbar{
	display: none;
}
.kastenbutton{ 
	color:#000;
	border:none;
	width:7em;
	background-color: #fff;
	border:1px solid #e0e0e0;
}

form br {
 clear: both;
}

/* umfassende Breite beim Kopf, beim Inhalt und beim Fuss */
#container{
margin:3em auto 0 auto;
	width: 1080px;
	background-image: url(../bilder/Logo-SandraGranek_2.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/* ################### KOPF ############# */
#kopf{
	width:660px;
	margin:2em auto 0.4em auto;
	text-align:left;
	font-size:0.7em;
}
#kopf span{
	margin-left: 1.6em;
}
/* Navigation ist als Liste gemacht */
#navigation{
	float:right;
	text-align:left;
	width: 150px;
		font-size:0.8em;
		margin-left:2em;
		color:#666;
}
#navigation ul{	
	margin:0 0 0.8em 0;
	padding:0;
	list-style-type: none;
	list-style-position: outside;
}
#navigation li{
	padding:0.2em 0;
}
 #navigation ul li.fotografie{
 	padding-left:1.6em;
	color:#000;
 }
#navigation ul li.fotografie ul{
  		color:#666;
}
#navigation ul a{
	display:block;
	text-decoration: none;
	padding:0 0 0 1.6em;
	margin:0;
}
#navigation ul a:link, #navigation ul a:visited{
	color:#000;
}
#navigation ul a:hover, #navigation ul a:active{
	color:#999;
}

/* Das Bild, das angezeigt wird, wird auf jeder Seite als Hintergrundbild geladen 
Standard ist die Anzeige oben links beginnend, nicht wiederholend
einzelnes Bild und evtl. andere Anzeige (unten rechts z.B.) auf jeder HTML - Seite zuweisen!
*/
#inhalt{
	float: right;
	width: 700px;
	height: 460px;
	margin: 0;
	color:#000;
	background-image: none;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #fff;
	border: 1px solid #000;
	font-size:0.8em;
}

.inhaltkopfLi{
	float:left;
	text-align:left;
	padding:1em 0 0 0;
	width:300px;
	font-size:1.4em;
}
.inhaltkopfLi a{ 
	font-size:0.6em;
	padding:1em;

}
/* Aufteilungen im Inhaltsbereich:*/
.inhaltscroll{
	height: 340px;
	width: 530px;
	margin-top:5em;
	padding: 0 1em 0 0;
	margin: 5em 4em 0 5em;
	overflow: auto;
	text-align: left;
}

.inhaltMitteLi{
	float:left;
	text-align:left;
	padding:5em 0 0 5em;
	width:280px;
}
.inhaltMitteRe{
	float:right;
	text-align:left;
	padding:5em 5em 0 0;
	width:260px;
}
.inhaltfussLi{
	float:left;
	text-align:left;
	padding:390px 0 0 0;
	width:300px;
	font-size:3em;
} 
.inhaltfussLi a{
	color:#000;
	font-size:0.3em;
	margin:1em;
}
.inhaltfussLi .aktuell{
	margin-left:1em;
}

.inhaltfussRe{
	float:right;
	text-align:right;
	padding:390px 0 0 0;
	width:300px;
	font-size:3em;
}
.inhaltfussRe a{
	color:#000;
	font-size:0.4em;
	margin: 1em;
}
.inhaltfussRe .aktuell{
	margin-right: 0.4em;
}

/* ######## FUSS ######## */

#fuss{
	width:660px;
	margin:0.4em auto 0 auto;
	text-align:left;
		font-size:0.7em;
}

/* ############# SONSTIGES ############ */
.umbruch{	
	clear: both;
	height:1px;
	overflow: hidden;
}
.abstandO{
	margin-top:1.2em;
}