@charset "utf-8";

body {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 11px;
 line-height : 15px;
 font-weight : normal;
}

h1 {
 font-size : 15px;
 text-align : center;
 color: white;
}

h2 {
 font-size : 15px;
 text-align : right;
 color:white;
 //font-family: 'Reenie Beanie', serif;

}


#page{
 position : absolute;
 left : 50%;
 width : 870px;
 margin-top : 0;
 margin-left : -400px;
 float : left;
 display : block;
 padding : 0px;
 padding-bottom : 0px;
 background-color: white;
}

#oben{
 width : 870px;
 float : left;
 display : block;
}

	#twitter{
 width : 500px;
 height: 50px;
 display : block;
 float : left;
 color: white;
 background-image: url("../twitter.png");
 margin-left: 30px;
 margin-right: 30px;
 margin-top: 40px;
 margin-bottom: 0px;
 padding: 20px;
}

	#important{
 width : 220px;
 height: 80px;
 display : block;
 padding:25px;
 float : left;
 background-image: url("../important.png");
 color:white;
 //background-color: #63a952;
}

#mitte{
 width : 870px;
 float : left;
 display : block;
 //background-color: #63a952;
 background-image : url("../mitte.png");
}

#mitte-oben{
 width : 870px;
 float : left;
 display : block;
 height: 20px;
 background-image : url("../mitte-oben.png");
}

#mitte-zwischen{
 width : 870px;
 float : left;
 display : block;
 height: 40px;
 background-image : url("../mitte-zwischen.png");
}

#mitte-zwischen-left{
 width : 580px;
 float : left;
 display : block;
 height: 20px;
 }

	#inhalt{
 display : block;
 float : left;
 width : 620px; 
 //background-image: url("../inhalt.png");
}

		#bilder{
 display : block;
 float : left;
 padding: 6px;
 margin-left: 25px;
 margin-bottom: 10px;
 border: 1px solid white;
 width: 570px;
}


#navi{
 display : block;
 float : left;
 width : 240px;
 margin-left: 10px;
 padding-top: 10px;
 padding-bottom:10px;
}

#navigation-oben{
 display : block;
 float : left;
 background-image: url("../navigation-oben.png");
 width: 240px;
 height: 20px;
}

	#navigation{
 display : block;
 float : left;
 width : 240px;
 background-image: url("../navigation-lang.png");
// margin-left: 10px;
// padding-top: 10px;
// padding-bottom:10px;
}

#navigation-unten{
 display : block;
 float : left;
 background-image: url("../navigation-unten.png");
 width: 240px;
 height: 20px;
}

#navigation a{
	font-size: 10px;
	text-decoration: none;
}

#navigation ul {

	width: 130px;
	display:block;
	margin-bottom: 20px;
}

#navigation ul li{
	display:block;
	list-style-type: none;
	border-bottom: 1px dashed white;
	text-align: right;
	font-size: 11px;
	line-height: 20px;
	margin: 0px;
}

#navigation ul li a {
	display:block;
	font-weight: normal;
	text-decoration: none;
	color: white;
	border: none;
}

#navigation ul li a:focus,
#navigation ul li a:hover,
#navigation ul li a:active  {
	color: white;
	text-decoration: none;
	background-color: gray;
}

#unten{
 width : 870px;
 height: 20px;
 float : left;
 display : block;
 background-image: url("../unten.png");
}

#footer{
 width : 870px;
 display : block;
 float : left;
}

a {
 border: none;
}

a img {
 margin: 5px;
 padding: 0px;
 border: 1px white;
}

.element {
 display: block;
 width: 120px;
 height: 120px;
 border: 1px white;
 text-align: center;
 vertical-align: middle;
 margin: 5px;
 padding: 5px;
 background-color: white;
 float: left;
}