/* ===================== Seitengerüst =========================================*/
/* Styles für das Seitengerüst (Linke, Rechte Spalte, Inhaltsteil, Fussbereich */
/* Textformatierungen für Seitengerüst                                         */
/* ============================================================================*/

body {font-size:76%; font-family:verdana, arial, sans-serif; background:#454545; min-width:950px;}


#li-spalte {float:left; width:180px; padding:0; background:#dceaad;}
#re-spalte {float:right; width:180px; padding:0; background:#ccc;}
#center {margin:0 180px; padding:10px; border:solid 3px #fff; min-height:750px;}
* html #center {padding:10px; margin:0 0px; height:750px;}
#head {margin:0 180px; height:178px; background-color:#dceaad;}
#li-spalte, #center, #re-spalte {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {overflow:hidden; background:#dceaad;}


#footer {clear:both; background:#454545; text-align:center; color:#fff;}

/* ====================== Head Bereich ========================================*/

#headerimages	{																/* Bereich für wechselnde Bilder */
height:110px;
text-align:center;}

#Flaesch	{																/* Bereich für wechselnde Bilder */
height:110px;
text-align:center;}

.images	{
padding-right:10px; border:0; padding-top:5px; padding-bottom:5px;}

#headerinfo	{																	/* Textzeile unter Bildbereich */
height:22px;
color:#000;
text-align:center;
font-size:16px;
font-weight:bold;
}

#headerslogan	{
	margin:0 180px;																/* Slogan im grünen Bereich */
	height:30px;
	background-color:#a8cd3b;
	border-left:solid #fff 3px;
	border-right:solid #fff 3px;
	border-top:solid #fff 3px;
	border-bottom:none;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	text-transform: uppercase;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* ====================== linke Spalte ========================================*/

/* linke Spalte */																/* Inhalte linke Spalte */
#li-spalte-top	{																/* oberster Bereich li spalte */
height:120px;
width:120px;
margin:10px auto;
}

/* Suchbereich li spalte */
#li-spalte-suche	{															/* Suchbereich li spalte */
position:relative;
padding-top:10px;
height:110px;
width:100%;
margin-top:10px;
}


/* Formatierung Suchfelder */													/* Formatierung Suchfelder */
#li-spalte-suche input, select, textarea { font-size:10px; font-family:Verdana,sans-serif; color: #333; }
.Bereich { margin-left: 10px; margin-top:5px; background-color: #dceaad; border:1px solid #333333; padding:3px;}
.Button { width:18px; height:18px; border:none; padding-top:2px; margin-left:2px; }

form {margin:0; padding:0;
}

/* Login */																		/* Login-Bereich */
#li-spalte-login	{													
position:relative;
padding-top:10px;
height:120px;
width:100%;
background-color:#a8cd3b;
}

/* Formatierung Loginbereich */													/* Formatierung Loginbereich */
#li-spalte-login input, select, textarea { font-size:10px; font-family:Verdana,sans-serif; color: #fff; }
.Bereich2 { margin-left: 10px; margin-top:5px; background-color: #a8cd3b; border:1px solid #fff; padding:3px;}
.Button2 { width:18px; height:18px; border:none; padding-top:2px; margin-left:2px;}
.neu_anmelden {padding-left:15px; font-size:10px; line-height:12px; color:#333; width:130px; margin-top:3px;}

#li-spalte-login a, a:visited	{
color:#000; text-decoration:none;}

#li-spalte-login a:hover	{
color:#3366cc; text-decoration:none;}

/* Eventticker */																/* Eventticker */
#li-spalte-eventt	{
position:relative;
padding-top:10px;
margin-top:0;
height:auto;
width:180px;
font-size:12px;
background-color:#eaf3cf;
}

#li-spalte-eventt ul	{
list-style-image:url(../images_site/event-li.gif); line-height:15px; text-transform:uppercase;}

#li-spalte-eventt .klein	{
font-size:10px; text-transform:none;}

#li-spalte-eventt .weiter	{
font-size:10px; font-weight:bold; text-transform:none; text-align:right; line-height:25px; margin-left:10px;}

#eventt-weiter	{
width:100%;
position:relative;
text-align:right;
line-height:25px;
vertical-align:middle;}

#li-spalte-eventt a, a:visited	{
color:#000; text-decoration:none;}

#li-spalte-eventt a:hover	{
color:#3366cc; text-decoration:none;}

/* Service */																	/* Service */
#li-spalte-service	{
margin-top:0px;													
position:relative;
padding-top:10px;
height:auto;
width:100%;
font-size:12px;
background-color:#dceaad;
}

#li-spalte-service ul	{
list-style-image:url(../images_site/event-li.gif); line-height:18px; text-transform:uppercase;
font-weight:bold; font-size:11px;}

#li-spalte-service a, a:visited	{
color:#000; text-decoration:none;}

#li-spalte-service a:hover	{
color:#3366cc; text-decoration:none;}

/* ========================================= rechte Spalte =======================================*/

#re-spalte-top	{																/* oberster Bereich re spalte */
height:120px;
width:120px;
margin:10px auto;
}

#re-spalte-middle	{															/* mittlerer Bereich re spalte */
height:365px;
width:120px;
margin-top:20px;
margin-left:20px;
margin-bottom:10px;
}

#re-spalte-foot	{																/* Künstlerkommentar / Werbung */
position:relative;
background: #EAEAEA;
width:130px;
margin:auto;
padding:10px;
text-align:center;
color:#3366cc;
}

#align-left	{
text-align:left;}

#align-left h3	{
font-size:12px; font-weight:bold; margin:-5px 0; padding-bottom:1px;}

/* ========================================= Textformatierungen ==================================*/

.content {padding:10px;}

.left-heading	{																/* Überschriften linke Spalte */
padding-left:15px; font-size:14px; color: #3366CC; text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }

h1 {font-size:20px; margin:0; padding:10px 0; color:#fff;}
h3 {font-size:18px; margin:0; padding:8px 0;}


#footer p,
#header p {color:#fff;}

#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}

img {border:none;}