/* 
##################################################################################################
# K R E I S - S T A D E : D R O C H T E R S E N - BRANCHENBUCH #
##################################################################################################
 
Version      : 1.1
Dateiversion : 18.08.06   
Datei        : layout.css
Funktion     : hier wird das Layout der Seiten festgelegt - fuer alle Kunden gleich!
*/



/* Fuer alle Ausgabemedien */
@media all
{


/* 
##################################################################################################
## allgemeine Klassen ##
##################################################################################################
*/

/* Ueberschriften */
h1 {
	margin: 20px 0 20px 0;
}

h2 {
	margin-bottom: 5px;
}


/* Verhindert bei Grafiken einen ungewuenschten Hover-Effekt */
a.grafik, a.grafik:hover {
	text-decoration: none;
	background: transparent;
}



/* 
##################################################################################################
## DIV-Boxen ##
##################################################################################################
*/

/* Box mit Rahmen */
div.box_hintergrund {
	margin-bottom: 20px;
	padding: 10px;
	overflow: hidden;	
}



/* 
##################################################################################################
## Listenansicht der Veranstaltungen ##
##################################################################################################
*/

/* Bild Links */
img.bildlinks, p.bildlinks {
	float: left; 
	width: 100px;
	margin: 0 15px 10px 0; 
}

/* Bild Rechts */
img.bildrechts, p.bildrechts {
	float: right; 
	width: 100px;
	margin: 0 0 10px 15px; 
}


/* Tabelle um Veranstaltungsdetails */
table.veranstaltung {
	float:left; 
	margin-top: 5px;
}

/* Wie/Was/Wo/Wann in der Tabelle Veranstaltungsdetails */
td.veranstaltung {
	font-weight: bold;
	padding-right: 1em;
}


/* Trennlinie */
hr.trennlinie {
	border: 0;
	height: 2px;
	margin: 7px 0 10px 0;
}

/* hr im IE wie im Mozilla  */
* html hr.trennlinie {
	display: block;
	margin: -2px 0 1px 0px;
}
/* Ende hr im IE wie im Mozilla  */



/* 
##################################################################################################
## MoreResults ##
##################################################################################################
*/

/* Block um MoreResults */
p.moreres {
	display: block;
	margin-bottom: 20px;
}

/* Links */
p.moreres a {
	padding: 1px 4px 1px 4px;	
}

/* Aktive Links und Hover Effekte */
p.moreres a:hover, p.moreres span.aktiv {
	padding: 1px 4px 1px 4px;	
}



/* 
##################################################################################################
## Klassen der Formulare ##
##################################################################################################
*/

/* Textfeld im Eingabeformular */
input.textfeld, textarea {
	padding: 1px;
}


/* Textfeld im Eingabeformular - IE-Hack fuer gleiche Hoehe und weissen Hintergrund */
* html input.textfeld, * html textarea {
	padding: 2px;
}


/* Beschriftung von Textfeldern */
label {
	margin-right: 15px;
}
/* Damit beim ueberfahren mit der Mouse auch die Hand angezeigt wird */
label:hover {
	cursor: pointer;
}


/* Button im Eingabeformular */
input.button  {
	width: auto;
	padding: 0 10px 0 10px;
}


/* Auswahlfelder in einer Selectbox */
select option {
	padding: 1px;
}

/* Ende alle Ausgabemedien */
}