/* ===============================================================
Stylesheet fuer Website Bergpark-Konzerte
Stand: 2. mai 2009
Datei: bergpark_screen.css
Autor: Nina Eisenlohr, gestaltvoll.de
Aufbau: 1. Kalibrierung und allgemeine Styles
		2. Styles fuer Layoutbereiche
		3. Sonstige Styles
=============================================================== */


/* ======================================
   1. Kalibrierung und allgemeine Styles
   ====================================== */
   
/* Kalibrierung der wichtigsten Abstände */
* { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }


/* Allgemeine Selektoren */
html { height: 101%; } /* erzwingt Scrollbar in Firefox */
body {
	color: #fff;
	background-color: #e3e3e3;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px; 
	line-height: 16pt; 
	}

h1 { 
	float: left;
	font-size: 16px; 
	font-weight: bold; 
	margin: 1.3em 0 0.5em 0; 
	color: #D8105F; 
	}
	
p { 
	float: right;
	font-size: 14px;
	margin-top: 1.5em;
	width: 75%;
	color: #000; } 

/* Hyperlinks allgemein */
a { color: black; }
a:link { color: black;text-decoration: none; }
a:visited { color: #333; text-decoration: none;}
a:hover, a:focus { color: #333;text-decoration: none; }
a:active { color: #333; text-decoration: none;}	

/* Allgemeine Klassen und IDs */

body.kuenstler .clear {clear: both; border-bottom: #000000 1px dashed; margin-bottom: 15px; padding-bottom: 15px; height: auto;}
div .clear {clear: both; border-bottom: #000000 1px dashed; margin: 0; height: 1px;}
.important {float: right; width: 70%;font-size: 10px; margin: 0; margin-bottom: 20px;padding: 0;}
	
/* ======================================
   2. Styles fuer die Layoutbereiche
   ====================================== */	

#wrapper {
	width: 776px;
	margin: 0 auto;
	}
	
/* ==================================== */
/* 			    Schatten     			*/
/* ==================================== */

.rundebox {
   width: 776px; 
   min-height: 650px;
   margin: 0 auto;
   background: url(../Bilder/Middle.jpg) repeat-y;
   }
.rundebox p { 
	float: right;
	margin-bottom: 20px;
  }   

.rundebox p.footer { 
   background: url(../Bilder/Foot.jpg) no-repeat left bottom;
   min-height: 41px;
   margin: 0 auto;
   width: 100%;
  }
  
/* Ueberschrift mit Hintergrundgrafik */
.rundebox h3.head {
   background: url(../Bilder/Head.jpg) no-repeat;
   background-position: 0 -40px; 
   height: 400px;
   margin: 0;
   padding: 0;
   } 
 
 
	
/* ==================================== */
/* 				  Navi	     			*/
/* ==================================== */

#navi {
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	color: #000000;
	background-color: #e4e4e4;
	height: 1.5em;
	padding: 0;
	margin-bottom: 10px;
	border-top: #000000 1px dashed;
	border-bottom: #000000 1px dashed;
	
	}
	#navi ul li {
		display: inline;
		line-height: 1.5em;
		margin: 0;
		margin-right: 10px;
		}
	#navi a { 
		text-decoration: none;
		padding: 3px 6px;
		}
	#navi li a:hover, #navi li a:focus {
		background-color: #D8105F;
		color: #fff;
		}
	#navi li a:active {
		background-color: #D8105F;
		color: #fff;
		}
	#navi li a.aktiv {
		background-color: #D8105F;
		color: #fff;
		}
		
/* ==================================== */
/* 		     Content allgemein  		*/
/* ==================================== */		
		
	 /* Umschliesst Navi + Subnavi + Text */
/* wichtig fuer die schwarze Linie, die sonst zu breit waere  */
#content {
	width: 630px;
	height: 700px;
	margin: 0 auto;
	margin-top: -20px;
	padding: 0;
	/*border: 1px red solid;*//*Debug*/
	}
	
	
	#content a:link {border-bottom: #000 1px dotted;}
	#content a:hover, a:focus {
		border-bottom: #D8105F 1px solid;}
	#content a:visited {border-bottom: #000 1px dotted;}
	#content #navi a:link {
		text-decoration: none;
		border: 0;
		}
	#content a:hover, a:focus {
		border:0;}
	#content a:visited {border:0;}
		
		
/* ==================================== */
/* 		     Content speziell    		*/
/* ==================================== */	
		
#konzerte table.programm {
	color: #000000;
	font-weight: normal;
	float: right;
	line-height: 1.5em;
	margin: 15px 0;
	margin-top: 1.5em;
	width: 75%;
	}	
	.dat {
	width: auto;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	padding-right: 1em;
	border-right: #D8105F 1px solid;
	}
	.sub {
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	padding-left: 1em;
	}
thead th{
	text-align: left;
	}
#content tr:hover {
	background-color: #ddd;
	}
	
		
#sponsoren p img {
	min-width: 8em; 
	height: auto;
	padding: 5px; 
	margin: 10px; 
	background-color: #fff;
	vertical-align: top; 
	border: #000 1px solid;
	}
#sponsoren #content a{
	text-decoration: none; 
	border: 0; 
	background-color: transparent;
	}
#sponsoren #content a:hover img,
#sponsoren #content a:focus img {
	text-decoration: none; 
	border: #D8105F 1px solid; 
	background-color: transparent;
	}	
#sponsoren #content	#navi {
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	color: #000000;
	background-color: #e4e4e4;
	height: 1.5em;
	padding: 0;
	margin-bottom: 10px;
	border-top: #000000 1px dashed;
	border-bottom: #000000 1px dashed;
	
	}
#sponsoren #content	#navi ul li {
		display: inline;
		line-height: 1.5em;
		margin: 0;
		margin-right: 10px;
		}
#sponsoren #content	#navi a { 
		text-decoration: none;
		padding: 3px 6px;
		}
#sponsoren #content	#navi li a:hover, #navi li a:focus {
		background-color: #D8105F;
		color: #fff;
		}
#sponsoren #content	#navi li a:active {
		background-color: #D8105F;
		color: #fff;
		}
#sponsoren #content	#navi li a.aktiv {
		background-color: #D8105F;
		color: #fff;
		}
	
.kuenstler { 
	background-color: #fff;
	color: black; 
	width: 25em;
	height: 101%;
	padding: 1em;
	margin-bottom: 2em;
	}
	.kuenstler div {
		margin-bottom: 2em;
		}
	
	.kuenstler a:link {border-bottom: #000 1px dotted;}
	.kuenstler a:hover {border-bottom: #D8105F 1px solid;}	
	.kuenstler p.clear a:link, .kuenstler p.clear a:hover {
		padding: 0.2em;
		margin-bottom: 1em;
		border-bottom: 0;
		}
	
	.kuenstler p {
		float: none;
		width: 100%;
		margin-top: 0; 
		margin-bottom: 1em;
		padding-bottom: 0.5em;
		}
	.kuenstler h2 { 
		font-size: 18px; 
		font-weight: bold; 
		color: #D8105F; 
		padding-bottom: 0.5em;
		}	
	.kuenstler img {
		padding: 0.2em;
		margin-bottom: 1em;
		}
	
	
	
/* ==================================== */
/* 		     Kontakt-Formular    		*/
/* ==================================== */

form {
   	/* Breite des Formulars */ 
	float: right;
   	width: 30em;
   	font-size: 13px;
   	margin-top: 30px;
   	margin-bottom: 0.7em;
   	border: #000 1px dotted;
   	padding: 1.5em;
   	padding-right: 2.5em;
   	}
   	
/* Beschriftung auf eigener Zeile */
label { 
   	color: #000;
   	display: block; 
   	cursor: pointer;
   	/*letter-spacing: 1px;
   	font-variant: small-caps; */} 
   	

input#s_name,
input#s_email,
input#s_subject { 
	margin-bottom: 1em;
   	padding: 0.2em;
   	width: 100%;
   	height: 1.2em;
   	}
   	
textarea { 
   	width: 97%;
   	height: 4em; 
   	line-height: 120%;
   	padding: 3%;
   	}
   	
textarea#s_message:focus { 
     background-color: #e4e4e4;
     }
   	

input#s_name:focus,
input#s_email:focus,
input#s_subject:focus {
  background-color: #e4e4e4;
  }
	
	
/* ======================================
   E N D E
   ====================================== */