/* Stylesheet für die homepage von jens wittzel 18.01.07 */

/* ==================== Allgemeine Styles ==================== */

* { padding: 0; margin: 0; }
body {
		color: white; /* Schriftfarbe */
		font-family: Verdana, Arial, Helvetica, sans-serif; /* schriftarten */
		background-image: url(../includes/bilder/kopf_bg_verlauf_rev.jpg);
		background-repeat: repeat-y;
		background-position: top left;
}

/* ==================== ende Allgemeine Styles ==================== */
		
/* ==================== blockelemente ============================ */		
		
h1 { font-size: 150%; }
h2 { font-size: 130%; margin-bottom: 1em; }
p, ul { margin: 0em 0em 1em 0em;	}
ul ul { margin: 0; }           
li { margin: 0em 0em 0em 1em; }                 
img { display: inline; }

/* ==================== ende blockelemente ============================ */		
				
/* ====================== start Styles für Layoutbereiche ===================== */
	
#wrapper {
      color: black; 
      background-color: white; /* Hintergrundfarbe */      
		width: 95%;
		min-width: 720px; /* breite des inhaltsbereichs */
		margin-top: 10px; /* abstand oben 10 pixel */
		margin-right: auto; /* abstand rechts auto */
		margin-bottom: 10px; /* abstand unten 10 pixel */
		margin-left: auto; /* abstand links auto */
		background-image: url(../includes/bilder/kopf_bg_verlauf.jpg);
		background-repeat: repeat-y;
		background-position: top left;
}
		
/* ====================== ende Styles für Layoutbereiche ===================== */
		
/* ====================== start kopfbereich ===================== */

#kopfbereich {
		color: black;
		position: relative;
		background-color: white; 
		background-image: url(../includes/bilder/kopf_bg_verlauf.jpg); 
		background-repeat: repeat-y; 
		background-position: top left; 
		padding: 20px;
		background-repeat: repeat-y;
}
#kopfbereich #titel {
		font-size: 120%;
		font-weight: bold;
		position: absolute;
		top: 10px;
		right: 10px; 
		padding: 5px;
}
#kopfbereich #span { font-size: 90%; color: #7e7e7e; background-color: transparent; }		
#kopfbereich #small { font-size: 70%; color: black; background-color: transparent; }		
#kopfbereich #banner {
		margin-top: 21px;
		margin-left: auto;
		margin-right: auto;
		width: 694px;
		height: 104px;
		border-top: 4px solid #888;
		border-left: 4px solid #888;
		border-bottom: 4px solid #ddd;
		border-right: 4px solid #ddd;
}		
#kopfbereich #logo {
		border-top: 4px solid #ddd;
		border-left: 4px solid #ddd;
		border-bottom: 4px solid #888;
		border-right: 4px solid #888;
		width: 150px;
		height: 125px;
}	
#kopfbereich img { color: White; background-color: white; }		

/* ====================== ende kopfbereich ===================== */

/* ====================== start navibereich links ===================== */
#ueberuns_seite a:visited { background-color: transparent; }		
#ueberuns_seite a:link { background-color: transparent; }		
#navibereich {
		float: left;
		width: 15%;
		font-size: 67%;
		text-align: right; 
		color: Black;
		padding: 0px 10px 4px 10px;
}		
#navibereich li { list-style-type: none; color: #63307a; background-color: transparent; margin: 0px; }
#navibereich ul { margin-bottom: 0em; }
#navibereich a {
		display: block;
		text-decoration: none;
		color: white;
		background-color: #00c000;
		padding: 5px 8px 5px 8px;
		border-top: 2px solid #ddd;
		border-left: 2px solid #ddd;
		border-right: 2px solid #888;
		border-bottom: 2px solid #888;
}		
#navibereich a:link { color: black; background-color: transparent; }
#navibereich a:visited { color: black; background-color: transparent; }       		
#navibereich a:hover, 
		#hauptseite #navil01 a, 
		#kontaktseite #navil02 a,
		#poggenhagen #navil03 a,
		#dudensen #navil04 a,
		#laderholz #navil05 a,
		#luthe #navil06 a,
		#grossenheidorn #navi107 a,
		#bluesgarage #navil08 a,
		#hannover #navil09 a,
		#steinhude #navi110 a,
		#ueberuns #navil12 a, 
		#partner #navil13 a,
		#wunstorf #navil14 a {
		text-decoration: none;
		color: white;
		background-color: transparent;
		font-size: 100%;
		padding: 5px 8px 5px 8px;
		border-top: 2px solid #888;
		border-left: 2px solid #888;
		border-right: 2px solid #ddd;
		border-bottom: 2px solid #ddd;
}		

/* ====================== ende navibereich links ===================== */

/* ====================== start navirechts ===================== */

#navirechts a:link[href^="http:"], #navirechts a[href^="https:"] { 
		color: blue; 
		background-color: transparent ; 
		background: transparent url(../images/link.gif) no-repeat scroll right center;
		padding-right: 13px;
		}
#navirechts a:visited[href^="http:"], #navirechts a[href^="https:"] { 
		color: #6B307A; 
		background-color: transparent ; 
		background: transparent url(../images/link.gif) no-repeat scroll right center;
		padding-right: 13px;
		}
#navirechts {
		float: right;
		width: 18%;
		font-size: 75%;
		text-align: left;
		color: Black;
		background-color: transparent;
}		
/*neu für Hover mit Bild*/
#navirechts li {
		list-style-type: none;
		margin: 0px 0px 0px 0px;
		font-weight: normal;
		position: relative;
}
#navirechts li:hover {background-color: #eef;}
#navirechts a .gross { display: none; }
#navirechts a:hover .gross {
		width: 210px;
		height: 140px;
		position: absolute;
		display: block;
		top: -50px;
		left: -220px;
		z-index: 1;
		background: #fff;
		padding: 3px;
		border: 1px solid #00008b;
}
/* Ende neu für Hover mit Bild*/
		
/* ====================== ende navirechts ===================== */
		
/* ====================== start textbereich ===================== */
		
#textbereich { float: left; font-size: 90%; width: 82%; }
#textbereich a:link[href^="http:"], #textbereich a:link[href^="https:"] { 
		color: blue; 
		background-color: transparent ; 
		background: transparent url(../images/link.gif) no-repeat scroll right center;
		padding-right: 13px;
		}
#textbereich a:visited[href^="http:"], #textbereich a:visited[href^="https:"] { 
		color: #6B307A; 
		background-color: transparent ; 
		background: transparent url(../images/link.gif) no-repeat scroll right center;
		padding-right: 13px;
		}
#hauptinhalt {
		background-color: White;
		font-size: 90%;
		float: left;
		width: 81%;
		background-image: url(../includes/bilder/gruen_057.jpg); 
		background-repeat: repeat; 
		background-position: top left; 
}		
#xmas { font-size: 110%;   color: Red; font-weight: bold; }
.red { color: red; background-color: transparent; }
.blue { color: blue; background-color: transparent; }
.fuchsia { color: fuchsia; background-color: transparent; }
.formerror { color: red; background-color: transparent; }

/* ====================== ende textbereich ===================== */

/* ====================== start tabellen ===================== */
table.border { 
		border-collapse: collapse;
		text-align: center;
		width: 75%;
		margin-bottom: 0.5em; 
		border: 1px solid black;
}		
table.border th { padding: 2px; border: 1px solid black; }
table.border tr { font-size: 90%; padding: 2px; border-left: 1px solid black; border-right: 1px solid black; }	
table.border td { font-size: 95%; padding: 2px; border-left: 1px solid black; border-right: 1px solid black; }		
table { width: 90%; margin-bottom: 0.5em; padding: 2px; font-size: 90%; }

/* ====================== ende tabellen ===================== */
	
/* ====================== start fussbereich ===================== */
		
#fussbereich {
		padding: 10px; 
		margin-top: 20px;
		color: black; 
		background-color: White;
		clear: both;
		background-image: url(../includes/bilder/kopf_bg_verlauf.jpg);
		background-repeat: repeat-y;
		background-position: top left;
}
address {
		text-align: center; /* zentrieren */
      font-size: 60%; /* etwas kleiner */
      font-style: normal; /* normal Schrift, nicht kersiv */
      letter-spacing: 1.5px; /* Abstände zwischen deb Buchstaben */
      line-height: 1.5em; /* Zeilenabstand */
}
#fussbereich a:link { color: blue; background-color: transparent; font-size: 75%; }
#fussbereich a:visited { color: #6B307A; background-color: transparent; font-size: 75%; }       
#fussimpressum { float: right; }       		

/* ====================== ende fussbereich ===================== */
		
/* =============================== Kontaktformular ===================================*/

form {
		color: black;
		background-color: #BABABA;
		width: 370px; 
		padding: 20px;
		border-top: 3px solid #c7c7c7;
		border-left: 3px solid #c7c7c7;
		border-right: 3px solid #7c7c7c;
		border-bottom: 3px solid #7c7c7c;
		margin: 10px 10px 10px 10px;
		font-size: 75%;
}
label { display: block; }
input#name { width: 350px; margin-bottom: 1em; }
input#email { width: 350px; margin-bottom: 1em; }
textarea#nachricht { width: 350px; margin-bottom: 1em; height: 7em; }		
input:focus, textarea:focus { color: black; background-color: #B2FF66; }
.formular_auf_webseite {
		color: black;
		background-color: #BABABA;
		width: 370px; 
		padding: 20px;
		border-top: 3px solid #c7c7c7;
		border-left: 3px solid #c7c7c7;
		border-right: 3px solid #7c7c7c;
		border-bottom: 3px solid #7c7c7c;
		margin: 10px 10px 10px 10px;
}
.formularinhalt { margin: 5px; }
.fehlermeldung { color: red; background-color: transparent; font-weight: bold; }
.fehlerfeld { 
		border-top: 2px solid #BF0000; 
		border-left: 2px solid #BF0000; 
		border-right: 2px solid #FF6666; 
		border-bottom: 2px solid #FF6666;
}
.fehlertext { color: red; background-color: transparent; }
.nachricht_ausgabe {
		color: black;
		background-color: #BABABA;
		width: 370px;   
		padding: 3px 20px 3px 20px;
		margin: 0px 0px 0px 13px;
}

/* ===============================  Ende Kontaktformular =============================*/

/* =============================== floatende bilder ===================================*/

.bildlinks {
		float: left;
		padding: 2px; /* abstand zwischen bild und rahmen */
		border-top: 3px solid #888;
		border-left: 3px solid #888;
		border-bottom: 3px solid #ddd;
		border-right: 3px solid #ddd;
		margin: 0px 10px 10px 10px;
		overflow: hidden;
}
.bildrechts {
		float: right;
		padding: 2px; /* abstand zwischen bild und rahmen */
		border-top: 3px solid #888;
		border-left: 3px solid #888;
		border-bottom: 3px solid #ddd;
		border-right: 3px solid #ddd;
		margin: 0px 10px 10px 10px; 
}

/* ===============================  Ende floatende bilder =============================*/

/* =============================== bilder ===================================*/

.bilder {
		padding: 3px; /* abstand zwischen bild und rahmen */
		border-top: 3px solid #888;
		border-left: 3px solid #888;
		border-bottom: 3px solid #ddd;
		border-right: 3px solid #ddd;
		margin: 0px 10px 10px 10px;
}

/* ===============================  Ende bilder =============================*/

.padbox10 { padding: 10px; }
.formularpadbox { padding: 10px 0px 10px 0px; }	
		
/* ==================== div bilder ============================ */		

.links { overflow: hidden; /* containing floats */ }			
.rechts { overflow: hidden; /* containing floats */ }			
.links h3 { font-size: 110%; letter-spacing: 1px; margin: 10px; }		
.rechts h3 { font-size: 110%; letter-spacing: 1px; margin: 10px; }		
.links img {
		float: left;
		margin: 10px;
		border-top: 3px solid #888;
		border-left: 3px solid #888;
		border-bottom: 3px solid #ddd;
		border-right: 3px solid #ddd;
}			
.rechts img {
		float: right;
		margin: 10px;
		border-top: 3px solid #888;
		border-left: 3px solid #888;
		border-bottom: 3px solid #ddd;
		border-right: 3px solid #ddd;
}						
.links p { margin: 10px; }			
.rechts p {	margin: 10px; }
.floatbox { overflow: hidden; /* containing floats */ }
			
/* ==================== ende div bilder ============================ */		

/* ==================== flv player ============================ */		

#wwd-flv-player-text {
	font-size:16px; 
	font-weight:bold; 
	margin-top:50px;
	margin-bottom:5px;  
	color:#000;
}

#wwd-flv-player-video { width:640px; border:1px solid black; }

/* ==================== ende flv player ============================ */