body{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../layout_pics/bg.png);
	padding: 0px;
	}
	
#wrapper{	
	color: #000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	width: 830px;
	margin: 30px auto 20px auto;
	}
		

body.lang-de #header {background: url(../layout_pics/header_de.png) no-repeat;}
body.lang-en #header {background: url(../layout_pics/header_en.png) no-repeat;}


#header{
	width: 830px;
	height: 230px;
	margin-left: 8px;
	margin-bottom: 0px;
/* 	background: url(../layout_pics/header.png) no-repeat; */
	}
	
#content_leiste{
	width: 830px;
	height: 35px;
	background: url(../layout_pics/content_leiste.png) no-repeat;
	}


#container{
	background: url(../layout_pics/bg_content.png) repeat-y;
	}
	
	
div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	}
		
/************************************************************/
/* Left Floating Menu */
/************************************************************/	

.box{
	position:relative;  
	float:left;  
	width:172px;  
	height:auto;
	} 

#floatdiv{
	position:absolute;  
	width:172px;  
	height:auto;
	}
	
	
.logo_left{
	position:absolute;  
	top: 350px;
	margin-left: 32px;
	}
	
a:hover.logo_left{
	opacity: .7;
	}

/************************************************************/
/* Main */
/************************************************************/	
	
#main{
	width: 658px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	}
	
#main .inside{
	padding: 10px 50px 20px 25px;
	line-height: 165%;
	}
	

		
/************************************************************/
/* Links */
/************************************************************/	


a{
	text-decoration: underline;
	color: #22539d;
	}
	
a:hover{
	text-decoration: none;
	color: #22539d;
	}
	
.tel{
	text-decoration: none;
	color: #000000;
	}
	
.tel a, .tel a:hover, .tel:hover{
	text-decoration: none;
	color: #000000;
	cursor: default;
	}
	
/************************************************************/
/* Blauer Kasten */
/************************************************************/	
	
.kasten{
	color: #ffffff;
	background: url(../layout_pics/kasten_bg.jpg) no-repeat;
	width: 538px;
	height: 41px;
	padding: 0px 0px 0px 17px;
	margin-top: 5px;
	}
	
.kasten:hover{
	background: url(../layout_pics/kasten_bg.jpg) no-repeat;
	opacity: .88;
	}
	
.kasten a{
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	margin-left: 3px;
	}
	
.kasten img{
	margin-bottom: 4px;
	}
	
.kasten a:hover{
	color: #b4caee;
	text-decoration: none;
	}

	
/************************************************************/
/* Headline, Linie */
/************************************************************/	

	
h1{
	font: bold 19px Verdana, Arial, Helvetica, sans-serif;
	color: #22539d;
	margin-bottom: 20px;
	padding-top: 10px;
	}
	
h2{
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	color: #22539d;
	margin-bottom: 10px;
	padding-top: 0px;
	}
	
h3{
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	color: #22539d;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 15px;
	border-top: 1px dotted #22539d;
	}	

	
hr {
	width: 100%;
	color: #ffffff;
	border-color: #22539d;
	border-width: 1px 0 0 0;
	border-style: dotted;
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
/************************************************************/
/* Footer */
/************************************************************/	

footer{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	width: 830px;
	height: 14px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
	background: url(../layout_pics/footer.png) top center no-repeat;
	}
	
#footer .inside{
	padding-top: 35px;
	color: #22539d;
	}
	
/************************************************************/
/* Accordion */
/************************************************************/
	
.toggler{
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
    background: #ffffff url(../layout_pics/toggler_off.gif) left center no-repeat;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
	padding:8px 0 8px 27px;
    cursor:pointer;
    margin-bottom: 10px;
	}
	
.toggler.active {
    background:#dfeeff url(../layout_pics/toggler_on.gif) left center no-repeat;
	color: #22539d;
	}
	
.toggler:hover{
    background:#dfeeff url(../layout_pics/toggler_on.gif) left center no-repeat;
	color: #22539d;
	}
	
.toggler:focus {
    outline: none;
	}
	
.accordion h4{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #22539d;
    border-top: 1px dotted #cccccc;
    padding-top:15px;
    margin-top: 30px;
	}
	
.ce_accordion .accordion{
	margin: 0px 0px 10px 0px;
	background: #fff;

	}
	
.accordion > div {
    padding:8px 15px;
    border-bottom:1px solid #dfdfdf;
	}	
	
.ce_accordion .ui-state-active,
.ce_accordion .ui-state-active:hover {
    background:#dfeeff url(../layout_pics/toggler_on.gif) left center no-repeat;
	color: #22539d;
	}

	
/************************************************************/
/* Ticker */
/************************************************************/	
	
#newticker {
	position: relative;
	top: 170px;
	left: 92px;
	color: #22539d;
	width: 453px;
	}
	
#newticker a{
	text-decoration: none;
	}
	
#newticker_red{
	position: relative;
	top: 170px;
	left: 92px;
	width: 453px;
	}
	
#newticker_red a{
	text-decoration: none;
	font-weight: bold;
	}

/************************************************************/
/* Kopfzeilen Krams
/************************************************************/

#header{
	position: relative;
	}
	
	
/************************************************************/
/* Link Schriftgröße Positionierung
/************************************************************/
	
	
	
	
	
/************************************************************/
/* screenzoom (darstellungsgroesse)							*/
/************************************************************/

#screenzoom {


/* 	width: 140px; */
	color: #666;
	font-size: 9px;
	font-weight: normal;
	padding-left: 0px;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: absolute;
	margin: 0px 0px 0px 673px;
	background: #c1cbd4;
	top:-20px;
	padding: 2px 4px 2px 4px;
	border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}

#screenzoom div {
	margin-left: -999em;
	position: absolute;	
	}
        
#screenzoom:hover div {
	width: 580px;
	border: 1px solid #22539d;
	position: absolute;
	right: 1.5em;
	top: 2.9em;
	z-index: 1000;
	margin-left: 0px;
	cursor: text;
	}
        
#screenzoom:hover img {
	border: 0;
	margin: 10px;
	float: left; 
	}

/* Headline */        
#screenzoom:hover em {
	background: #22539d;
	display: block;    
	margin: 0 0 20px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	}

/* Infotext */
.screenzoombg {
	/*padding: 0.8em 1em;*/
	background: #fff;
	color: #000;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.8;
	font-size: 1.2em;
	}

.screenzoombg p {
	padding: 10px 10px;
	}

	
	
	
/************************************************************/
/* Sprachenwechsler Positionierung
/************************************************************/
	
	
.mod_changelanguage{
	position: absolute;
	top: -30px;
	right: 40px;
	}

.mod_changelanguage li{
	display:inline;
	padding: 0px 3px;
	margin-right: 0px;
	}

	

	



.mod_changelanguage .lang-en a{
	width: 16px;
	height: 11px;
	display:inline-block;
	background: url(../layout_pics/flaggen/en.gif) no-repeat;
	cursor: pointer;
	}
	
.mod_changelanguage .lang-en span {
	width: 16px;
	height: 11px;
	display:inline-block;
	background: url(../layout_pics/flaggen/en-sw.gif) no-repeat;
	cursor: pointer;
	opacity: .6;
	}
	
.mod_changelanguage .lang-de a{
	width: 16px;
	height: 11px;
	display:inline-block;
	background: url(../layout_pics/flaggen/de.gif) no-repeat;
	cursor: pointer;
	}
	
.mod_changelanguage .lang-de span {
	width: 16px;
	height: 11px;
	display:inline-block;
	background: url(../layout_pics/flaggen/de-sw.gif) no-repeat;
	cursor: pointer;
	opacity: .6;
	}




	
	
/************************************************************/
/* Text
/************************************************************/	
		
.ce_text ul li{
	list-style-image: url(../layout_pics/li.gif);
	margin-left: 5px;
	}
	

	
.ce_text ul{
	margin: 0px;
	padding: 6px 0px 4px 20px;
	}
	
.ce_text li{
	padding-left: 3px;
	}

	
/************************************************************/
/* Kontaktformular
/************************************************************/

fieldset,img{border:0}
	
/* body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td, */div,li,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}	

/************************************************************/	

form#contact{
	border: 1px solid #ddd;
	padding: 20px;
	background: #fff;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	}
/************************************************************/	
	
#contact td.col_0{
	width: 230px;
	margin: 0px;
	padding: 0px;
	display: block;	
	}
	
#contact td.col_1{
	width: 310px;
	margin: 0px;
	padding: 0px;
	}

#contact .ce_form{
	line-height: 180%;
	}
	

	
	
.ce_form span.mandatory{
	color: #22539d;
	margin-left: 4px;
	}
	
#contact p{
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #ddd;
	color: #666;
	}
/************************************************************/	

.select{
	margin-bottom: 6px;}
	
/************************************************************/	

#contact input.text{
	margin: 0px 0px 5px 0px;
	font: normal 11px Verdana, sans-serif;
	}
	
#contact textarea{
	margin: 0px 0px 15px 0px;
	height: 80px;
	}	
	
#contact textarea, #contact input.text{
	width:99%;
	display:inline-block;
	background:#fff;
	border:1px solid #ccc;
	padding: 3px 2px;
	font: normal 11px Verdana, sans-serif;
	}
	
/************************************************************/
	
#contact span.captcha_text,
#kidcad2 span.captcha_text{
	color: #666666;
	font-style: italic;
	display: block;
	}
	
#contact input.captcha,
#kidcad2 input.captcha{
	width: 30px;
	margin: 0px 0px 7px 0px;
	padding: 3px 2px;
	}
	
/************************************************************/

input.submit{
	width: 130px;
	margin-top: 20px;
	padding: 3px;
	color: #ffffff;
	border:1px solid #dfdfdf;
	cursor: pointer;
	background: #22539d;
	}
		
input.submit:hover{
	color: #22539d;
	border:1px solid #dfdfdf;
	cursor: pointer;
	background: #fff;
	}
	
	
/************************************************************/

form input[type=text]:hover,
form input[type=tel]:hover,
form input[type=email]:hover,
form textarea:hover,
form input[type=text]:focus,
form input[type=tel]:focus,
form input[type=email]:focus,
form textarea:focus {
	border: 1px solid #22539d;
	background: #fff;
	}

form input[type=text],
form input[type=tel],
form input[type=email],
form textarea {
	border: 1px solid #ddd;
	background: #fbfbfb;
	}
	
/************************************************************/

label.error {
	color: red;
	margin: 0;
	}
	
input.error {
	border: 1px solid red;
	}
	
p.error {
	color: red;
	clear: both;	
	}


/************************************************************/
/* GoogleMaps
/************************************************************/

#dlh_googlemap_1{
	border: 1px solid #ddd;
	}	
	
#dlh_googlemap_1 p{
	color: #22539d;
	}
	
	
/************************************************************/
/* Events */
/************************************************************/
	
.mod_eventlist{
	padding-top: 15px;
	}
	
.mod_eventlist div.event{
	margin-bottom: 10px;
	padding: 3px 8px;
	background: #ffffff;
	border-bottom: 1px solid #eaeaeb;
	}
	
	
.mod_eventlist h2,
.mod_eventlist h2 a{
	text-decoration: none;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	}
	
.mod_eventlist h2{
	margin: 2px 0px 0px 0px;
	}
	
.mod_eventlist h2 a:hover{
	color: #999;

	}
	
.mod_eventlist div.header{
	margin-bottom: 0px;
	padding: 5px 8px;
	background: #fff;
	color: #22539d;
	border-bottom: 1px solid #eaeaeb;
	font-weight: bold;
	font-style: italic;
	}
	
.mod_eventlist div.header span.date{
	margin-top: 10px;
	}
	

.mod_eventlist p.teaser{
	font-weight: bold;
	margin-top: 3px;
	font-style: italic;
	line-height: normal;
	}
	
.mod_eventlist .pagination a{
	text-decoration: none;
	}
	
.mod_eventlist .pagination a:hover{
	color: #999;
	}
	
.mod_eventlist .pagination li span.current{
	background: #22539d;
	color: #fff;
	padding:1px 4px;
	}
	
/*
.mod_eventlist .header span.date{
	color: green;
	}
*/
	
.mod_eventlist div.header{
	color: green;
	}
	
.mod_eventlist .event span.date{
	color: red;
	font-weight: bold;
	font-style: italic;
	}
	
.mod_eventlist .event span.date a{
	color: red;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
/* 	font-size: 9px; */
	}
	
.mod_eventlist .event span.date a:hover{
	color: #000;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	}
	
/************************************************************/	
	
.mod_eventreader p.info{
	background: #fff;
	padding: 3px 5px;
	font-weight: bold;
	color: #22539d;
	border-bottom: 1px solid #ddd;
	}
	
		
	
.mod_eventlist .pagination li{display:inline;margin:0px 1px;padding:1px 4px;list-style-type:none;}

.mod_eventlist .pagination{margin-top:15px;padding-top:4px;border-top:1px dashed #c4c4c4;}

.mod_eventlist .pagination p{width:160px;float:left;text-align:left;display: none;}

.mod_eventlist .pagination ul{width:240px;float:right;margin:0px;padding:0px;text-align:right;}

	
	
	

/* Eigene Klasse Markierung Veranstaltungen V oder F */

.marking{
	background: #f1f1f1;
	border:1px solid #eaeaeb;
	padding: 0px 5px;
	margin-right: 3px;}
	
/* Wenn keine Veranstaltungen aktuell vorhanden sind: Hinweis */

.empty{
	font-weight: bold;
	font-style: italic;
	color: #22539d;
	padding-bottom: 20px;
	}

/************************************************************/
/* Allgemein p.more, p.back*/
/************************************************************/


p.back a, p.more a{
	font-size: 9px;
	border: 1px solid #dedede;
	background: #fff;
	text-decoration: none;
	padding:3px 7px;
		border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}
	
	
p.back a:hover, p.more a:hover{
	border: 1px solid #22539d;
	color: #fff;
	background: #22539d;
		border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}



/************************************************************/
/* Aktuelles / Neuigkeiten / Kommentare */
/************************************************************/

/************************************************************/
/* mod_newslist */
/************************************************************/

.mod_newslist h2{
	margin-bottom: 20px;
	}	

.mod_newslist .layout_short{
	margin-bottom: 10px;
	padding: 0px 13px;
	background: #fff;
	border-top: 1px solid #efefef;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #e5e5e5;
	}
	
.mod_newslist .layout_short p.info{
	color: #999;
	font-style: italic; 
	padding: 0 0 5px 0;
	border-bottom: 1px solid #dedede;
	}
	
.mod_newslist .layout_short h2 a,
.mod_newsarchive .layout_short h2 a{
	font-size: 13px;
	}
	
.mod_newslist .layout_short h2 a:hover{
	color: #999;
	}

/************************************************************/
/* mod_newsmenu */
/************************************************************/
	
.mod_newsmenu{
	margin-top: 20px;
	}
	
.mod_newsmenu ul.level_1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	}
	
.mod_newsmenu ul.level_1 li{
	margin: 0 0 8px 0;
	background: #f9f9f9;
	display: block;
	padding: 5px 10px;
	border-top: 2px solid #fff;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #e5e5e5;
	}
	
.mod_newsmenu ul.level_1 li a{
	font-weight: bold;
	color: #999;
	}
	
.mod_newsmenu ul.level_1 li a:hover{
	font-weight: bold;
	color: #22539d;
	text-decoration: underline;
	}


.mod_newsmenu li a{
    text-decoration: none;
    padding: 0 0;
	}

.mod_newsmenu li a:hover,
.mod_newsmenu li.active span{
	color: #fff;
    text-decoration: none;
	}
	

/************************************************************/
/* mod_newsreader */
/************************************************************/

.mod_newsreader .layout_full p.info{
	color: #999;
	font-style: italic; 
	}
	
.mod_newsreader .layout_full .ce_text{
}
	
.mod_newsreader .layout_full p.info{
	color: #999;
	font-style: italic; 
	margin:0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #dedede;
	}
	
/************************************************************/
/* ce_comments */
/************************************************************/

.ce_comments .first{
	margin-top: 20px;
	}
	
.ce_comments .last{
	margin-bottom: 35px;
	}
	
	
.ce_comments .form{
	border: 1px solid #ddd;
	padding: 20px;
	background: #fff;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	}
	
	
.ce_comments h2{
	display: none;
	}
	
	
.ce_comments .comment_default p.info{
	color: #999;
	font-style: italic; 
	padding: 0 0 5px 0;
	border-bottom: 1px solid #dedede;
	}
	
	
/************************************************************/	
	
.ce_comments span.mandatory{
	color: #22539d;
	margin-left: 4px;
	}
	
	
.ce_comments input.text{
	width: 270px;
	margin: 0px 0px 5px 0px;
	font: normal 11px Verdana, sans-serif;
	}
	
.ce_comments textarea{
	margin: 0px 0px 15px 0px;
	height: 100px;
	width: 510px;
	}	
	
.ce_comments textarea,
.ce_comments input.text{
	background:#fff;
	border:1px solid #ccc;
	padding: 3px 2px;
	margin: 2px 5px 5px 0px;
	font: normal 11px Verdana, sans-serif;
	}

/************************************************************/
	
.ce_comments span.captcha_text,
.ce_comments span.captcha_text{
	color: #666666;
	font-style: italic;
	}
	
.ce_comments input.captcha,
.ce_comments input.captcha{
	width: 40px;
	margin: 2px 5px 7px 0px;
	padding: 3px 2px;
	}
	
/************************************************************/

.ce_comments p.confirm{
	margin-top: 30px;
	}
	
/************************************************************/
/* ce_comments */
/************************************************************/

.comment_default{
	margin-bottom: 10px;
	padding: 0px 13px;
	background: #fff;
	border-top: 1px solid #efefef;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #e5e5e5;
	}
	
.comment_default p.info{
	color: #999;
	font-style: italic; 
	}
	
.comment_default p.info a{
	color: #999;
	font-style: italic; 
	}


/************************************************************/
/* ce_comments */
/************************************************************/

.mod_newsarchive .layout_short p.info{
	color: #999;
	font-style: italic; 
	padding: 0 0 5px 0;
	border-bottom: 1px solid #dedede;
	}
	
	
/************************************************************/
/* Neuigkeiten Box Startseite "Aktuelles" */
/************************************************************/


.aktuelles table{
	width: 553px;
	}
	

	
.aktuelles td{
	width: 277px;
	height: 194px;
	color: #22539d;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	font-weight: bold;
	line-height: 165%;
	text-align: center;
	background: url(../content_pics/bg_aktuelles_1Box.png) no-repeat;
	}
	
.aktuelles h4{
	margin: 0px 0px 0px 0px;
	color: #fff;
	padding: 20px 0px 15px 0px;
	height: 10px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, .8);
	letter-spacing: .3px;
	}
	

	
.aktuelles a{
		color: #c00708;
		background: #fff;
		padding: 3px 11px;
		text-decoration: none;}
		
.aktuelles a:hover{
		color: #22539d;
		background: #fff;
		text-decoration: underline;
		}
		
.aktuelles h3{
	color: #c00708;}
	

/* ************************ */ 
/* tables					*/
/* ************************ */

#alternativen table {
	width: 550px;
	font-size: 10px;
	border: 1px solid #c6c6c6;
}

#alternativen table thead tr {
	background: #22539d;
}

#alternativen table th {
	padding: 7px 0px;
	color: #fff;
	font-weight: bold;
}

#alternativen table tr.even {
	background: #ededed;
}

#alternativen table tr.odd {
	background: #fff;
}

#alternativen table td {
	padding: 3px 5px;
}

#alternativen td.col_1,
#alternativen td.col_2,
#alternativen td.col_3{
	text-align: center;
	font-weight: bold;
	width: 100px;}
	
#alternativen td.col_0{
		font-weight: bold;
		width: 200px;}
		
		
#alternativen td.col_3{
	color: #c00708;
	}
	
#alternativen td.col_0{
	font-weight: bold;
	}