@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
img { border: none; }
ul, ol, dl { list-style: none; }
a { text-decoration: none; }
:focus { outline: 0; }

body { font-family: Verdana, Geneva, sans-serif; color: #00374d; font-size: 62.5% !important; /* setzt medium Text von 16px auf 10px herunter */ background: #94c2d3 url(layout/bg-body.png) repeat-x; text-align: center;  }


/* ---------- seitenlayout & raster ---------- */
#container { margin: 0 auto;  width: 896px; }

#header { width: 864px; padding: 0 16px; background: url(layout/bg-header.png) no-repeat; }
#serviceNav { width: 864px; height: 48px; }
#mainNav { width: 864px; height: 55px; }
	#mainNav img { float: left; margin: 4px 0 0 16px; } 
#visual { width: 864px;  }
#visual .pic { float: left; padding: 0 0 0 16px; text-align: left; }
	#visual .pic img { border-right: 0 solid #fff; } 
#visual .cta { float: left; width: 208px; }

#breadcrumb { height: 8px; padding: 12px 0 0 16px; text-align: left; }

#content { float: left; width: 884px; padding: 20px 32px 32px; text-align: left; background: url(layout/bg-content.png) repeat-y; }
#subNav { float: left; width: 208px; text-align: left; }
/*#supportingText { float: left; width: 384px; padding: 0 32px 0 0; text-align: left; }*/
#supportingText { float: left; width: 410px; padding: 0 32px 0 0; text-align: left; }
#margin { float: left; width: 189px; padding: 0 0 32px 16px; margin-left: 2px; border-left: solid 1px #e5e5e5; }
#footer { clear: both; padding: 16px 32px 48px; text-align: left; background: url(layout/bg-footer.png) repeat-y; }

/*  FOOTER TEXT SECTION  */
.footer-text {clear: both; position: relative; padding: 16px 32px 48px; height:170px; background:transparent url(layout/bg-footer-reverse.gif) top left repeat-x;}
#footerLeft {position: absolute; top: 10px; left: 32px; width: 250px; height: 80px;}
#footerCenter {position: absolute; top: 10px; left: 316px; width: 250px; height: 80px;}
#footerRight {position: absolute; top: 10px; left: 616px; width: 250px; height: 80px;}
.footer-text h1 {margin-bottom: 1px; line-height:1.0em; text-align:left; color:rgb(255,255,255); font-weight:normal; font-size:115%;}
.footer-text h2 {line-height:1.0em; text-align:left; color:rgb(255,255,255); font-weight:normal; font-size:100%;}
.footer-text h3 {line-height:1.0em; text-align:left; color:rgb(255,255,255); font-weight:normal; font-size:100%;}
.footer-text ul {line-height:1.0em; padding-left: 20px; padding-top: 10px; text-align:left; color:rgb(255,255,255);}
.footer-text li {line-height:1.0em; text-align:left; color:rgb(255,255,255); font-weight:normal; font-size:100%;}
.footer-text p {line-height:1.1em; text-align:left; color:rgb(255,255,255); font-weight:normal; font-size:100%;}
.footer-text a {text-decoration:none; color:rgb(255,255,255); font-weight:bold; font-size:100%;}
.footer-text a:hover {text-decoration:none; color:rgb(255,255,255); font-weight:bold; font-size:100%;}
.footer-text a:visited {color:rgb(255,255,255); font-size:100%;}

/* ---------- abweichende specs  ---------- */
.start #breadcrumb { padding: 0; /*background: url(layout/bg-breadcrumb-start.png) 16px 24px no-repeat; */}
.start #content { padding-top: 64px; }
.start #supportingText { width: 472px; padding-left: 16px; }
.start #margin { width: 293px; }
.folge #content { padding-top: 20px; }


/* ---------- navigation ---------- */
#serviceNav ul { float: right; margin: 14px 16px 0 0; }
#serviceNav ul li { float: left; padding: 3px 0 0; font-size: 1em; line-height: 1.1em; color: #fff; }
#serviceNav ul li span { padding: 0 8px; }
#serviceNav ul li.suche { padding-top: 0; }
#serviceNav ul li a:link, #serviceNav ul li a:visited { color: #fff; }
#serviceNav ul li a:focus, #serviceNav ul li a:hover, #serviceNav ul li a:active { text-decoration: underline; }

#mainNav ul { float: right; margin-top: 25px; }
#mainNav ul li { float: left; padding: 0 16px; font-size: 1.2em; line-height: 1.3em; color: #006992; border-right: 1px solid #006992; }
	#mainNav ul li.last { border-right: 0; }
#mainNav ul li a:link, #mainNav ul li a:visited { color: #006992; }
#mainNav ul li a:focus, #mainNav ul li a:hover, #mainNav ul li a:active { color: #ff8500; text-decoration: underline; }
#mainNav ul li.current a:link, #mainNav ul li.current a:visited, 
#mainNav ul li.current a:focus, #mainNav ul li.current a:hover, #mainNav ul li.current a:active { color: #ff8500; }

#subNav dl { width: 176px; padding: .1em 16px 0; font-size: 1.1em; line-height: 1.4em; }
#subNav dt, #subNav dd { padding-bottom: .6em; }
#subNav dd { padding-left: 16px; }
#subNav dl a:link, #subNav dl a:visited { color: #006992; }
#subNav dl a:focus, #subNav dl a:hover, #subNav dl a:active { color: #ff8500; text-decoration: underline; }
#subNav dl .current a:link, #subNav dl .current a:visited,
#subNav dl .current a:focus, #subNav dl .current a:hover, #subNav dl .current a:active { color: #ff8500; }

#breadcrumb p { color: #7fb4c8; font-size: 1em; line-height: 1.1em; padding-bottom: 0; }
#breadcrumb a:link, #breadcrumb a:visited { color: #7fb4c8; }
#breadcrumb a:focus, #breadcrumb a:hover, #breadcrumb a:active { text-decoration: underline; }

.cta a { display: block; margin: 178px 0 4px 1px; width: /*204-12*/ 192px; height: /*70-43*/ 27px; padding: 43px 0 0 12px; border: 0px solid #ffc27f /*#e5e5e5*/; text-transform: uppercase; font-weight: bold; font-size: 1em; line-height: 1.1em; }
.cta2 a { margin: 0 0 4px 1px; }
.info-besucher { background: url(layout/infob.gif) 2px 2px no-repeat; }
.info-aussteller { background: url(layout/info-aussteller.jpg) 2px 2px no-repeat; }
.tickets-online { background: url(layout/tickets-online.jpg) 2px 2px no-repeat; }
.cta a:link, .cta a:visited { color: #ff8500;  /*#006992*/}
.cta a:focus, .cta a:hover, .cta a:active { text-decoration: underline; }


/* ---------- elemente & kombinationen ---------- */

/* #veranstalter { position: absolute; width: 864px; height: 52px; margin-top: 4px; background-color: #006992} */
#veranstalter { position: absolute; width: 864px; height: 52px; margin-top: 1px; background-color: #ffffff}
#veranstalter .logo { padding: 10px 0 0 16px; }
#veranstalter .logo img { float: left; margin: 0 2px 0 0; border: 1px solid #c5c7c8;}

.bildUmfluss { }
.bildUmfluss img { float: left; padding: .4em 16px .8em 0; }
.csc-textpic-intext-left dl { float: left; margin-right: 16px; }
.csc-textpic-intext-left dl dt img { float: left; padding: .4em 0 .8em 0; /*width: 96px;*/ }
.csc-textpic-intext-right dl { float: right; margin-left: 16px;}
.csc-textpic-intext-right dl dt img { float: right; padding: .4em 0 .8em 0; /*width: 96px;*/ }

.bildSpalte { width: 384px; }
.bildSpalte img { float: left; width: 96px; padding: .4em 16px 0 0; }
#supportingText .bildSpalte h2 { float: left; width: 272px; padding: 0 0 .8em 0; } 
#supportingText .bildSpalte h3 { float: left; width: 272px; padding: 0 0 0 0; } 
#supportingText .bildSpalte p { float: left; width: 272px; padding: 0 0 1.6em 0; }
.csc-textpic-intext-left-nowrap dl { float: left; }
.csc-textpic-intext-left-nowrap dl dt img { float: left; /*width: 96px;*/ padding: .4em 0 0 0; }
.csc-textpic-intext-left-nowrap .csc-textpic-text h2 { float: left; /*width: 272px;*/ padding: 0 0 .8em 6px; } 
.csc-textpic-intext-left-nowrap .csc-textpic-text h3 { float: left; /*width: 272px;*/ padding: 0 0 0 6px; } 
.csc-textpic-intext-left-nowrap .csc-textpic-text p { float: left; /*width: 272px;*/ padding: 0 0 1.6em 6px; }
.csc-textpic-intext-right-nowrap dl { float: right; }
.csc-textpic-intext-right-nowrap dl dt img { float: right; /*width: 96px;*/ padding: .4em 0 0 0; }
.csc-textpic-intext-right-nowrap .csc-textpic-text h2 { float: left; /*width: 272px;*/ padding: 0 6px .8em 0; } 
.csc-textpic-intext-right-nowrap .csc-textpic-text h3 { float: left; /*width: 272px;*/ padding: 0 6px 0 0; } 
.csc-textpic-intext-right-nowrap .csc-textpic-text p { float: left; /*width: 272px;*/ padding: 0 6px 1.6em 0; }

#margin .box { margin: 0 0 4px 2px; width: 204px; border: 1px solid #e5e5e5; }
#margin .event { width: 176px; padding: 16px 16px 0 12px; background: url(layout/bg-box-event.png) 2px 2px no-repeat; }
#margin .kontakt { width: 204px; height: 46px; background: url(layout/bg-box-kontakt.png) 2px 2px no-repeat; }
#margin .kontakt a:link, #margin .kontakt a:visited { display: block; width: 176px; padding: 18px 16px 0 12px; text-transform: uppercase; font-weight: bold; font-size: 1em; line-height: 1.1em; color: #ff8500; }
#margin .kontakt a:focus, #margin .kontakt a:hover, #margin .kontakt a:active { text-decoration: underline; }
#margin .logo { padding: 8px 0; text-align: center; }
#margin .logo img { margin: 8px 0; }




/* ---------- textformatierung ---------- */
h1 { font-size: 1.1em; line-height: 1.6em; padding-bottom: .8em; color: #00a2e0; text-transform: uppercase; font-weight: normal; }
	#footer h1 { color: #fff; border-bottom: 1px solid #fff; padding-bottom: .2em; margin: 0 0 1.6em 16px; }
h2 { font-size: 1.1em; line-height: 1.6em; padding-bottom: .8em; }
	#subNav h2 { padding-left: 16px; font-size: 1.1em; line-height: 1.6em; padding-bottom: .8em; color: #006992; }
	#subNav h2 a { color: #006992; }
h3 { font-size: 1.1em; line-height: 1.6em; padding-bottom: 0; }
p { font-size: 1.1em; line-height: 1.6em; padding-bottom: 1.6em; }
	#footer p { color: #fff; margin: 0 16px; }

#supportingText ul { font-size: 1.1em; line-height: 1.6em; padding-bottom: 1.6em; }
#supportingText ul li { padding-left: 32px; background: url(layout/bg-li.png) 12px .4em no-repeat; }
#margin ul { font-size: 1.1em; line-height: 1.6em; padding-bottom: 1.6em; }
#margin ul li { padding-left: 16px; background: url(layout/bg-li-margin.png) 0 .6em no-repeat; }

#supportingText hr { height: 1px; display: list-item; list-style: url(layout/bg-hr.png) inside; color: #FFF; border: 0; margin: 1em 0 2.4em 0; }
.solution p { height: 1px; padding: 0; margin: 0; }
.solution hr { height: 1px; padding: 0; margin: 0; }
.start #supportingText hr { height: 1px; display: list-item; list-style: url(layout/bg-hr-start.png) inside; color: #FFF; border: 0; margin: 1em 0 2.4em 0; }
#margin hr { border: 0px; border-top: solid 1px #e5e5e5; margin-bottom: 1.6em; }


/* normale Links */
#supportingText a:link, #supportingText a:visited { color: #ff8500; text-decoration: underline; }
#supportingText a:focus, #supportingText a:hover, #supportingText a:active { }
#margin a:link, #margin a:visited { color: #ff8500; text-decoration: underline; }
#margin a:focus, #margin a:hover, #margin a:active { }


/* ---------- tabelle ---------- */
table { width: 384px; margin: 0 0 1.6em 0; border: 1px solid #e5e5e5; }
th { text-align: left; font-size: 1.1em; line-height: normal; padding: .5em .2em .5em .4em; border-bottom: 1px solid #00a2e0; }
td { font-size: 1em; line-height: normal; padding: .4em .2em .4em .4em; }
.alt td { background: #f4f9fb; }


/* ---------- formulare ---------- */
form input { border: 1px solid #e5e5e5; height: 14px; padding: 1px 0; font-size: 1em; line-height: normal; color: #006992; }

form.quicksearch { float: left; }
form.quicksearch input { float: left; width: 128px; height: 13px; padding-left: 5px; margin: 0 4px 0 16px; border: 1px solid #2a85a8; }
form.quicksearch .button { width: auto; height: auto; margin: 0; padding: 0; border: none; }

form.kontakt { width: 384px; padding: 0 0 2.4em; }
form.kontakt legend { display: none; }
form.kontakt fieldset { width: 384px; padding: 2.4em 0 1.6em; border: none; background: url(layout/bg-fieldset.png) no-repeat; }
form.kontakt fieldset.daten { }
form.kontakt fieldset.anfrage { }
form.kontakt fieldset.newsletter { }
form.kontakt fieldset.senden { float: right; }
form.kontakt label, form.kontakt input { float: left; }
form.kontakt br { clear: left; }
form.kontakt label { width: 96px; padding-top: .2em; padding-left: 16px; font-size: 1.1em; line-height: 1.6em; }
	form.kontakt label.herr, form.kontakt label.frau { width: 48px; margin-bottom: .4em; }
	form.kontakt label.hausnummer { width: 32px; padding-left: 0; }
	form.kontakt label.ort { width: 48px; padding-left: 0; }
	form.kontakt label.newsletter { width: 48px; padding-left: 0; line-height: normal; }
form.kontakt input { width: 254px; height: 15px; font-size: 1.1em; margin-bottom: 1em; }
	form.kontakt input#herr, form.kontakt input#frau { width: auto; border: none; margin: .2em 4px 1em 0; }
	form.kontakt input#strasse { width: 172px; margin-right: 16px; }
	form.kontakt input#hausnummer { width: 32px; }
	form.kontakt input#plz { width: 64px; margin-right: 16px;  }
	form.kontakt input#ort { width: 124px; }
	form.kontakt input#newsletter { margin: .2em 4px .8em 112px; width: auto; border: none; margin-right: 4px; }
form.kontakt textarea { width: 252px; height: 96px; padding: 2px 0 0 2px; border: 1px solid #e5e5e5; margin-bottom: 1em; font-family: Verdana, Geneva, sans-serif; font-size: 1em; color: #006992; }
#supportingText form.kontakt p { float: none; width: 256px; margin-left: 112px; padding: 0 16px 1em 0; font-size: 1.1em; line-height: 1.3em; }
form.kontakt .button { float: right; width: auto; height: auto; margin: 0; margin-right: 16px; border: none; }

form table { border: 0; }
form .csc-mailform-field legend { display: none; }
form .csc-mailform-field fieldset { border: none; }
form .csc-mailform-field label { float: left; width: 96px; padding-top: .2em; padding-left: 16px; font-size: 1.1em; line-height: 1.6em; }
form .csc-mailform-field input { float: left; width: 254px; height: 15px; font-size: 1.1em; margin-bottom: 1em; }
form .csc-mailform-field textarea { width: 252px; height: 96px; padding: 2px 0 0 2px; border: 1px solid #e5e5e5; margin-bottom: 1em; font-family: Verdana, Geneva, sans-serif; font-size: 1em; color: #006992; }
form .csc-mailform-field input#mailformformtype_mail { clear: left; float: right; margin: 20px 16px 0 0; width: auto; height: auto; background: #fff; border: 1px solid #ff8500; color: #ff8500; padding: .2em .5em; }
form span.csc-mailform-radio { float: left; width: 254px;  padding-left: 0px;}
form .csc-mailform-radio label { width: auto; height: auto; padding-right: 16px; padding-top: 0px;}
form .csc-mailform-radio input { width: auto; height: auto; border: none; }

/*****************/
/* Search result */
/*****************/

/* Search form, specifically */
FORM TABLE.csc-searchform { width: 100%; }
FORM TABLE.csc-searchform TR TD { padding: 5px 5px 5px 5px; }
FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { padding-top: 15px; padding-left: 16px; font-size: 10px; line-height: 20px; font-weight: bold; width: 100px; }
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT { height: 18px; font-size: 10px; padding-left: 5px; width: 200px; border: 1px solid #c4c5c6 } 
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { height: 20px; font-size: 10px; margin-bottom: 0; width: 200px; } 

/* Search Result, result information box: */
TABLE.csc-searchResultInfo { margin-left: 0px; margin-top: 10px; border: 0; width: 100%;}
TABLE.csc-searchResultInfo TR { background-color: #ffffff; }
TABLE.csc-searchResultInfo TR TD P { padding: 0px 5px 0px 0;}
TABLE.csc-searchResultInfo TR TD.csc-searchResultRange P { font-size: 12px; font-weight: bold; }
TABLE.csc-searchResultInfo TR TD.csc-searchResultPrevNext { text-align: right; }
 
/* Search Result, header + abstract: */
H3.csc-searchResultHeader A { color: #186900; }
H3.csc-searchResultHeader { background-color: #ffffff; font-size: 12px; }
P.csc-searchResult { font-style: italic; margin-left: 20px;}
 
/* Search word markup */
SPAN.csc-sword { font-weight: bold; color: red; } 

/* ---------- floats aufheben ---------- */
#serviceNav:after, 
#mainNav:after,
#visual:after, 
#content:after,
#footer:after,
.bildUmfluss:after, .csc-textpic-intext-left:after, .csc-textpic-intext-right:after,
.bildSpalte:after, .csc-textpic-intext-left-nowrap:after, .csc-textpic-intext-right-nowrap:after,
form.kontakt:after,
form.quicksearch:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* ie 5+6 */
* html #serviceNav,
* html #mainNav,
* html #visual,
* html #content,
* html #footer,
* html .bildUmfluss, * html .csc-textpic-intext-left, * html .csc-textpic-intext-right,
* html .bildSpalte, * html .csc-textpic-intext-left-nowrap, * html .csc-textpic-intext-right-nowrap,
* html form.quicksearch,
* html form.kontakt { height: 1%; }
/* ie 7 */
*:first-child+html #serviceNav,
*:first-child+html #mainNav,
*:first-child+html #visual, 
*:first-child+html #content,
*:first-child+html #footer,
*:first-child+html .bildUmfluss, *:first-child+html .csc-textpic-intext-left, *:first-child+html .csc-textpic-intext-right,
*:first-child+html .bildSpalte, *:first-child+html .csc-textpic-intext-left-nowrap, *:first-child+html .csc-textpic-intext-right-nowrap,
*:first-child+html form.quicksearch,
*:first-child+html form.kontakt { min-height: 1px; }


/* ---------- browser hacks ---------- */
/* ie6 */ * html #mainNav { height: 55px; }
/* ie6 */ * html #serviceNav { height: 48px; }
/* ie6 */ * html #serviceNav ul { margin-right: 0px; padding-right: 16px; }
/* ie6 */ * html #breadcrumb { margin-top: -4px; }
/* ie6 */ * html #supportingText hr { margin: 1em 0 1.6em 0; }
/* ie6 */ * html #margin hr { border-bottom: 1px solid #fff; }
/* ie6 */ * html form.kontakt input#strasse { width: 172px; margin-bottom: 1.2em; }
/* ie6 */ * html form.kontakt input#ort { width: 124px; margin-bottom: 1.2em; }
/* ie6 */ * html form.kontakt textarea { width: 250px; }

/* ie7 */ *:first-child+html #supportingText hr { margin: 1em 0 1.6em 0; }
/* ie7 */ *:first-child+html #margin hr { border-bottom: 1px solid #fff; }