/* Farben */
/*
pink:			#e2017b;
orange:			#ef7f01;
blau:			#008bd0;
gr�n:			#7ab51d;
rot:			#e3001b;
grau:			#a7a9ac;
hellgrau:		#dfedf8;
*/


/* Extension Style Sheets */
@import url(edit.css);
@import url(menu.css);
@import url(csc.css);
@import url(klappmenu.css);
@import url(formulare.css);
@import url(news.css);
@import url(adressen.css);
@import url(googlemaps.css);
@import url(directory.css);

body, html, #navigation, #container, #inhalt, #infobox {
margin: 0;
padding: 0;
}

body { 
font: 100.01% arial, helvetica, freesans, sans-serif; 
background-image: url(../layout/background.gif); 
background-position: top left; 
background-repeat: repeat-x; 
background-attachment: scrolling;
margin-left: 4px; 
}

/* IE 7 Hack */
*+html body {
background-image: url(../layout/background-ie7.gif); 
}

/* Elemente */
#container { width: 990px; margin: 0px; }

#head { float: left; }
#headlinks { float: left; }
#headrechts { float: left; background-color: #ffffff; min-height: 260px; }
#headrechts .search { padding: 0px 0px 10px 0px; margin: 0px 10px; color: #a7a9ac; font-size: 12px; font-weight: bold; text-decoration: none; }
#headrechts .search input { padding: 1px; margin: 0px 5px; font-size: 12px; width: 120px; border: 1px solid #a7a9ac; background-color: #ebebeb; }
#headrechts form { margin: 0px; padding: 0px; }

#navigation { float: left; width: 990px; color: #ffffff; margin: 0px 0px !important; padding: 0px; background-color: #ffffff; }

#language { position: absolute; top: 120px; left: 950px; width: 50px; }
#language img { margin-bottom: 5px; }

/* IE 6 Hacks */
* html #navigation { border: 0px solid yellow !important; width: 990px !important; margin: 0px !important; padding: 0px !important; }
* html #headrechts { height: 260px; }

#main { width: 990px; float: left; margin: 0px; padding: 20px 0px 20px 0px; background-color: #ffffff; }
#links { width: 195px; float: left; }
#mitte { width: 595px; float: left; }
#rechts { width: 200px; float: left; margin: 0px; background-color: #ffffff; }

/* IE6 */
/*
* html #mitte { width: 585px; float: left; border: 0px solid red; }
* html #content { margin: 0px 15px; border: 0px solid blue; }
*/

/* Pfad-Navigation */
#pfad { float: left; width: 100%; border-bottom: 1px solid #c48751; margin: 25px 0px; padding: 0px 0px 10px 0px; }
#pfad ul { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; font-size: 11px; line-height: normal; }
#pfad li { display: inline; float: left; margin: 0px; padding: 0px; text-decoration: none; }
#pfad li a { float: left; display: block; padding: 0px 20px 0px 15px; margin: 0px 0px 0px 0px; color: #c48751; text-decoration: none; font-weight: bold; background-image: url(../images/pfeil-gold.gif); background-repeat: no-repeat; background-position: left 2px; }
#pfad li a:hover { text-decoration: underline; }

/* Elementbox unten */
#unten { float: left; width: 100%; border-top: 1px solid #c48751; margin: 25px 0px; padding: 10px 0px 0px 0px; }
#unten a { font-size: 11px; float: right; display: block; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; color: #c48751; text-decoration: none; font-weight: bold; background-image: url(../images/pfeil-gold.gif); background-repeat: no-repeat; background-position: left 2px; }
#unten a:hover { text-decoration: underline; }

/* IE 6 Hacks */
* html #top { border: 0px solid #ffffff; }
* html #topslogan { border: 0px solid #ffffff; margin: 10px 0px 0px 100px; }
* html #topright { border: 0px solid #ffffff; }
* html #navigation { border: 0px solid #ffffff; margin: 25px 0px 0px 100px; }

/* linke Spalte */
#links .box { width: 195px; margin: 0px; }
#links h2 { font-size: 17px; font-weight: bold; color: #ffffff; background-color: #a7a9ac; margin: 0px; padding: 5px 5px 5px 10px; }
#links h3, #links h3 a { color: #000000; font-size: 17px; font-weight: bold; margin: 5px 5px 5px 0px; padding: 0px; text-decoration: none; }
#links h3 a:hover { text-decoration: underline }
#links p { font-size: 12px; margin: 5px 5px 5px 0px; }
#links .mehr { font-size: 13px; margin: 5px 5px 15px 0px; padding: 0px 0px 15px 20px; color: #a7a9ac; background-image: url(../layout/mehr-grau.gif); background-repeat: no-repeat; border-bottom: 2px solid #a7a9ac; }
#links .mehr a { color: #000000; text-decoration: underline; }
#links .mehr a:hover { text-decoration: none; }

/* mittlere Spalte */
#content { margin: 0px 25px; }
#content h1 { font-size: 24px; font-weight: bold; margin: 10px 5px 10px 0px; }
#content h2 { font-size: 20px; font-weight: bold; margin: 5px 5px 5px 0px; }
#content h3 { font-size: 17px; font-weight: bold; margin: 5px 5px 5px 0px; }
#content p { font-size: 13px; }
#content p.teaser { font-size: 17px; padding: 8px 0px; }

/* rechte Spalte */
#rechts .box { width: 200px; margin: 0px; border: 0px solid red; }
#rechts .icons { margin: 0px 0px 10px 0px; border: 1px solid #ffffff; }
#rechts .icons img { margin: 0px 10px 0px 0px; float: left; }
#rechts .icons p { margin: 5px 5px; font-size: 14px; font-weight: bold; }
#rechts img { margin: 0px; padding: 0px; }
#rechts h2, #rechts h2 a { font-size: 17px; font-weight: bold; color: #ffffff; background-color: #e3001b; margin: 0px 0px 2px 0px; padding: 5px 5px 5px 10px; text-decoration: none; }
#rechts h2 a:hover { text-decoration: underline; }
#rechts h3, #rechts h3 a { color: #000000; font-size: 17px; font-weight: bold; margin: 5px 5px 5px 0px; padding: 0px; text-decoration: none; }
#rechts h3 a:hover { text-decoration: underline; }
#rechts p { font-size: 12px; margin: 5px 5px 5px 0px; padding: 0px; }
#rechts .mehr { font-size: 13px; margin: 5px 5px 15px 0px; padding: 0px 0px 15px 20px; color: #a7a9ac; background-image: url(../layout/mehr-rot.gif); background-repeat: no-repeat; border-bottom: 2px solid #e3001b; }
#rechts .mehr a { color: #000000; text-decoration: underline; }
#rechts .mehr a:hover { text-decoration: none; }
#rechts .csc-textpic-caption { margin: 0px 0px 10px 0px; padding: 3px; }

/* Printlink */
#print { border: 0px solid red; margin: 10px; }
#print a:link, #print a:visited, #print a:active { font-size: 12px; background: none; text-decoration: underline; }
#print a:hover { text-decoration: none; }

/* Werbung */
#werbung { 
position: absolute;
left: 990px;
top: 300px; 
z-index: 99;
float: left; 
width: 244px;
padding: 0px 5px;
border: 1px solid #a7a9ac; 
margin: 0px 0px 0px 15px; 
padding: 5px 0px; 
visibility: visible;
color: #000000; 
font-size: 0.8em;
text-align: center;
background-color: #ffffff;
filter: Alpha(opacity=90, finishopacity=90, startx=10, finishx=484, style=1); /* microsoft */
-moz-opacity: 0.9; /* mozilla browser */ 
}

#werbung embed {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#werbung .textbox { 
margin: 0px 0px 0px 5px;
width: 234px; 
}

/* IE6 */
* html #werbung .textbox { 
margin: 0px 0px 0px 5px;
width: 234px; 
}

/* Sitemap */
.csc-sitemap {  }
.csc-sitemap ul { font-size: 16px; font-weight: bold; margin: 0px 0px 10px 30px; padding: 0px 0px 0px 0px; list-style: none; }
.csc-sitemap ul li ul { font-size: 14px; font-weight: normal; }
.csc-sitemap ul li ul li ul { font-size: 11px; font-weight: normal; }

.csc-sitemap ul li a { color: #000000 !important; text-decoration: none !important; }
.csc-sitemap ul li ul li a  { color: #afafaf !important; text-decoration: none !important; }
.csc-sitemap a:hover { text-decoration: underline !important; }

/* Layout mit Textboxen */
#links .textbox {
float: none;
width: 195px;
}

.textbox { 
float: left; 
margin: 10px 5px;
width: 260px; 
}

#c865 .textbox, #c792 .textbox {
margin: 10px 0px 10px 0px;
}

#c866 .textbox {
margin: 10px 0px 10px 10px;
width: 200px; 
}

/* IE6 */
* html .textbox { 
float: left; 
margin: 10px 0px;
width: 260px; 
}

.textbox h1.einkaufen {
border-bottom: 1px solid #e2017b;
}

.textbox h1.einkaufen a {
text-decoration: none;
color: #e2017b;
}

.textbox h1.essen {
border-bottom: 1px solid #ef7f01;
}

.textbox h1.essen a {
text-decoration: none;
color: #ef7f01;
}

.textbox h1.kultur {
border-bottom: 1px solid #008bd0;
}

.textbox h1.kultur a {
text-decoration: none;
color: #008bd0;
}

.textbox h1.freizeit {
border-bottom: 1px solid #7ab51d;
}

.textbox h1.freizeit a {
text-decoration: none;
color: #7ab51d;
}

/* Events */
.single_event .event_title,
.single_event .event_category,
.single_event .event_targetgroup,
.single_event .event_image,
.single_event .event_time,
.single_event .event_series,
.single_event .event_place,
.single_event .event_address,
.single_event .event_teaser,
.single_event .event_description,
.single_event .event_moreinfo,
.single_event .event_url,
.single_event .event_organizer_image,
.single_event .event_organizer,
.single_event .event_organizer_email,
.single_event .event_organizer_url {
	font-size: 12px;
	margin: 3px;
}

.single_event .event_title {
	font-weight: bold;
}
