/***************************************************************************************/
/*
Titel:    Standardstyles  für Bildschirmmedien
Autor:    Guido Krause bdrops. neue medien krause@bdrops.de
Erstellt: 22.12.2009
Update:   19.02.2010

Inhalt:		- Stylesheetreset
			- Globale Einstellungen
			- Seitenstruktur
			- Hauptinhalt
			- Formulare
			- Navigation
*/
/***************************************************************************************/

@import "languages.css";

/*##################################STYLESHEETRESET####################################*/

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: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

strong { font-weight: bold; }

:focus { outline: 0; }

body { line-height: 1; color: #000; background: #fff; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

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

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/*###############################GLOBALE EINSTELLUNGEN#################################*/

body { background-color: #fff; font-family: "Trebuchet MS", helvetica, arial, sans-serif; font-size: small; color: #000; line-height: 1em; }

.right { float: right; }

.left { float: left; }

.clear { clear: both; }

.noborder { border: none !important; }

.hidden { position: absolute; top: -999em; left: -999em; height: 0; width: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.lpage { float: left; }

.rpage { float: right; }

/*###############################SEITENSTRUKTUR#################################*/

div#wrapper { position: relative; width: 980px; margin: 0 0; background-color: #fff; text-align: left; overflow: hidden;}

div#header { background-color: #969fa0; position: relative; height: 100px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

div#extranav { position: relative; background: #707979; height: 2.4em; font-size: 85%; padding: 0; margin: 0; }

div#content { clear: left; float: left; width: 670px; padding: 80px 15px 30px 50px; z-index: 1; }

#contentSmall div#content { width: 180px; }

#contentXXL div#content { width: 316px; }

/*#contentFS div#content { width: 670px; }*/

div#extracol { float: right; width: 180px; padding: 80px 50px 30px 15px; }

div#footer { float: left; width: 490px; padding: 80px 0 30px 0; }

#contentXXL div#footer { width: 354px; }

#contentFS div#footer { display: none; }

/* added floating to description-text felix oertel, networkteam 27/05/2010 */
div#content div.floatingtext p {
	clear: none;
}

/*###############################HAUPTINHALT#################################*/

div#header h1#title { position: absolute; left: 0; top: 0; z-index: 99; }

div#header h1#title img { margin-right: 25px; }

div#header h1#title strong { position: absolute; top: -999em; left: -999em; height: 0; width: 0; }

div#header p.extPho { position: absolute; bottom: 0; right: 0; font-size: 75%; width: 60px; padding: 5px; border-top: 1px solid #fff; border-left: 1px solid #fff; }

div#header a:link,
div#header a:visited { color: #fff; text-decoration: none; }

div#header a:hover,
div#header a:focus,
div#header a:active { color: #fff; text-decoration: underline; }


div#extranav p.breadCrumb { float: left; position: relative; top: 70px; left: 43px; width: 900px; color: #9c9d9f; }

div#extranav p.breadCrumb a:link,
div#extranav p.breadCrumb a:visited { float: left; padding: 0 8px 0 7px; background: transparent url('../images/bg-breadcrumb.png') no-repeat 100% 50%; color: #9c9d9f; text-decoration: underline; }

div#extranav p.breadCrumb a:hover,
div#extranav p.breadCrumb a:focus,
div#extranav p.breadCrumb a:active { color: #000; text-decoration: none; }

div#extranav p.breadCrumb strong { float: left; padding: 0 8px 0 7px; font-weight: normal; }


div#content a:link,
div#content a:visited { color: #9c9d9f; text-decoration: underline; }

div#content a:hover,
div#content a:focus,
div#content a:active { color: #000; text-decoration: none; }

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 { margin: 0 0 10px 0; font-family: "Trebuchet MS", helvetica, arial, sans-serif; font-weight: normal; line-height: 1.3em; color: #9c9d9f; }

div#content h1 { font-size: 160%; }

div#content h2 { font-size: 150%; }

div#content h3 { font-size: 140%; }

div#content h4 { font-size: 130%; }

div#content h5 { font-size: 120%;}

div#content h6 { font-size: 110%; }

div#content em { font-style: italic; }

div#content p { clear: both; line-height: 1.3em; margin: 0 0 10px 0; }

div#content p.mustHave { clear: both; line-height: 1.3em; margin: 50px 0 10px 0; font-size: 85%; }

div#content ul { list-style: disc; margin: 0 0 10px 30px; line-height: 1.3em; list-style-position: outside; }

div#content ol { list-style: decimal; margin: 0 0 10px 30px; line-height: 1.3em; list-style-position: outside; }

div#content img { margin: 0 10px 10px 0; }

div#content img.left { margin: 0 30px 30px 0; }

div#content table { margin: 0 0 20px 0; }

div#content table.fahrrad,
div#content table.uebernachtung,
div#content table.partner { width: 600px; }

div#content table.eintrittskarten { width: 100%; border: 1px solid #ccc; margin: 10px 0; }

div#content table td { line-height: 1.5em; padding: 0 10px 0 0; }

div#content table.uebernachtung td { width: 50%; }

div#content table.eintrittskarten td { padding: 5px; }

div#content table.eintrittskarten td.td-0 { width: 20%; }

div#content table.eventdetailtable { width: 100%; margin: 0 0 20px 0; }

div#content table.eventdetailtable td { line-height: 1.5em; padding: 0 10px 0 0; width: auto; }

div#content table.eventdetailtable td a.orderlink { display: block; padding: 15px 0 0; }

div#content table.tagesprogramm td { padding: 5px 0; }

div#content table.tagesprogramm td.td-0 { width: 13%; }

div#content table.tagesprogramm td em { font-style: normal; font-size: 85%; }

/*ANFAHRT-MAPS*/
div#content table.adp-placemark,
div#footer table.adp-placemark { border: none; padding: 0; margin: 0; }

div#footer table.adp-placemark { background: #fff; }

div#content table.adp-placemark td,
div#footer table.adp-placemark td { vertical-align: middle; padding: 3px; font-weight: bold; }

div#content table.adp-placemark td img,
div#footer table.adp-placemark td img { margin: 0; padding: 0; border: none; }

div#content table.adp-directions,
div#footer table.adp-directions { padding: 0; margin: 20px 0; }

div#footer table.adp-directions td { font-size: 85%; }

div#content div.adp-summary,
div#footer div.adp-summary { margin: 20px 0 0; }

div#content div.adp-legal,
div#footer div.adp-legal { margin: 5px 0 30px; text-align: right; font-size: 85%; color: #ccc; }

/*ACCORDION*/
div#content ul#accordion { margin: 0 0 20px; list-style: none; list-style-position: outside; }

div#content #accordion h2.toggler { cursor: pointer; font-family: 'Andale Mono', monospace, sans-serif; font-size: 110%; background: #969fa0; color: #fff; padding: 5px; }

div#content #accordion h2.toggler:hover { color: #fff !important; }

div#content #accordion ul { list-style: none; }

div#content #accordion div img,
div#content #accordion ul img { vertical-align: middle; }

/*ÜBERSICHTSLISTEN*/
div#content ul.eventlist,
div#content ul.photographerlist { margin: 0 0 20px; list-style: none; list-style-position: outside; }

div#content ul.eventlist li,
div#content ul.photographerlist li { margin: 0 0 20px; line-height: 1.5em; border: 1px solid #ccc; padding: 5px; }

div#content ul.eventlist li a,
div#content ul.photographerlist li a { font-size: 110%; }

div#content ol#locationlist { clear: both; margin: 0; padding: 10px 0 30px; list-style-type:upper-alpha; list-style-position:inside; color:#6F6F6F;}

div#content ol#locationlist li { float:left; margin: 0 14px 0 0; font-size: 85%; }

div#content ol#locationlist li br { display: none; }

/*SUCHERGEBNISSE*/

div#content div.tx-indexedsearch-res.res-tmpl-css { clear: both; margin: 0 0 20px; line-height: 1.5em; border: 1px solid #ccc; padding: 5px; }

div#content div.tx-indexedsearch-res.res-tmpl-css h3 { margin: 0 0 10px; float: left; width: 100%; }

div#content div.tx-indexedsearch-res.res-tmpl-css p { clear: both; margin: 0 0 5px; }

div#content div.tx-indexedsearch-res.res-tmpl-css p.tx-indexedsearch-text-item-path { font-size: 85%; }


div#extracol a:link,
div#extracol a:visited { color: #969fa0; text-decoration: none; }

div#extracol a:hover,
div#extracol a:focus,
div#extracol a:active { color: #000; text-decoration: underline; }

div#extracol h1,
div#extracol h2,
div#extracol h3,
div#extracol h4,
div#extracol h5,
div#extracol h6 { margin: 0 0 10px 0; font-family: "Trebuchet MS", helvetica, arial, sans-serif; font-weight: normal; line-height: 1.3em; color: #9c9d9f; }

div#extracol h1 { font-size: 160%; }

div#extracol h2 { font-size: 150%; }

div#extracol h3 { font-size: 140%; }

div#extracol h4 { font-size: 130%; }

div#extracol h5 { font-size: 120%;}

div#extracol h6 { font-size: 110%; }

div#extracol dl { margin: 0 0 10px 0; font-family: "Trebuchet MS", helvetica, arial, sans-serif; font-weight: normal; line-height: 1.3em; color: #2d3534; }

div#extracol dl dt { font-weight: bold; padding: 0 0 10px; }

div#extracol dl dd.more { padding: 5px 0 5px; font-size: 85%; margin: 0 0 10px; background: #fff url('../images/bg-news.png') repeat-x 0 100%; }


div#footer a:link,
div#footer a:visited { color: #9c9d9f; text-decoration: underline; }

div#footer a:hover,
div#footer a:focus,
div#footer a:active { color: #000; text-decoration: none; }

div#footer a.orderpicturelink { display: block; padding: 5px 0; font-size: 85%; }

div#footer div.photoBox { width: 422px; padding: 0 33px; margin: 0 -33px 0 0; background: #fff url('../images/border-big_body.png') repeat-y 0 0; }

div#footer div.photoBox div.boxHead { position: relative; width: 422px; padding: 27px 33px 0; margin: 0 0 0 -33px; background: transparent url('../images/border-big_top.png') no-repeat 0 0; }

div#footer div.photoBox div.boxHead h3 { position: absolute; top: -999em; left: -999em; height: 0; width: 0; }

div#footer div.photoBox div.boxFoot { position: relative; width: 422px; padding: 157px 33px 0; margin: 0 0 0 -33px; background: transparent url('../images/border-big_bottom.png') no-repeat 0 100%; text-align: right; }

div#footer div.photoBox div.boxFoot a { display: block; padding: 0 0 20px 0; }

div#footer div.photoBox img { border: 1px solid #fff; margin: 0; padding: 0; display: block; }

div#footer div.photoBox p em { display: block; font-style: normal; font-size: 85%; color: #1a171b; margin: 0; padding: 3px 0 0; }

#contentXXL div#footer div.photoBox { width: 288px; padding: 0 33px; margin: 0 -33px 0 0; /*wegen altem ie*/ background: #fff url('../images/border-small_body.png') repeat-y 0 0; }

#contentXXL div#footer div.photoBox div.boxHead { width: 288px; padding: 27px 33px 0; background: transparent url('../images/border-small_top.png') no-repeat 0 0; margin: 0 0 0 -33px; }

#contentXXL div#footer div.photoBox div.boxFoot { width: 288px; padding: 157px 33px 0; background: transparent url('../images/border-small_bottom.png') no-repeat 0 100%; margin: 0 0 0 -33px; }

/*###############################FORMULARE#################################*/

div#extranav form { position: absolute; top: 0; right: 0; text-align: right; width: 17em; border-left: 1px solid #fff; padding: 0; height: 2.4em; z-index: 999; }

div#extranav form fieldset { padding: 0 5px 0 10px; width: auto; }

div#extranav form label { margin: 0 0 4px; color: #fff; line-height: 2em; vertical-align: text-top; }

div#extranav form input { clear: left; margin: 2px 0 0; vertical-align: middle; height: 14px; padding: 2px; border: 1px solid #fff; width: 115px; }

div#extranav form input.button { background: transparent url('../images/arrow.png') no-repeat 0 0; width: 10px; height: 10px; padding: 0; margin: 2px 0 0; border: none; }


form.eventfilterform { background: #969fa0; margin: 10px 0 30px; padding: 5px 20px 0; color: #fff; }

form.eventfilterform img { vertical-align: text-top; margin: 0; }

form.eventfilterform input { margin: 0; }


form fieldset,
.tx-powermail-pi1_mandatory fieldset { border: none; padding: 20px 0 35px 0; width: 100%; line-height: 1.3em; }

form legend,
.tx-powermail-pi1_mandatory legend { display: none; }

form dl,
.tx-powermail-pi1_mandatory dl,
div.form dl { border-bottom: 1px solid #fff; width: 100%; padding: 5px 0; }

form dl.formError,
form .formError dl,
.tx-powermail-pi1_mandatory .formError { border-top: 1px solid #ab0431; border-bottom: 1px solid #ab0431; background-color: #fbe3e4; color: #000; }

form dl.formErrorMain,
.tx-powermail-pi1_mandatory dl.formErrorMain { border-top: 1px solid #ab0431; border-bottom: 1px solid #ab0431; background-color: #fbe3e4; width: 100%; padding: 10px 0 20px; margin: 0 0 20px 0; color: #000; }

form dl.focus
.tx-powermail-pi1_mandatory dl.focus { border-top: 1px solid #999900; border-bottom: 1px solid #999900; background-color: #fbfbed; }

form .formError dl dd input,
form .formError dl dd select,
form .formError dl dd textarea,
form dl.formError dd input,
form dl.formError dd select,
form dl.formError dd textarea { border: 1px solid #ab0431; }

form dl.focus dd input,
form dl.focus dd select,
form dl.focus dd textarea { border: 1px solid #999900; }

form dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

form dl dt,
div.form dl dt { float: left; display: block; width: 23%; font-weight: bold; padding: 0 1%; }

form dl.formErrorMain dt,
.tx-powermail-pi1_mandatory dl.formErrorMain dt { float: none; width: auto; font-weight: normal; font-size: 110%; padding: 0 1% 10px; }

form dl.formErrorMain dt strong,
.tx-powermail-pi1_mandatory dl.formErrorMain dt strong { background: transparent url('../images/icons/cancel.png') no-repeat 0 50%; padding: 0 0 0 20px; }

form dl dd,
div.form dl dd { margin: 0 0 0 25%; }

form .formErrorMain dd,
.tx-powermail-pi1_mandatory dl.formErrorMain dd { margin: 0; padding: 0 1%; }

form .formErrorMain dd ol { list-style-position: inside; }

form .formErrorMain dd ol li,
.tx-powermail-pi1_mandatory  dl.formErrorMain dd ol li { line-height: 1.5em; }

div#content form .formError dd a:link,
div#content form .formError dd a:visited,
div#content form .formErrorMain dd a:link,
div#content form .formErrorMain dd a:visited,
.tx-powermail-pi1_mandatory dl.formErrorMain dd li span { color: #ab0431; text-decoration: none; border-bottom: 1px dotted #ab0431; }

div#content form .formError dd a:hover,
div#content form .formError dd a:focus,
div#content form .formError dd a:active,
div#content form .formErrorMain dd a:hover,
div#content form .formErrorMain dd a:focus,
div#content form .formErrorMain dd a:active { color: #fff; border-bottom: 1px solid #ab0431; background-color: #ab0431; }

form dl dd p { padding: 5px 0 10px; margin: 0; }

form dl dd input { width: 200px; border: 1px solid #666; }

form dl dd textarea { width: 80%; height: 10em; border: 1px solid #666; }

form dl dd select { border: 1px solid #666; }

form dl dd.checkboxsingle label { float: left; width: auto; }

form dl dd.checkboxsingle input { width: auto; border: none; }

form dl dd.checkboxlist label { float: left; width: 10em; }

form dl dd.checkboxlist input { width: auto; border: none; }

form dl dt label em { float: right;  margin-right: 5px; font-weight: bold; font-style: normal; cursor: help; }

form input.submit { margin: 0 0 0 25%; font-size: 115%; }

form#map_search label { margin: 0 10px 0 0; }

form#map_search input#start { width: 140px; border: 1px solid #666; }

form#map_search input.submit { margin: 0; }

.validation-advice { clear: both; line-height: 1.3em; margin: 0 0 10px; padding: 5px 0 10px; }

.formError { margin-bottom: 4px; }

/*###############################NAVIGATION#################################*/

/*MAIN-NAVI BEGINNT HIER*/
#nav { float: left; width: 100%;  font-family: "Trebuchet MS", helvetica, arial, sans-serif; }

#nav, #nav ul { padding: 0; margin: 0; list-style: none; }

#nav a:link,
#nav a:visited { display: block; padding: 0 10px 0 10px; color: #fff; text-decoration: none; line-height: 2.4em; font -size: 85%; }

#nav a:hover,
#nav a:focus,
#nav a:active,
#nav li:hover a,
#nav li.sfhover a,
#nav li.active a { background: #fdfefe url('../images/bg-nav_over.png') repeat-x 0 0; color: #58585a; }

#nav li { float: left; margin: 0; border-right: 1px solid #fff; }

#nav ul { position: absolute; left: 0; background: #fff; width: 980px; }

#nav li ul li { background: #fff url('../images/bg-nav_sub.png') no-repeat 100% 55%; border: none; }
#nav li ul li.last { background: none; }

#nav ul a:link,
#nav ul a:visited { background: transparent; color: #969fa0; }

#nav ul a:hover,
#nav ul a:focus,
#nav ul a:active,
#nav ul li:hover a,
#nav ul li.sfhover a,
#nav ul li.active a { background: none; color: #666; }

#subNav { clear: both; position: absolute; background: none; top: 0; right: 40px; font-size: 85%; z-index: 999; }

#subNav li { float: left; margin: 0; }

#subNav a:link,
#subNav a:visited { display: block; padding: 5px 10px 5px 10px; color: #fff; text-decoration: none; line-height: 1.3em; }

#subNav a:hover,
#subNav a:focus,
#subNav a:active,
#subNav li:hover a,
#subNav li.sfhover a,
#subNav li.active a { background: none; color: #fff; text-decoration: underline; }

#map{
	background-color:#E5E3DF;
	float:left;
	height:400px;
	position:relative;
	width:100%;
	z-index:100;
	display: inline;
	margin-bottom: 10px;
}
#zingst{
	height:420px;
	visibility:hidden;
	display: none;
}
.zingst{
	height:2px;
	visibility:hidden;
}
.infobox address {
	line-height:15px;
	margin:0;
	font-size:80%;
}
#map_search {
	margin-bottom:20px;
}