/*Autor: Thilo Bunzel-Duran, <i-public>, bunzel-duran@i-public.de*/
/*Erstellungsdatum: 14. Mai 2006, css 2 valide*/
/*global classes*/
.blind {display: none;}
.off {position: absolute; margin:  -1000px 0 0 0;}
.null { font-size: 0px; height: 0; width: 0;}
.clear { clear: both; font-size: 0px; height: 0; width: 0; }
.rubrik, .partner {display: block; position: relative; float: none; color: #FFF; background-color: #001C4C !important; background-image: url(/fileadmin/design_ht/img/bt_button.gif); background-repeat: no-repeat; background-position: 5px; font-size: 0.9em; margin: 0 0 1em 0; padding: 0.1em 0.8em 0.1em 22px; border: 0px dotted green;}
.partner {background-image: url(/fileadmin/design_ht/img/bt_mail.gif); margin-bottom: 0; margin-top: 0.4em; padding-bottom: 0;}
.darkred {font-weight: bold !important;}
.blau {color: #001C4C;}
.blaugrau {color: #616D7C !important; padding: 0 0.3em;}
.distance { font-size: 0.3em; }
.external-link-new-window, .mail {padding-left: 20px; background-image: url(http://p18281.typo3server.info/fileadmin/design/wait/external_link.gif); background-repeat: no-repeat; background-position: 2% 50%;}

/*global elements*/
html   { height:100%; background-color: #F8F8F5; margin:0; padding:0; float: none;}
body   { margin: 0.8em; padding:0; height:100%; font-family: Arial, Helvetica, sans-serif; font-size:  0.75em; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin-top: 1.5em; font-weight: bold; color: #001C4C; background-color: transparent; width: 100%;}
h1 {font-size: 1.2em; font-weight: bold;}
h2 {font-size: 1.15em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.05em;}
h5 {font-size: 1.05em;}
h6 {font-size: 1em;}
a:link, a:visited {color: #00F; background-color: transparent;}
a:active, a:hover, a:focus {color: #001C4C; background-color: #FFF; text-decoration: overline;}

img {border: 0;}
img.left {margin: 0 1em 1em 0; float: left;}
img#logo {margin: 0; padding: 0; border: 0; float: left; width: 74.5em; height: 5em; background-color: transparent !important; }

acronym {border-bottom: 0px dotted; cursor: help;}
table {width: 100%; border: 0; padding: 4px;}
caption { color: #021E46; font-weight: bold; background-color: #DBDBC4; border-top: 1px solid #021E46; border-bottom: 1px solid #021E46;}
th { color: #021E46; background-color: #EBEBE1;  }
td { background-color: #FFF; color: #000; }
tfoot td { color: #021E46; background-color: #DBDBC4; font-size:0.9em; text-align: center; border-bottom: 1px solid #021E46; border-top: 1px solid #021E46;}

/*MACRO_LAYOUT*/
.text_area { position:relative; float: left; width: 65.3em; height:auto; padding:0; color: #000; background-color: #E4E4D7; text-align:left; z-index: 1;
border: 0px dotted #000; border-right: 200px solid #DBDBC4;}
.text_area #r_1 {  }
#header    {float: left; text-align: left; width: 65.3em; height: 8.95em; background-color: #001C4C; z-index: 2; border: 0px dotted #000;}
#content_wrap {position: relative; float:left; width: auto; height: auto; border: 0px dotted green; margin: 0 1.05em 0 0; /*margin: 0 1.05em 2.5em 0;*/ padding: 0;}
#content_wrap_two {position: relative; float:left; width: auto; height: auto; border: 0px dotted green; margin: 0 1.05em 0 0; /*margin: 0 1.05em 2.5em 0;*/ padding: 0;}
#breadcrumb   { margin-top:1.57em; width:51.65em; color:#871C64; overflow: hidden; }

#normalColumn {position: relative; margin: 0 1.15em 0 0; float: left; padding: 0; width: 30.4em; height: auto; background-color: transparent; border: 0px dotted #0F0; border-bottom: 3.55em solid #E4E4D7; z-index: 0;}
#normalColumn_two {position: relative; margin: 0 1.15em 0 0; float: left; padding: 0; width: 42.3em; height: auto; background-color: transparent; border: 0px dotted #0F0; border-bottom: 3.55em solid #E4E4D7; z-index: 0;}
#rightColumn   {position: relative; margin: 0; padding: 0; float: left; width: 13em; overflow: hidden; border: 0px dotted #00F;}
#borderColumn    {position: absolute; width: 180px; height: auto; text-align: center; top: 0px; right: 0; margin: 2.5em -200px 0 0; padding: 0 10px; color: #777; background-color: #DBDBC4; border: 0px dotted red; z-index: 3;}
#footer    {position: relative; float: left; width: 65.3em; height: auto; text-align: left; margin: 0; color: #FFF; background-color: #021C4F; border: 0px dotted #0FF; border-right: 200px solid #DBDBC4; padding: 0;}

/*HEADER-Container*/
#header img {padding: 0; margin: 0; border: 0; display: block; width: 65.35em; height: 8.95em; color: #FFF; background-color: #021C4F;}
#header img.left {width: auto; margin: -1px 0 0 0.85em; height: auto;}
#header #header_img_2 {float: right; width: 33.95em; height: 8.95em; padding: 0; margin: 0 -1px 0 0 ; border: 0; color: #FFF; background-color: #021C4F;}
#header h1.logotype {position: absolute; left: 12.35em; display: block; float: left; font-weight: lighter; width: 7.5em;  margin: 0;
padding: 1.15em 0 0 0; height: auto; text-align: left; color: #FFF; font-size: 150%; background-color: #011D4F !important; z-index: 4; border: 0px dotted red; overflow: visible;}
#header h1.logotype span.claim {font-size: 70%; font-weight: bold; color: #F3F895;}
#header h1.logotype a {font-family: Arial, Helvetica, sans-serif; font-weight: lighter; float: left; padding: 0; color: #FFF; background-color: #011D4F !important; text-decoration: none;}
#header h1.logotype a:active, #header h1.logotype a:hover, #header h1.logotype a:focus { text-decoration: none;}

#subheader {float: left; width: 100%; height: auto; border: 0px dotted #FF0; padding: 0; margin: 0 0 2em 0;}
#subheader h1#stadtteile {position: relative; float:left; width: 100%; height: 0.6em; margin: 0 0 3.2em 0px; text-align:center; padding: 0.1em 0; font-size: 0.6em; border: 0px dotted #00F; border-top: 0px solid #C9C9C9; font-weight: bold; background-image: url(/fileadmin/design_ht/img/bg_stadtteile.gif); background-repeat: repeat-y;}
#subheader h1#stadtteile a { float: left; width: 7.5%; color: #000; text-decoration:none; display: none;}
#subheader_left {position: relative; float: left; width: 23.1%; height: auto; text-align: left; text-indent: 4px; background-color: transparent; color: #000;
border: 0px dotted red;  margin: 0 0 0 23px; padding: 0; font-size: 0.95em; font-weight: bold; border: 0px dotted green; border-top: 1px solid #728092;}
#subheader_left span.count {display: block; padding: 0.2em 0; margin: 0; border-bottom: 1px solid #728092;}
#subheader_left a {padding: 0 0.1em;}
#subheader_left2 {text-align: center; background-color: transparent;  color: #000; text-align: left; text-indent: 4px;
border: 0px dotted red; height: auto; margin: 0.35em 0em 0.4em 0; padding: 0.1em 0 0.15em 0; font-size: 0.95em; font-weight: bold; border-top: 1px solid #728092; border-bottom: 1px solid #728092;}
#subheader_left a:link, #subheader_left a:visited {background-color: transparent; text-decoration: none;}
#subheader_left a:hover, #subheader_left a:active,  #subheader_left a:focus { color: Black; background-color: #FFF; text-decoration: none;}

div#usability {float: left; text-align: left; width: 45.5em; height: auto; border: 0px dotted red; margin: 0 0 0 1.5em;}
div#topMenu   {text-align: center; font-size: 0.95em; font-weight: bold; width: 100%; /*45.1em;*/ margin: 0 0.2em 0.4em 0; padding: 0.2em 0; border-top: 1px solid #728092; border-bottom: 1px solid #728092; }
div#topMenu a:link, #topMenu a:visited { color: Black; background-color: transparent; text-decoration: none; background-image: url(/fileadmin/design_ht/img/bt_button_act.gif); background-repeat: no-repeat; background-position: left; background-position: center left; padding-left: 18px; }
div#topMenu a:hover, #topMenu a:active,  #topMenu a:focus { color: Black; background-color: #FFF; text-decoration: none; background-image: url(/fileadmin/design_ht/img/bt_button_act.gif); background-repeat: no-repeat; background-position: left; background-position: center left; padding-left: 18px; }
div#path {float: left; font-size: 0.9em; color: #000; background-color: #FFF; width: 97%; padding: 0.15em 0 0.2em 3%; margin-bottom: 0;}

span.borders {position: absolute; display: block; border: 1px solid red;}
fieldset.newsletter {margin-left: 0; padding: 0; font-size: 0.95em; border: 1px solid red;}
fieldset.newsletter legend {font-family: arial; font-size: 1em; background-color: #DBDBC4; border: 0px dotted red;}
fieldset.newsletter form {width: 12em; border: 0px dotted green;}

/*SUBHEADER formularzeile*/
fieldset { border: 0; border-top: 10px solid #DBDBC4; float: left; padding: 0; margin: 0 2.5em 0 0; background-color: #DBDBC4;}
fieldset.start {float: left; margin: 0; padding: 0; width: 100%; height: auto; border-top: 1px solid #728092; border-bottom: 1px solid #728092; }
fieldset#letter {margin: 1.5em 0 0 10px; width: 14.2em;}
legend {display: none;}
form {float: left; margin: 0; padding: 0; border: 0px dotted lime;}
label {font-weight: bold; font-size: 0.9em; margin: 0.4em 0 0.4em 0; padding: 0 0 0.25em 0.3em; background-color: transparent;}
input {float: left; background-color: inherit; }
input#abo, input#los { width: 3.25em; height: auto; font-weight: bold; border: 1px solid #FFF; color: #fff; background-color: #001C4C;}
input.abo, input.los {background-color: #FFF;}
input#search, input#newsletter {width: 10.65em; background-color: #FFF;}
select, option, input {width: 15.4em; height: auto; font-size: 0.9em;}
select#typeoptions { height: 1.6em; font-size: 95%; width: 14em;}
select#typeoptions option {  height: 1.6em }

#normalColumn p em {font-weight: 600;}
#borderColumn h2 {background-color: #FFF; float: none; margin-bottom: 0; font-weight:normal; font-size:1em; color: #000; width: 100%; border: 0px dotted blue;}
#borderColumn div.adv {padding: 2em 0; margin: 0; border-bottom: 1px solid #FFF;}

/*FOOTER-Container*/
#footer a#portal:link, #footer a#portal:visited  {font-size: 1em; font-weight: bold; z-index: 5; color: black; background-color: #FFF; text-decoration: underline; 
text-align: left; padding: 0 2.1em 0 10px; margin: 0 1em 0 0; border-top: 1px solid #ACB5C5; border-bottom: 1px solid #ACB5C5; background-image: none;}
#footer a#portal:hover, #footer a#portal:active  #footer a#portal:focus { text-decoration: overline; }
#footerMenu {position: relative; float: left; font-size: 0.95em; margin: 0.2em 0 0.2em 0; padding: 0 0 0 23px; border: 0px dotted yellow; line-height:1.4em;}
#footer a:link, #footer a:visited {position: relative; color: #FFF; background-color: #021C4F; padding: 0 0.15em;}
#footer a:active, #footer a:hover, #footer a:focus {color: #001C4C; background-color: #FFF; text-decoration: none;}
#footer span {position: relative; float: left; color: #DBDBC4; background-color: #021C4F; padding-bottom: 0.2em;}

#content_serviceMenu {width: 100%; height: auto; float: none; padding: 1.5em 0 0 0; margin: 1.5em 1em 0 0; text-align: center;}
.rubrik span {vertical-align: text-top;}

div.latest, div.latest_2, div.latest_3, div.latest_4, div.latest_5, div.latest_6, div.latest_7, div.latest_8, div.latest_9
 {display:block; float: none; border-bottom: 1px solid #FFF; margin: 0 0 0.8em 0; padding-bottom: 0.5em;}
a.news_imagelink {display:block; float: left; width:auto; border: 0px dotted #000; width: 12.35em; height:auto; padding-left: 0px; padding-bottom: 0px; background-color: transparent !important; background-image: url(/fileadmin/design_ht/img/bg_1.gif); background-repeat: repeat-y; background-position: 0px 0px;}
a.news_teaserlink strong { text-decoration: underline; display: block; border: 1px dotted red;}
a.news_teaserlink:hover strong, a.news_teaserlink:active strong, a.news_teaserlink:focus strong { text-decoration: overline;}
a.news_teaserlink:link, a.news_teaserlink:visited {display: block; float: right; width: 16.75em; height: auto; margin-left: 6px; padding: 0 0.25em; border: 0px dotted green; text-decoration: none; color: #000; background-color: transparent;}
a.news_teaserlink:hover, a.news_teaserlink:active, a.news_teaserlink:focus {color: #000; background-color: #FFF;}
img.news_arrow_img {float: left; padding-right: 8px;}


div.latest_1 a.news_imagelink {background-image: url(/fileadmin/design_ht/img/bg_1.gif);}
div.latest_2 a.news_imagelink {background-image: url(/fileadmin/design_ht/img/bg_2.gif);}
div.latest_3 a.news_imagelink {background-image: url(/fileadmin/design_ht/img/bg_3.gif);}
div.latest_4 a.news_imagelink {background-image: url(/fileadmin/design_ht/img/bg_4.gif);}
div.latest_5 a.news_imagelink {background-image: url(/fileadmin/design_ht/img/bg_5.gif);}
div.latest_6 a.news_imagelink {background-image: url(/fileadmin/design_ht/img/bg_6.gif);}
div.latest_7 a.news_imagelink {background-image: url(/fileadmin/design_ht/img/bg_7.gif);}
div.latest_8 a.news_imagelink {background-image: url(/fileadmin/design_ht/img/bg_8.gif);}
div.latest_9 a.news_imagelink {background-image: url(/fileadmin/design_ht/img/bg_9.gif);}

/*
dl, dt, dd {float:none; font-weight: normal !important; margin: 0; padding: 0; text-indent: 0; text-align:left; background-color:#FFF;}
dt { background-image: url(/fileadmin/design_ht/img/bt_mail.gif); background-repeat: no-repeat; background-position: top left; }
dt, dd { padding: 0.5em 0 0 30px; }
dt h1, dd h1.name {font-size: 1em; font-weight: normal !important; line-height: 1.15em; margin: 0.5em 0 0 0; padding: 0;}
dd { font-weight: normal !important; margin-bottom: 0; border:0px dotted blue;}
.holder {width: 100%; margin: 0; padding: 0; border: 0; border-bottom: 1px solid #728092; float:left;}
.holder strong {padding: 0.6em 0 1.3em 0; margin: 0.6em 0 1.3em 0;}
a.hid {float:left; text-align:right; width: 100%; height: auto; margin: 0; padding:0; color:#000; text-decoration:none; outline-style:none;}
a.hid span {float: inherit; width:100%; height: auto; margin: 0; padding: 0;}
a.hid img.info {margin: 0; padding: 0; }
a.hid em {display:none; padding: 1em 0 0 0;}
a.hid em img { padding-right: 0.5em; float: right;}
a.hid:hover {text-decoration: none;}
a.hid:active, a.hid:focus {background:#fff; text-decoration: none;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active, a.hid:focus { border: none;}
a.hid:active em, a.hid:focus em {display:block; color:#000; width:100%; height: auto; text-align:left; font-style:normal; cursor:default;}

dl.holder_short, dl.holder_short dt, dl.holder_short dd  {float:none; margin: 0; padding: 0; text-indent: 0; text-align:left; background-color: #E4E4D7 !important;}
dt.holder_short h2 {font-size: 1em; margin: 0; padding: 0;}
.holder_short {width: 100%; margin: 0; padding: 0; color: #000; border-bottom:1px solid #FFF; float:left;}
.holder_short strong {padding: 0 0 1.3em 30px;  background-color: #E4E4D7 !important; background-image: url(/fileadmin/design_ht/img/bt_arrow.gif) !important; background-repeat: no-repeat; background-position: 0 0.15em; text-decoration: underline;}
i.address {float: none; font-style: normal; margin:0; padding:0; width: 100%; background-color: #FFF; letter-spacing: 0.3px;}

a.hid_s {float:left; text-align:right; width: 100%; height: auto; margin: 0; padding:0; color:#000; background-color: #E4E4D7 !important; text-decoration: none; outline-style:none;}
a.hid_s span {float: inherit; width:100%; height: auto; margin: 0; padding: 0;}
a.hid_s img.info {margin: 0; padding: 0; }
a.hid_s em {display:none; background-color: #FFF;}
a.hid_s em img { padding-right: 0.5em; float: left;}
a.hid:hover {text-decoration:none;}
a.hid_s:active, a.hid_s:focus {background-color: #E4E4D7;}
a.hid_s:active span, a.hid_s:focus span {display:none;}
a.hid_s:active, a.hid_s:focus { border: none !important;}
a.hid_s:active em, a.hid_s:focus em {display:block; border: none !important; color:#000; width:100%; height: auto; text-align:left; font-style:normal; cursor:default;}
*/
input#close {float: right; width: auto! important;}

/*event_news*/
table.events, table#events { width: 100%; height: auto; margin-top: 6px;}
table.events strong, table#events strong { font-size: 1.2em; }
table.events td, table#events td { background-color: #FFF; vertical-align: top; text-align: left; padding: 0 12px;}	
table.events td.plakat, table#events td.plakat { padding: 0 !important; background-image: url(bg_eventtable.jpg); background-position: bottom; background-repeat: repeat-x; }
table.events td.eventcontent, table#events td.eventcontent { font-weight: normal;}
table.events td.eventcontent p img, table#events td.eventcontent p img {float: left !important;}
table.events td.eventinfo, table.events td.eventticket, table#events td.eventinfo, table#events td.eventticket { height: 1em; text-align: right; font-weight: bold;}
table.events td.eventticket, table#events td.eventticket {background-color: #C81B19 !important;}
table.events td.eventinfo a, table.events td.eventticket a, table#events td.eventinfo a, table#events td.eventticket a { color: #FFF; background-color: transparent; font-weight: bold; text-decoration: none;}
table.events td.eventinfo, table#events td.eventinfo {height: 1em; padding: 0 6px 0 0; color: #FFF; background-color:  #021C4F; } 
table.events td.eventticket {margin: 0; padding: 0 6px 0 0; background-image: url(bg_eventtable.jpg); background-position: bottom; background-repeat: repeat-x; color: #FFF; background-color: #C81B19 !important;}
table.events td.eventticket p, table#events td.eventticket p {margin: 0; padding: 0;}
table.events tr.border td, table#events tr.border td {border-bottom: 1px solid #000; color: #E7E7D6; background-color:  #E7E7D6;}
div.news-single-img {display: inline !important; float: right !important;}

/*indexed searchengine*/
div.tx-indexedsearch-browsebox {display: block; width: 100%; height: auto; float: none; margin-bottom: 1em;}
ul.browsebox {display: block; float: none; list-style-type: none; margin-bottom: 1em;}
ul.browsebox li {float: left !important; margin-left: 10px;}

/*cal*/
.green {color: #FFF; font-weight: bold; background: #C81B19;}
.evbody,.lime, eventbg2  {color: black; background: #EEEEEE;}