h1
{font-size:45px; color:#111111; font-weight:900; text-align: center; margin: 0px 0px 0px 0px; padding: 30px 0px 40px 0px; font-family:khfont, Comic Sans MS, sans-serif;  line-height: 50px; text-shadow: 2px 2px 3px #999999;}
h2
{font-size:20px; color:#111111; font-weight:600; text-align: center; margin: 12px 0 10px 0; padding: 0 0 0 0; font-family:khfont, Comic Sans MS, sans-serif;  line-height: 20px;}
h3
{font-size:18px; color:#111111; font-weight:600; text-align: center; margin: 0 0 0 0; padding: 0 0 0 0; font-family:khfont, Comic Sans MS, sans-serif;  line-height: 18px;}
h4
{font-size:14px; color:#111111; font-weight:300; text-align: center; margin: 5px 0 0 0; padding: 0 0 0 0; font-family:khfont, Comic Sans MS, sans-serif;  line-height: 14px;}
h5 
{font-size:30px; color:#111111; font-weight:600; text-align: center; margin: 12px 0 20px 0; padding: 0 0 0 0; font-family:khfont, Comic Sans MS, sans-serif;  line-height: 20px;}



.cc_message {color: #fff!important;}

/*-------------------------Links----------------------*/
a:link, a:visited, a:active
{
 text-decoration: none;
 font-weight: bold;
 color: #222222;
 border: 0px;
 outline: none;
 font-size:16px;
 font-family:khfont, Comic Sans MS, sans-serif;
 font-weight:300;
}

a:hover, a:focus
{
 text-decoration: underline;
 color: #222222;
 border:0px;
 outline: none;
 font-size:16px;
 font-family:khfont, Comic Sans MS, sans-serif;
 font-weight:300;
}

button:focus
{
 border:0px;
 outline: none;
}


/*----------------------Body----------------------------*/
html, body {
height: 100%;
width: 100%;
}

body
{
  text-align: center;
  margin: auto;
  margin-top: 0px;
  font-family: khfont, Comic Sans MS, sans-serif;
  font-size: 12px;
  text-align: left;
  font-weight:300;
  color: #222222;
  background: #84a5ce;
}


#clear { position: relative; clear: both;}
.clear { position: relative; clear: both;}
.center {text-align: center;}
.float {float:left; margin-right:5px; margin-left:5px;}

p {text-align: center; font-weight:300; font-size: 16px;}

.oben { vertical-align:top; }

/*----------------------Wrapper----------------------------*/

#wrapper
{
 position: relative;
 top: 0px;
 margin: 0 auto 0 auto;
 padding: 0px;
 width: 100%;
 min-height: 100%; 
 overflow: hidden;
 z-index: 1;

}
* html #wrapper {
height: 100%;
}


/*-------------------------Navigation----------------------*/
#navi
{
	position: relative;
	margin: 20px auto 20px auto;
	padding: 0px;
	z-index: 350;
	width: 750px;
}

#logo 
{
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	z-index: 350;
	width: 750px;
}

#navigation
{
	float: left;
	position: relative;
}

#suche
{
	float: left;
	position: relative;
	margin: 0px 0px 0px 15px;
 	padding: 0px;
 	width: 165px;
 	height: 20px;
 	z-index: 99;
 	text-align: right;
}

.navi
{
	margin-right:5px;
}

/*-------------------------Content----------------------*/
#content
{
 position: relative;
 margin: 0px auto 70px auto;
 padding: 0px;
 text-align: center;
 width: 728px;
 z-index: 1000;
 font-weight:100;
}

#iphonecontent
{
 position: relative;
 margin: 10px auto 40px auto;
 padding: 0px;
 text-align: justify;
 width: 728px;
 height: 401px;
 z-index: 10; 
 font-weight:100;
 background-image: url("../images/style/iphoneback3.png");
 background-position: center top;
 background-repeat: no-repeat;
}

#bild
{
position: relative;
margin:	35px 0px 0px 131px;
top: 40px;
width: 464px;
height:	294px;
overflow: hidden;
color: #ff0000;
}

/*------------Archiv---------------*/

#thumbsplatz
{
 position: relative;
 text-align: center;
 width: 728px;
 margin: 0px auto 0px auto;
 padding: 0px;
 overflow: visible;
}

#thumbs
{
 position: relative;
 text-align: center;
 width: 150px;
 height: 140px;
 margin: 0px 15px 0px 15px;
 padding: 0px;
 float: left;
 overflow: visible;
}

.thumbbild
{
	border: 2px solid #5d4d32; 
	-moz-border-radius:8px; 
	-khtml-border-radius:8px;
}

 
.text
{
 position: relative;
 text-align: center;
 width: 600px;
 margin: 0 auto 0 auto;
 overflow: visible;
}


/*----------------------Footer----------------------------*/
#footer
{
 position: relative;
 bottom: 0px; 
 margin: 10px auto 10px auto;
 width: 728px;
 
 z-index: 20;
 font-size: 12px;
 overflow: visible;

}

.icons
{
	position:relative;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	width: 160px;
	height: 160px;
	float: left;
	text-align: center;
	vertical-align:middle;
	
 	overflow: hidden;
}

#footer-text
{
 border-top: 1px solid #666666;	
 position: relative;
 margin: 0px auto 10px auto;
 width: 728px;
 color: #333333;
 font-size: 12px;
}




#pfeile
{
position: absolute;
padding: 0px;
width: 464px;
height: 30px;
z-index:999;
bottom: 0px;
background-image: url('../images/style/blacktrans.png');
}

.pfeil-links
{
position: absolute;
top: 3px;
left: 10px;
width: 40px;
text-align: left;
}

.pfeil-rechts
{
position: absolute;
top: 3px;
right: 10px;
width: 40px;
text-align: right;
}

.titel-mitte
{
position: absolute;
top: 7px;
right: 55px;
width: 360px;
text-align: center;
height: 20px;
font-size: 18px;
}

#text
{
 width: 500px;	
 margin: 0 auto 0 auto;
 text-align: center; 
 padding: 20px; 
}







/*--------------SLIDER----------------------*/


#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0px auto 0px auto;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:100px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:0px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:800px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

/*-------------------------Kommentare----------------------*/

.kommentar-text
{
width:500px; 
margin: 0 auto 0 auto;
padding: 20px;
}

/*-------------------------Rechte Seite----------------------*/

#kalender
{
 position: relative;
 margin: 0px 0px 0px -3px;
 width: 206px;
 height: 268px;
 z-index: 99;	
 background-image: url("../images/style/site/kalender.jpg");
 background-repeat: no-repeat;
}

#topnews
{
 position: relative;
 margin: 0px 0px 0px -3px;
 width: 206px;
 height: 422px;
 z-index: 99;
 background-image: url("../images/style/site/topnews.jpg");
 background-repeat: no-repeat;
}

.topnews
{
 position: relative;
 margin: 0px 0px 0px 20px;
 padding: 0px 0px 0px 0px;
 width: 180px;
 height: 400px;
 z-index: 105;
 text-align: center;
 overflow: hidden;
}

#social
{
	position:relative;
	width: 180px;
	height: 80px;
	z-index: 99;
	margin: 20px auto 20px auto;
	padding: 0;
	text-align: center;
}

#khw
{
	position:relative;
	width: 202px;
	height: 202px;
	z-index: 99;
	margin: 0px auto 0px auto;
	padding: 0;
}