/* CSS Document Kay Sobottka Werbegestaltung Kiel. Das wirbt. Juli 2011 */
/* Don`t copy my work! */

* { margin:0; padding:0; }

html, body {
	height:100%; top:0; left:0; min-width:990px;
	background:url(bilder/hg_haupt.jpg) top repeat-x;
	font:normal 100,01%;
}
a:link { color:#67a630;	text-decoration:none; }
a:visited { color:#67a630; text-decoration:none; } 
a:hover { color:#FF6600; text-decoration:underline;	}
a:active { color:#67a630; text-decoration:none;
}

/*--------- Allgemeines ----------*/
.abstand1	{ margin:0 0 0 54px; }
.abstand2	{ margin:20px 0 0 0; }
.abstand3	{ margin:0 0 0 32px; }
.abstand4	{ margin:15px 0 0 0px; }
.abstand5	{ margin:0px 0 0 88px; }
.abstand_titel_index	{ margin:30px 0 0px 88px; }
.floatr_bild	{float:right; margin:15px 40px 0 20px;	}
.floatr_bild2	{float:right; padding:15px 80px 0 20px;	}
.floatr_bild3	{float:right; padding:20px 50px 0 10px;	}
.mittig	{ vertical-align:middle;	}
.bildoben{ padding:9px 0 0 52px; }
.floatl	{float:left; padding: 5px 15px 0 0px;	}
.floatl2	{float:left; padding: 5px 15px 0 80px;	}
.floatl3	{float:left; padding: 0px 0px 0 70px;	}
.line	{	margin:0 80px 0 80px;	}
.klein	{	font-size:10px; color:#666; }  
.unterstrich	{ text-decoration: underline; }
.fett	{font-weight:bold;}
.gruen	{ color:#67a630; font-weight:normal;}
.gruenfett	{ color:#67a630; font-weight:bold;}
.orange	{ color:#F60; }
.blau	{ color:#369; }
.mittig	{ text-align:center; }
.mittig2	{ vertical-align:middle;	}

td	{
	text-align:left;
	font-family:Segoe UI, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666666;
	line-height:22px;
}

ol	{
	text-align:left;
	font-family:Segoe UI, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666666;
	line-height:32px;
	padding:0 88px 0 88px;
	list-style:url(bilder/b_plus.jpg) inside;
}

hr	{ margin: 30px 88px 30px 88px; 	}

#bigbang	{
	margin: 0 auto;
	width:1150px;
}

#head	{
	margin: 0 auto;
	height:130px;
	background-color:#FFFFFF;
}
	#head2	{
		margin: 0 auto;
		background:url(bilder/logo2.jpg);
		height:50px;
		width:990px;
	}
	#head3	{
		margin: 0 auto;
		height:60px;
		width:950px;
	    background-color:#FFFFFF;
	}
	#head4	{
		background:url(bilder/hg_head4.jpg);
		margin: 0 auto;
		height:20px;
		width:990px;
	}

#content	{
	margin: 0 auto;
}
	#content_head	{
		width:990px;
		background-image:url(bilder/content_rahmen_oben.png);
		min-height:30px;
		margin: 9px auto 0 auto;
	}
	#content_haupt	{
		width:990px;
		background-image:url(bilder/content_rahmen_mitte.png);
		background-repeat:repeat-y;
		margin: 0 auto;
	}
		#content_haupt p	{
			padding:0 88px 0 88px;
			font-family:Segoe UI, Arial, Helvetica, sans-serif;
			font-size:15px;
			color:#666666;
			line-height:22px;
		}
		#content_haupt h1	{
			padding:20px 88px 0px 88px;
			font-family:Impact, Arial, Segoe UI, Tahoma, Helvetica, sans-serif;
			font-size:42px;
			color:#9fcd26;
			font-weight:normal;
			letter-spacing:1px;
		}
		#content_haupt h2	{
			padding:0px 88px 0px 88px;
			font-family:Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:15px;
			color:#666666;
			font-weight:normal;
			line-height:22px;
		}
/*		#content_haupt h2	{
			padding:0 88px 0 88px;
			font-family:Segoe UI, Arial, Helvetica, sans-serif;
			font-size:15px;
			font-weight:normal;
			color:#4f4f4e;
			line-height:22px;
		}
*/		#content_haupt h3	{
			padding:20px 88px 10px 88px;
			font-family:Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:17px;
			color:#666666;
			font-weight:bold;
		}
/*		#content_haupt h3	{
			padding:0 88px 15px 88px;
			font-family:Segoe UI, Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#67a630;
			line-height:22px;
			font-weight:normal;
		}
*/		#content_haupt h4	{
			padding:10px 88px 5px 87px;
			font-family:Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:17px;
			color:#666666;
			font-weight:bold;
			line-height:22px;
		}
		#content_haupt h5	{
			padding:30px 88px 10px 87px;
			font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
			font-size:24px;
			color:#8cb61d;
			font-weight:normal;
		}
		#content_haupt h6	{
			padding:10px 88px 10px 87px;
			font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
			font-size:24px;
			color:#8cb61d;
			font-weight:normal;
		}
	#content_foot	{
		width:990px;
		background-image:url(bilder/content_rahmen_unten.png);
		background-repeat:repeat-y;
		min-height:30px;
		margin: 0 auto;
	}
	#aufz	{
		margin: 0 auto;
		width:990px;
		padding:0 0px 0 80px;
		overflow:hidden;
	}
	#content_haupt ul#klassische li {
		list-style: none; 
		width: 410px; 
		height: 276px; 
		float: left; 
		margin: 8px;
/*		background:url(billed/backdruck.png)
*/	}

.media	{
		margin:0 0 0 0;
		width:840px;
		height:266px;
}

#internet, #werbung	{
		margin: 0 auto;
		padding:0px 88px 0px 88px;
}
	#internet p, #werbung p	{
			padding:0 0px 0 0px;
			font-family:Segoe UI, Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#4f4f4e;
			line-height:22px;
	}
		#internet h1, #werbung h1	{
			padding:20px 0px 10px 0px;
			font-family:Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:18px;
			color:#333333;
			font-weight:normal;
		}
		#internet h2, #werbung h2	{
			padding:0 0px 8px 0px;
			font-family:Segoe UI, Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#666666;
			line-height:22px;
		}
		#internet h3, #werbung h3	{
			padding:0 0px 30px 0px;
			font-family:Segoe UI, Arial, Helvetica, sans-serif;
			font-size:22px;
			font-weight:bold;
			color:#82c14b;
			line-height:22px;
		}

#footer	{
	width:990px;
	height: 60px;
	margin: 0 auto;
}
		#footer1	{
			float:left;
			width: 760px;
			height: 80px;
		}
		#footer1 p	{
		padding:10px 80px 0 50px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#999;
		}
		#footer1 a:link { color:#666;	text-decoration:none; font-size:14px; font-weight: normal; letter-spacing:1px;}
		#footer1 a:visited { color:#666; text-decoration:none; font-size:14px; font-weight: normal; letter-spacing:1px;} 
		#footer1 a:hover { color:#000; text-decoration:underline; font-size:14px; font-weight: normal; letter-spacing:1px;}
		#footer1 a:active { color:#666; text-decoration:none; font-size:14px; font-weight: normal; letter-spacing:1px;}
		#footer2	{
		}

#featured {
	height: 400px; 
	margin: 0 auto 0px auto; 
	overflow:hidden; 
	text-align: center;
	background: url(kopfshow/00.jpg) center bottom no-repeat;
	}
	#featured-pics { width: 1000px; height: 300px; margin: 0 auto; }
	#featured-pics img { width: 1000px; height: 300px; margin: 0 0 0 0; }
	#featured .featured-nav { width: 960px; margin: 0 auto; position: relative;	}
	#featured .featured-nav p a { position: absolute; top: 180px; display: block; width: 52px; height: 52px; text-indent: -9999px; z-index: 20; display: none;	}
	#featured .featured-nav p a.prev { background: url(bilder/head_back.png) 0 -50px; left: 0;	}
	#featured .featured-nav p a.next { background: url(bilder/head_vor.png) 0 -50px; right: 0; }
	#featured .featured-nav p a.prev:hover { background: url(bilder/head_back2.png) 0 0; }
	#featured .featured-nav p a.next:hover { background: url(bilder/head_vor2.png) 0 0; }



/*-------- Navigation ---------*/

/*#linkbereich	{
	margin: 0 auto;
	height:40px;
	background-image:url(bilder/hg_linkleiste.jpg);
}
*/


#navi	{
	width:500px; 
	height:50px;
	margin:0 0 0 455px;
/*	margin: 0 auto;
*/	background-image:url(bilder/hg_links2.jpg);
    padding:0px 0 0 0px;
}
#navigation div {
     clear:left;
}
ul#navigation {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    margin:0 0 0 0px; 
	padding:0;
    text-align:center;

}
ul#navigation li {
    list-style:none;
    float:left;  
    position:relative;
    margin:0px 0px 0px 0px; 
	padding:0;
}
ul#navigation li ul {
	margin:0 0 0 0 ; 
    padding:0px 0px 10px 0px;
	background-color:#b8ef27;
	border-bottom:#FFF 1px solid;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
    position:absolute;
	text-align:left;
	min-width:127px;
    top:35px; 
	left:0px;
    display:none;  /* Unternavigation ausblenden */
	z-index:1000;
}
ul#navigation li:hover ul {
    display:block;  /* Unternavigation in modernen Browsern einblenden */
	z-index:1000;
}
ul#navigation li ul li {
    float:none;
    display:block;
    margin-bottom:0px;
}
ul#navigation a, ul#navigation span {
    display:block;
    width:auto;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding:14px 18px 7px 18px;
    text-decoration:none;
	font-size:17px; 
	font-weight:normal;
    color:#000;
	letter-spacing:0.55px;
}
li a#aktuell {
    color:#FFFFFF; 
}
ul#navigation a:hover, ul#navigation span	{  /* Hovereffekt */
	color:#F30;
}
li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color:#FFFFFF; 
}
ul#navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: #993300;
}





/*#content_kontakt	{	
    margin:50px 40px 0 0px;
}
#content_kontakt h1	{
font-size:20px;
margin:-20px 0 0 0;
}
*/

#ausgabe	{	/* Ausgabecontainer für email-Formular */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#FF6600;
	line-height:0px;
	padding:10px 0px 10px 88px;
}

#kon_table_body	{ /*Hauptrahmen für Tabelle des Kontaktformulars */
	margin:0px 0px 0 0;
}
#kon_table	{ /*linke Seite innerhalb des Kontaktformulars */
	width:550px;
}
.b_los	{
	width:2em;
	height:1.2em;
	border:1px solid #999999;
	vertical-align:middle;
}
.b_los2	{
	width:10em;
	height:2em;
	vertical-align:middle;
	text-align:center;
}
.kon_table_z	{ /*die einzelnen Zeilen  */
	text-align:left;
	padding:0px 0px 0px 00px;
	margin: 0 0 0 0px;
}
.kon_table_z p	{
	font-size:12px;
}
/*---Kontaktformular---*/

.feld02	{ /* Felder Kontaktformular (Eingabefelder)*/
	width:180px;
	height:20px;
	border:1px solid #999999;	
	vertical-align:middle;
	background-color:#F8F8F8;
	margin:3px 0 3px 0px;
}
.feld03	{ /* Felder Kontaktformular (Schriftfeld)*/
	width:300px;
	height:120px;
	border:1px solid #999999;	
	background-color:#F8F8F8;
	margin:5px 0 10px 0;
}
.feld04	{ /* Felder Kontaktformular (Anrede)*/
	width:70px;
	height:20px;
	border:1px solid #999999;	
	background-color:#F8F8F8;
	padding:0 0 0 0;
	margin: 0 0 5px 0;
}