@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
.clear {
	clear:both;
	}
	
.left {
	float:left;
	width:auto;
	}
	
.right {
	float:right;
	width:auto;
	}
	
html {
	min-height:100.5%;
	}



body {
	background:#fffdf5 url(img/hg_voegel-ddidesign.jpg) no-repeat top center;
	font: 62.5%/1.5  Helvetica, Arial, Verdana, sans-serif;
	text-align:center;
	}

#wrapper {
	width:778px;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	}
	
/* Typography 
-------------------------------------------------------------*/

h1 {font-size: 2.0em; font-weight:lighter;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
	
p {font-size: 1.2em;}

ul {list-style: none; font-size: 1.2em;}
li {font-size: 1.0em;}

a {text-decoration:none; color:#000000;}
a:hover img {padding:0;}

.datum {font-size: 0.9em; font-weight:bold;}



/* Header 
-------------------------------------------------------------*/

/*div { border:1px solid #CC0000;}*/

#header {
	width:100%;
	height:200px;
	background-image:url(img/hg_header-webdesign-grafik.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	}
	
#logo {
	width:118px;
	padding-left:128px;	
	}

#meta {
	width:266px;
	padding-top:92px;	
	}
#meta .aktiv{	
	font-weight:bold!important;
	}

#meta a:hover {background-color:#ffdf41;}	
	
#meta li{	
	display:block;
	list-style-type:none;
	float:right;
	padding-right:4px;
	width:auto;
	}

		
#navi {
	width:266px;
	padding-top:83px;
	}

#navi a{	
	width:101px;
	list-style-type:none;
	float:right;
	font-size:1.8em;
	font-weight:bold;
	color:#cfdbe3;
	border-bottom:4px solid #000000;
	margin-left:20px;
	background-image:url(img/pfeil-rechts.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:12px;
	}
	
#navi a:hover{	
	border-bottom:4px solid #ffdf41;
	}
	
#navi a.aktiv{	
	background-image:url(img/pfeil-unten.gif);
	border-bottom:4px solid #ffdf41;
	}



/* Content 
-------------------------------------------------------------*/

#content {
	width:100%;
	height:auto;
	}
	
#sp1 {
	width:113px;
	height:600px;
	}
	
#sp2 {
	width:399px;
	}
	
#sp3 {
	width:246px;
	margin-top:7px;
	text-align:left;
	}

#content h1 {
	padding-left:30px;
	margin-bottom:5px;
	background-image:url(img/hg_h1.jpg);
	background-repeat:no-repeat;
	background-position:left center;
}

.h1abstando {
	margin-top:20px!important;
}

#content h3 {
	border-top:2px dotted #000000;
	border-bottom:2px dotted #000000;
	margin-bottom:10px;	
	padding:1px 10px;
	}
	
#content h2 {
	background-image:url(img/i_h2-punkt.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	margin:0 0 10px 20px;
	padding:0 0 0 15px;
	border-bottom:1px solid #000000;
	}
	
/*#content h2 {
	color:#000000;
	background-color:#ffdf41;
	margin-bottom:10px;	
	padding:1px 10px;
	}*/
	
#content a {
	text-decoration:underline;
	background-image:url(img/pfeil-rechts.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	}
	
.ohnepfeil {background:none!important; padding-left:0!important;}

#content a:hover {background-color:#ffdf41;}



#content img { 
	border:1px solid #cfdbe3;
	margin:0 0 0 20px;
	vertical-align:bottom;
	}
	
.lisp2 { 
	list-style:disc;
	margin-left:35px;
	background-color:#e7ecec;
	padding:2px;
	}

#sp2 p {
	margin:0 0 10px 20px;
	}
	
#sp3 p {
	margin-bottom:20px;
	}
	
.bgp {
	background-color:#e7ecec;
	padding:5px 2px;
	}
	
.comic {
	font-style:italic;
	line-height:120%;
	padding:145px 5px 0 15px;
	/*color:#b2ab5d;  Farbe Weihnachten */
	}
	
.footer {
	background-color:#e7ecec;
	margin-top:30px!important;
	padding:10px;
	border-top:2px dotted #000000;
	font-size:1.1em;
	}
	
.bildlink {
	border:none; 
	background-image:none!important; 
	padding:0!important; 
	margin:0!important;
	}
	
.galeriebild { 
	background-image:none!important;
	padding:0!important; 
	margin:0!important; 
	
	}
	
#bilder li{
	display: block;
	float:left;
	list-style-type:none;
	width:113px;
	font-size:0.9em;
	}
#bilder img{
	padding:0;
	margin: 0 0 5px 0;
	}
.abstandbild {
	margin-left:20px;
}

.noborder {
	border:none!important;
}

/* Accordion 
-------------------------------------------------------------*/
#accordion {
	margin:0 0 20px 0;
}

h4.toggler {
	cursor: pointer;
	text-decoration:none;
	background-image:url(img/pfeil-unten2.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	border-bottom:1px solid #cfdbe3;
}

div.element p, div.element h5 {
	padding:2px;
	margin-bottom:10px;
}

blockquote {
	padding:5px 20px;
}