﻿/* Eric Meyer reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0;
  padding: 0;
  border: 0px none;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline
}

input, select, textarea
{  font-size: inherit;
  font-family: inherit;
}

strong
{	font-weight:bold;
}

small
{	font-weight: lighter;
}

/* remember to define focus styles! */
:focus
{  outline: 0;
}

ol, ul
{ list-style-position: outside;
	list-style-type:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{	border-collapse: separate;
  border-spacing: 0;
}

caption, th, td
{	text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
}

blockquote, q
{
}

.invisible
{	display:none !important;
}


/* Spezielle Eigenschaften für die Schriftfarbe / Ausrichtung usw. */

.right
{	float:right;
	display:inline;
}

.left
{	float:left;
	display:inline;
}

.my_clear, .form_clear
{	clear:both;
	height:0.1px;
	overflow:hidden;
}

.form_clear
{	height:5px;
}

.clear
{	clear:both;
}

.block
{	margin-bottom:10px;
}

h1, h2, h3, h4, h5, h6
{	font-weight:bold;

}

h1
{	font-size:1.2em;
	font-family:Tenor+Sans, Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}

h2
{	font-size:1.1em;
	font-family:Tenor+Sans, Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h3
{	font-size:1.1em;
	font-family:Tenor+Sans, Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* schriftfarben */

.black
{	color:#057dad !important;
}



/* ab hier fängt das eigentliche Layout an */

html
{	overflow-y:scroll;
}

body
{	font-size:1.2em;
/*	line-height: 120%; */
/*	background-color:#226078; */
/* background-color:#d9d9d9; */
background-image: url(../images/back.png);
	background-attachment:fixed; */
	color:#000000;
	font-family:Source Sans Pro, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* das Grundgerüst */
#wrapper
{	width:950px;
	margin:0px auto 0px auto;
	position:relative;
	overflow:visible;
	z-index:1;
}

.body_back
{	background-image:url('../images/body.png');
	background-repeat:no-repeat;
	background-position: left top;
	position:absolute;
	left:-65px;
	top:0px;
	height:200px;
	width:1200px;
	z-index:-10
}


/* der header */

#header
{	width:100%;
}

#header .inside
{	background-image:url('../images/header.png');
	background-repeat:no-repeat;
	height:240px
}

#top_navi
{	height:34px;
	overflow:hidden;
	padding:14px 10px 0px 10px;
	margin:0px 4px 0px 1px;
}

#top_navi .menu
{	float:right;
}

#top_navi ul
{	list-style-type:none;
	list-style-position:outside;
}

#top_navi li
{	float:right;
	padding:0px 10px;
}

#top_navi a:link,
#top_navi a:visited,
#top_navi a:active,
#top_navi span
{	text-decoration:none;
	color:#ababab;
}

#top_navi span,
#top_navi a.trail,
#top_navi a:hover
{	color:#0d6095;
}

#top_navi .mod_changelanguage
{	float:left;
	width:100px;
}

#top_navi .mod_changelanguage li
{	float:left;
}


#headerbox
{	width:100%;
	height:148px;
	margin:0px 4px 0px 1px;
}

#headerbox .home
{	float:left;
	display:inline;
	margin:36px 0px 0px 32px;
	text-decoration:none;
}

#headerbox .mod_banner
{	float:right;
	padding-left:15px;
	display:inline;
	background-image:url('../images/header_banner.png');
	background-repeat:no-repeat;
	max-width:280px;
	max-height:133px;
	overflow:hidden; margin-left:0px; margin-right:4px; margin-top:7px; margin-bottom:0px
}

#headernavi
{	height:37px;
	position:relative;
	background-color:#a7a7a7;
	width:100%;
	margin:6px 0px 0px 0px;
	border-top:1px solid #ffffff;
}

#headernavi .block
{	margin-bottom:0px;
}

#headernavi .mod_navigation
{	float:left;
}

#headernavi ul
{	list-style-type:none;
	list-style-position:outside;
}

#headernavi li ul
{	display:none;
}


#headernavi li
{	float:left;
	display:inline;
	height:37px;
	position:relative;
}

#headernavi a:link,
#headernavi a:visited,
#headernavi a:active,
#headernavi span
{	float:left;
	display:inline;
	height:37px;
	padding:0px 10px;
	line-height:37px;
	text-decoration:none;
	color:#ffffff;
}

#headernavi a:hover,
#headernavi a.trail,
#headernavi span
{	background-color:#a20000;
}

#headernavi .mod_search
{	float:right;
	padding-right:1px;
}

#headernavi .formbody
{	width:240px;
	overflow:hidden;
}

*+html #headernavi li ul
{	width:350px;
}

*+html #headernavi li li a
{	width:350px;
}


#headernavi li li
{	float:none;
	display:block;
	position:static;
	white-space:nowrap;
	overflow:hidden;
	height:auto;
	line-height:normal;
}

#headernavi li li span,
#headernavi li li a.trail,
#headernavi li li a
{	float:none;
	display:block;
	min-width:300px !important;
	padding:5px 10px !important;
	height:auto !important;
	line-height:normal !important;
}

/*
#headernavi ul li:hover ul
{	display:block !important;
	overflow:hidden;
}
*/


#headernavi li ul {
  background-color: #8B8B8B;
  border-image: none;
  border-radius: 0 0 5px 5px;
  border-style: solid;
  border-width: 0 1px 1px;
  box-shadow: 1px 2px 2px #4B4C4E;
  left: 0px;
  position: absolute;
  top: 37px;
  z-index: 2;
}






#headernavi .mod_search p
{	float:left;
	color:#ffffff;
	padding:0px 10px 0px 0px !important;
	line-height:37px;
}


#headernavi .mod_search input.text
{	height:35px;
	line-height:35px;
	border-width:1px 0px 1px 0px;
	border-color:#8b8b8b;
	border-style:solid;
	width:154px;
	padding:0px 3px;
	float:right;
}


*+html #headernavi .mod_search input.text
{	margin-top:-1px;
}





/* links/rechts/conatiner */

#container
{	background-color:#ffffff;
	clear:both;
}


/* der linke Bereich */
#left
{	width:207px;
	float:left;
	font-size:0.9em;
}

#left .inside
{	padding:18px 2px 0px 0px;
}


#left .sidebar_headline
{	padding:0px 0px 0px 12px;
	margin:0px 0px 10px 0px;
	font-weight:normal;
	font-size:1.3em;
	text-transform:uppercase;
}

#left .mod_eventlist
{	margin-top:20px;
}

#left .mod_navigation ul
{	list-style-type:none;
	list-style-position:outside;
	padding:0px;
}

#left .mod_navigation li
{	width:100%;
	overflow:hidden;
}



#left .mod_navigation a:link,
#left .mod_navigation a:visited,
#left .mod_navigation a:active,
#left .mod_navigation span
{	width:193px;
	color:#000000;
	text-decoration:none;
	padding:4px 0px 4px 12px;
	margin:0px 12px 0px 0px;
	display:block;
}

#left .mod_navigation a:hover,
#left .mod_navigation a.trail,
#left .mod_navigation span
{	background-color:#aeaeae;
}

#left .mod_banner
{	margin:20px 0px 20px 12px;
}




/* der rechte Bereich */

#right
{	width:226px;
	float:right;
	font-size:0.9em;
}

#right .inside
{	padding:24px 33px 0px 2px;
	overflow:hidden;
}

.subcr .image_container
{	padding-top:5px;
}


/* der content */

#main
{	font-size:1em;
/*	line-height: 200%; */
	float:right;
	width:705px;
	overflow:hidden;
}

.kalender #main
{	width:100%;
	float:none;
}

.spalten_3 #main
{	font-size:0.8em;
	float:left;
	width:500px;
	overflow:hidden;
}


#main .inside
{	padding:33px 20px 0px 20px;
}

#main a:link,
#main a:visited,
#main a:active
{	color:#0048cc;
	font-weight:normal;
	text-decoration:none;
}

#main a:hover
{	color:#000000;
}

#main h1
{	font-size:1.5em;
	font-weight:normal;
}

#main h2
{	font-size:1.3em;
	font-weight:normal;
}

#main h3
{	font-size:1.1em;
	font-weight:normal;
}

#main h4
{	font-size:1.1em;
	font-weight:normal;
}


#main .mod_search .even,
#main .mod_search .odd
{	margin-top:20px;
}


td, p, li
{
	line-height:22px;
}


.ce_text ul
{	margin:0px 0px 0px 30px;
	list-style-type:disc;
	padding:10px 0px;
}

.ce_text li
{	padding:2px 0px;
}

.ce_text li br
{	display:none;
}

.ce_videobox
{	padding:10px 0px;
}



/* der footer */

#footer
{	background-image:url('../images/footer.png');
	background-repeat:no-repeat;
	font-size:0.8em
}

#footer .inside
{	padding:40px 0px 10px 0px;
	text-align:right;
}

#footer a:link,
#footer a:visited,
#footer a:active
{	color:#9a0000;
	text-decoration:none;
}

#footer a:hover
{	color:#ffffff;
}

/* kontaktformular */

#kontaktformular form
{	width:600px;
}

#kontaktformular textarea
{	overflow:auto;
	width:450px;
}


#kontaktformular label
{	float:left;
	width:120px;
	margin:0px 0px 0px 0px;
}

#kontaktformular input.text
{	width:200px;
	margin:0px 0px 0px 0px;
}


#kontaktformular .my_clear
{	height:5px;
}

#kontaktformular .submit_container
{	width:577px;
	text-align:right;
}


#kontaktformular form br
{	display:none;
}

#kontaktformular .headline br,
#kontaktformular .explanation br
{	display:block;
}

#kontaktformular .headline,
#kontaktformular .explanation
{	padding:0px 0px 20px 0px;
}

#kontaktformular p.error
{	padding:0px 0px 3px 120px;
	color:#f90000;
	font-size:0.8em;
}

/* pagination */

.pagination
{
}

.pagination p
{	height:26px;
	float:right;
	line-height:22px;
	font-weight:bold;
	padding-right:20px;
}

.pagination .pagenation_list
{	float:right;
}

.pagination ul
{	list-style-type:none;
	list-style-position:outside;
	text-align:right;
	width:100%;

}

.pagination li
{	padding:0px 5px;
	display:inline-block;
	line-height:22px;
}

.pagination .current
{	font-weight:bold;
}


.pagination a.previous {
	width:22px;
	height:21px;
	background-image:url('../images/little_arrows.png');
	background-repeat:no-repeat;
	display:inline-block;
	background-position:left top;
}


.pagination a.next {
	width:22px;
	height:21px;
	background-image:url('../images/little_arrows.png');
	background-repeat:no-repeat;
	display:inline-block;
	background-position:left bottom;
}


/* calendar */

.mod_calendar table
{	width:95%;
	border-collapse: separate;
	background-color: #efefef;
	margin:auto;
	/* Schriftgröße im Kalender */
	font-size:0.5em;
}

.kalender .mod_calendar table
{	width:100%;
}

.mod_calendar th
{	font-weight:bold;
	text-align:center;
}

.mod_calendar th.previous
{	padding:18px 10px;
	text-align:left;
}

.mod_calendar th.next
{	padding:18px 10px;
	text-align:right;
}

.mod_calendar td
{	text-align:center;
}

.mod_calendar .label {
font-size: 12px;
font-weight: normal;
text-align: center;
background-color:#cfcfcf;
color: #333;
padding: 2px
}

.mod_calendar .weekend {
/*background-color:#424660;
color: #424660;
*/}

.mod_calendar td {
width: 14%;
height: 7em;
border-right: 1px solid #d9d9d9;
border-bottom: 1px solid #9d9d9d;
}


.event
{ padding: 3px 0px;
}
/*
.event a
{ color:#000000;
}
*/

.mod_calendar .col_first {
border-left: 1px solid #d9d9d9;
}

.mod_calendar .header {
font-size: 12px;
background-color: #e6e6e6;
color: #666;
padding: 1px;
margin: 1px;
}

.mod_calendar .today {
background-color: #fe8f00;
color: #fff;
}

.weekend,
.days
{	background-color:#f3f3f3;
}

.mod_calendar td
{	line-height:normal;
}

/* vip-funktion im calender */
.mod_calendar a.vip
{	font-weight:bold !important;
}

.mod_calendar a.vip:hover
{	font-weight:bold !important;
}



/* linkfarben für calender */
#main .mod_calendar a:link,
#main .mod_calendar a:visited,
#main .mod_calendar a:active
{	font-weight:normal;
	color:#5f5f5f;
}

#main .mod_calendar a:hover
{	color:#000;
}


/* left kalender events */



#left .mod_eventlist,
#left .mod_newslist
{	font-size:0.7em;
	padding:0px 15px;
}



#right .mod_eventlist,
#right .mod_newslist
{	font-size:0.7em;
	padding:0px 0px;
	padding-bottom:20px;
}


#left .mod_newslist a:link,
#left .mod_eventlist a:link,
#left .mod_newslist a:visited,
#left .mod_eventlist a:visited,
#left .mod_newslist a:active,
#left .mod_eventlist a:active,

#right .mod_newslist a:link,
#right .mod_eventlist a:link,
#right .mod_newslist a:visited,
#right .mod_eventlist a:visited,
#right .mod_newslist a:active,
#right .mod_eventlist a:active
{	text-decoration:none;
	color:#0048cc;
	display:block;
	margin:0px;
	border-bottom:1px solid #000000;
	padding:10px 5px;
	width:178px;
}

#right .event
{	padding:0px;
}


#right .mod_newslist a,
#right .mod_eventlist a
{	width:181px !important;
}

#right .mod_newslist a:hover,
#right .mod_eventlist a:hover
{	text-decoration:none;
	color:#000000;
}

#left .mod_newslist a:hover,
#left .mod_eventlist a:hover
{	text-decoration:none;
	color:#000000;
	background-color:#dadada;
}


#right .mod_newslist a:hover,
#right .mod_eventlist a:hover
{	text-decoration:none;
	color:#000000;
	background-color:#dadada;
}


#right .mod_newslist h1,
#right .mod_eventlist h1
{	margin:0px;
}

#right.mod_newslist h2
.mod_eventlist h2
{

}


/* die comments */

.comment_default
{	margin:0px;
}

.comment
{	border-bottom:1px solid #FE8F00;
}

.ce_comments h2
{	font-size:1.0em !important;
	margin-top:10px;
	font-weight:bold !important;
}

.ce_comments h2 .date
{	color:#FE8F00;
}

.comment_default .comment
{	padding:0px 10px 10px 10px;
}

.ce_comments .form
{	margin-top:20px;
}

.ce_comments .form h2
{  margin-bottom:10px;
}


.mod_newsreader .back
{	margin-bottom:30px;
}


.ce_comments label
{	text-align:right;
	width:250px;
	padding-right:10px;
	float:left;
}

.ce_comments input
{	width:250px;
}

.ce_comments textarea
{	width:510px;
}

.ce_comments .widget
{	padding:3px 0px;
}

span.mandatory
{	color:#FE8F00;
	font-weight:bold;
}


.mod_newsreader .ce_photoalbums2 .back
{
	display:none;
}



/* Image style */
#scrollUp {
	bottom: 20px;
	right: 20px;
	height: 38px;  /* Height of image */
	width: 38px; /* Width of image */
	background: url(../images/top.png) no-repeat;
}

.sidebarbanner
{
	width:160px;
	position:absolute;
	right:-170px;
	top:200px;
}

.sidebarbanner-fixed
{
	position:fixed;
}