html, body{
    height: 100%;
}

body{
	margin: 0;
	padding: 0;
	background: #fff url('../images/bg_body.png') repeat-x center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #373737;
	text-align: center;
}

img{
	border: none;
}

.clear{
	font-size: 1%;
	clear: both;
	display: block;
}

.relContainer{
    position: relative;
	top: 0;
	left: 0;
}

#wrap{
	width: 962px;
	height: auto !important;
	min-height: 86%;
	height: 86%;
	display: block !important;
	display: table;
	margin: 0 auto;
	text-align: left;
}

a{
    color: #373737;
}

hr{
    background: #fff;
	color: #fff;
	border: none;
	border-bottom: 2px solid #d9d9d9;
	height: 2px;
}

#skip{
    position: absolute;
	left: 0;
	top: -1px;
	width: 99%;
}
#skip a {
    position: absolute;
	left: 0;
	top: -100px;
	height: 1em;
}
#skip a:focus {
    top: 3px;
}


/*-----------------------   CONTENT   -----------------------*/
#content{
	width: 504px;
	float: left;
	margin: 0 39px 0 39px;
	padding: 1em 0 2em 0;
	background:#fff;
}

#content h1, #content h2, #content h3, #content h4{
	margin-top: 0;
	padding-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 110%;
}
#content h1, #content h2, #content h3, #content h4, #content h1 a, #content h2 a, #content h3 a, #content h4 a{
	text-decoration: none;
	color: #bd1318;
}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover{
	color: #ed1e24;
}

#content h1{
   font-size: 18px;
}
#content h2{
   font-size: 14px;
}
#content h3{
   font-size: 13px;
}
.bright{
    color: #de393e;
}


#content p, #content table, #content ul, #content ol{
   font-size: 12px;
   line-height: 130%;
}

.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}

/* home > keyvisual */
#keyvisual{

}

a.detailImg img{
	border: 2px solid #e6e6e6;
	margin: 2px 2px 2px 10px;
	float: right;
}
a.detailImg:hover img{
    border: 4px solid #ed1e24;
	margin: 0 0 0 6px;
}

/* page list */
#pageList{
    margin: 0;
	padding: 0;
	list-style-type: none;
}
#pageList li{
    margin: 0;
	padding: 20px 0;
	float: none;
	clear: both;
	border-bottom: 2px solid #d9d9d9;
}

#pageList .img{
    float: left;
	width: 90px;
}
#pageList .img a{
    display: block;
	width: 74px;
	height: 74px;
	overflow: hidden;
	border: 2px solid #e6e6e6;
	margin: 2px;
}
#pageList .img a:hover{
    border: 4px solid #ed1e24;
	margin: 0;
}
#pageList .first .img{
	width: 142px;
}
#pageList .first .img a{
	width: 128px;
	height: 128px;
}

#pageList h2, #pageList p{
    float: left;
	width: 410px;
}
#pageList .first h1, #pageList .first p{
    float: left;
	width: 360px;
}
#pageList h2, #pageList h1{
    margin-bottom: 0.1em;
	padding-bottom: 0;
}
#pageList p{
    margin-top: 0.1em;
	padding-top: 0;
}

#pageList .date{
    display: none;
}

/* fotogalerie */
ul.gallery{
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 99%;
	clear: both;
}

.gallery li{
    display: inline;
}

.gallery a img{
	float: left;
	height: 104px;
	width: 104px;
	padding: 1px;
	margin: 2px 12px 12px 2px;
	background: #fff;
	position: relative;
	border: 2px solid #d9d9d9;
}
.gallery a:hover img{
	margin: 0px 10px 10px 0px;
	border: 4px solid #ed1e24;
}


/* person list */
#personList{
    margin: 0;
	padding: 0;
	list-style-type: none;
}
#personList li{
    margin: 0 0 1em 0;
	padding: 0;
	width: 240px;
	float: left;
}
#personList li.left{
    margin-right: 20px;
}
#personList a.img{
    display: block;
	width: 74px;
	height: 86px;
	overflow: hidden;
	border: 2px solid #e6e6e6;
	margin: 2px 6px 2px 2px;
	float: left;
}
#personList a.img:hover{
    border: 4px solid #ed1e24;
	margin: 0 4px 0 0;
}
#personList h2{
    margin-bottom: 0.1em;
	padding-bottom: 0;
}
#personList p{
    margin-top: 0.3em;
	padding-top: 0;
}

/* person detail */
#perscontact{ /* in sidebar */
    width: 182px;
	position: relative;
	top: 0;
	left: -20px;
	margin: 3em 0 2em 0;
	padding: 2px;
	background: #fff;
	background: #dedede url(../images/bg_perscontact.png) repeat-y;
}
#perscontact .inner{
	background: #fff;
	padding: 8px 6px 8px 12px;
}
#perscontact p{
    margin: 0;
	padding: 0 0 4px 14px;
}
#perscontact p#consultationhour{
    background: url(../images/icon_consultionhour.gif) no-repeat 0px 3px;
}
#perscontact p#address{
    background: url(../images/icon_address.gif) no-repeat;
}
#perscontact p#phone{
    background: url(../images/icon_phone.gif) no-repeat;
}
#perscontact p#email{
    background: url(../images/icon_mail.gif) no-repeat 0px 3px;
}

a.persImg img{
	border: 2px solid #e6e6e6;
	margin: 2px 2px 2px 10px;
	float: right;
}
a.persImg:hover img{
    border: 4px solid #ed1e24;
	margin: 0 0 0 8px;
}

/* Event Liste */
#content .eventList p.eventdate, p.eventdate{
    float: left;
	width: 106px;
	height: 50px;
	margin: 0 10px 0 0;
}
p.eventdate a{
    float: right;
	width: 43px;
	height: 50px;
	background: url(../images/bg_cal.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #7e7e7e;
}
.eventdate span{
    display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.eventdate span.day{
     font-size: 17px;
	 line-height: 16px;
	 padding-top: 12px;
}
.eventdate span.month{
     font-size: 12px;
	 line-height: 7px;
}
.eventdate span.year{
     font-size: 10px;
	 line-height: 9px;
	 padding-top: 1px;
}
.eventdate em.till{
	display: block;
	float: right;
	text-align: center;
	font-style: normal;
	color: #b6b6b6;	
	font-weight: bold;
	font-size: 140%;
	width: 18px;
	padding-top: 16px;
}

#content ul.eventList{
    margin: 0;
	padding: 0;
	list-style-type: none;
}
.eventList li{
    margin: 0;
	padding: 1em 0;
	float: none;
	clear: both;
	border-top: 2px solid #d9d9d9;
}
.eventList h2{
    margin: 0;
	padding: 0;
}
.eventList p.info{
    margin: 0;
	padding: 0;
}

p.eventdetails{
    float: left;
	width: 388px;
	margin-top: 0;
	padding-top: 0;
}


#helpernav{
	height: 1em;
	padding: 3em 0 2em 0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#helpernav a{
    display: block;
	float: right;
	font-weight: bold;
	color: #afafaf;
	text-decoration: none;
	padding: 4px 4px 4px 21px;
}
#helpernav a.totop{
    background: url(../images/ico_up.gif) no-repeat left center;
}
#helpernav a.print{
    background: url(../images/ico_print.gif) no-repeat left center;
	display: none;
}

#sitemap ul{
	margin-left: 0;
}
#sitemap ul li{
    list-style-type: none;
    background: url(../images/folder.gif) no-repeat 0px 4px;
	padding: 3px 0 3px 20px;
	margin-left: 0;
	font-weight: bold;
}
#sitemap ul ul{
    margin-left: 0;
	padding-left: 2px;
}
#sitemap ul ul li{
    background: url(../images/page.gif) no-repeat 0px 2px;
	padding: 3px 0 3px 20px;
	font-weight: normal;
}

/* Formulare: */
.tf, #content form#recipient input{
	background: #fff;
	border: 1px solid #b3b3b3;
	margin: 1px;
	padding: 1px;
}
.tf:focus, #content form#recipient input:focus{
	border: 2px solid #f2262d;
	margin: 0px;
}
#content form p, #content form#recipient p{
	margin-bottom: 0;
	padding-bottom: 0;
}
.labelleft, #content form#recipient label{
	float:left;
	width: 148px;
}
#content form#recipient label{
	width: 80px;
}
#content form#recipient label#activelabel{
	float: none;
	display: inline;
	width: auto;
}
p#send{
    margin-left: 148px;
}
.submit{
	padding: 1px 12px;
	background: #e9e9e9;
	border: 1px solid #d6d6d6;
	color: #722433;
	font-weight: bold;
}

.error{
	display: block;
	color: #f00;
}

/* petition */
p#fp_mobil, p#fp_tel, p#fp_firma, p#fp_strasse, p#fp_fax, p#fp___submit__, p#fp_active {
    display: none;
}



/*-----------------------   NAVIGATION   -----------------------*/
#leftbar{
    width: 218px;
	float: left;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
ul.nav{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	background: url(../images/bg_nav.png) repeat-y;
	border-top: 1px solid #e8e8e8;
}
ul.nav.kontakt{
	border: none;
	background: url(../images/bg_nav_kontakt.png) no-repeat left bottom;
	margin-bottom: 2em;
}
ul.nav ul, ul.nav li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.nav a{
	display: block;
	text-decoration: none;
	color: #ed1e24;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0 6px 10px;
	margin: 0 0 0 56px;
	border-top: 1px solid #e8e8e8;
}
ul.nav.kontakt a{
	padding-bottom: 14px;
}
ul.nav a:hover{
	background: #e8e8e8;
    /*padding-left: 4px;*/
}
ul.nav .active a{
	color: #fff;
	background: #ed1e24 url('../images/bg_nav_active.png') no-repeat;
	margin: 0;
	padding-left: 26px;
	border-top: 2px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

ul.nav ul{
	display: none;
}
ul.nav .active ul{
	display: block;
}
ul.nav .active ul a{
	padding-left: 38px;
	border: none;
	border-top: 1px solid #e8e8e8;
	background: #ed1e24 url('../images/dot_subnav.png') no-repeat 22px 10px;
}
ul.nav .active ul a:hover{
	background-color: #cf1016;
}
ul.nav .active ul .active a{
	background: #ed1e24 url('../images/dot_subnav_active.png') no-repeat 22px 10px;
}


/*-----------------------   RIGHT BAR   -----------------------*/
#rightbar{
    width: 162px;
	float: left;
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* siebar boxes: */
#rightbar .box{
   border: 2px solid #ececec;
   margin: 0 0 1em 0;
   padding: 4px;
   background: #fff url('../images/bg_box.png') repeat-x left bottom;
}
#rightbar .box a{
   display: block;
   color: #818181;
   text-decoration: none;
}
#rightbar .box a:hover{
   color: #c32f33;
}

#rightbar .box{
   padding: 8px;
}
#rightbar .box a{
   padding: 0 0 0 21px;
   background-position: left top;
   background-repeat: no-repeat;
   font-weight: bold;
}
#rightbar .box a.persp{
   background-image: url('../images/ico_persp.gif');
}
#rightbar .box a.frauen{
   background-image: url('../images/ico_frauen.gif');
}
#rightbar .box a.kriju{
   background-image: url('../images/ico_kriju.gif');
}
#rightbar .box a.bemue{
   background-image: url('../images/ico_bemue.gif');
}
#rightbar .box a.events{
   background-image: url('../images/ico_events.gif');
}

#rightbar .partner{
    border: 2px solid #d6d6d6;
	color: #a6a6a6;
	padding: 4px;
	margin: 4em 0 1em 0;
}
#rightbar .partner a{
    display: block;
	text-align: center;
}

#leftbar .box{
    padding: 0;
	border: none;
}
/*#leftbar .box img{
    width: 218px;
}*/

/*-----------------------   HEADER   -----------------------*/
#header{
	height: 145px;
	background: url('../images/bg_skyline.png') no-repeat right top;
}

#sitelogo{
	width: 176px;
	height: 96px;
	margin: 11px 0 0 48px;
	padding: 0;
	float: left;
}
#sitelogo img{
	width: 176px;
	height: 96px;
}
#intro{
	float: left;
	width: 500px;
	margin: 35px 0 0 30px;
	padding: 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	font-style: italic;	
	line-height: 120%;
}
#intro strong{
	display: block;
	padding-top: 11px;
	font-size: 36px;
}


/*-----------------------   FOOTER   -----------------------*/
#footer{
	background: #dd1a20 url('../images/bg_footer.png') repeat-x center top;
	height: 100px;
	padding-top: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#footer .inner{
    width: 962px;
	margin: 0 auto;
	text-align: left;
}
#footer, #footer a{
	text-decoration: none;
	color: #770508;
}
#footer #copyr{
    float: left;
	margin: 0 0 0 156px;
	width: 270px
}
#footer #copyr img#footerlogo{
    float: left;
	margin: 0 12px 0 0;
}

#footernav{
    list-style-type: none;
	margin: 0 0 0 40px;
	padding: 0;
	float: left;
	width: 244px;
}
#footernav li{
    display: inline;
}
#footernav li a{
    display: block;
	float: left;
	width: 110px;
	/*color: #e5e5e5;*/
	font-weight: bold;
	background: url('../images/dot_footernav.gif') no-repeat 0px 5px;
	padding: 1px 0 1px 10px;
}
#footernav li a:hover{
    color: #fff;
}
#footernav ul{
    display: none;
}

/* social bookmarks */
#socbookmarks{
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}
#socbookmarks li{
	display: inline;
}
#socbookmarks a{
	display: block;
	float: left;
	width: 24px;
	height: 1px;
	margin: 0 0 0 3px;
	padding: 23px 0 0 0;
	overflow:hidden;
	background: no-repeat 0px -30px;
}
#socbookmarks a:hover{
	background-position: 0px 0px;
}
#socbookmarks .google{
	background-image: url(../images/soc_google.gif);
}
#socbookmarks .blogger{
	background-image: url(../images/soc_blogger.gif);
}
#socbookmarks .delicious{
	background-image: url(../images/soc_delicious.gif);
}
#socbookmarks .su{
	background-image: url(../images/soc_su.gif);
}
#socbookmarks .furl{
	background-image: url(../images/soc_furl.gif);
}
#socbookmarks .digg{
	background-image: url(../images/soc_digg.gif);
}
#socbookmarks .nv{
	background-image: url(../images/soc_nv.gif);
}
#socbookmarks .fb{
	background-image: url(../images/soc_fb.gif);
}
#socbookmarks .twitter{
	background-image: url(../images/soc_twitter.gif);
}
#socbookmarks .fav{
	background-image: url(../images/soc_fav.gif);
	display: none;
}


/* pager */
#pager{
   border: 2px solid #ececec;
   border-top: none;
   height: 33px;
   padding: 0 20px;
   background: #fff url('../images/bg_pager.png') repeat-x;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
}
#pager a, #pager .active{
   display: block;
   float: left;
   padding: 9px 4px 4px 4px;
   margin: 0 2px;
   text-decoration: none;
   color: #818181;
}
#pager .active{
   background: #fff;
   color: #bd1318;
   padding: 4px 8px;
   border: 2px solid #e0e0e0;
   border-bottom-color: #d7d7d7;
   border-top: none;
}

/***/
.js{
	display: none; /* erst mit js anzeigen */
}