/*#####################################################

   Stylesheet fuer Doppelpass Online
   Werbeagentur aufind.

   gz, 21.02.2005

######################################################*/
 /*#####################################################
 Pseudo-Klassen & Redefinierung von HTML-Elementen
######################################################*/
 /* Allgemeine Angaben */
html,body,a,a:link,a:visited,a:hover,a:active,p,div,span,table,tbody,th,tr,td,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option,optgroup,button,fieldset,textarea,label,legend
 {
 font-family: Verdana, Arial, Helvetica, SunSans-Regular;
 font-size: 1em;
 color: #000;
 text-decoration: none;
 padding: 0;
 margin: 0;
}

html,body {
 background: #FFF;
 font-size: 16px;
}

/* Links */
a,a:link,a:visited,a:hover,a:active {
 color: #FF0000;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

/* Formular-Elemente */
form {
 padding: 0;
 margin: 0;
}

fieldset {
 padding: 0;
 margin-bottom: 10px;
}

input,select,button,textarea {
 font-size: 0.7em;
 color: #333;
 background: #FFF;
 border: 1px solid #333;
 margin-right: 5px;
}

/* Block- und Inline-Elemente */
p {
 font-size: 0.8em;
 margin: 5px 0px;
 font-weight: normal;
 font-style: normal;
}

td,label,legend {
 font-size: 0.7em;
 /*white-space: nowrap;*/
}

td td {
 font-size: 1em;
}

/* Ueberschriften */
h1 {
 font-size: 0.85em;
 font-weight: bold;
 margin-bottom: 20px;
}

h2 {
 font-size: 1.13em;
 font-weight: normal;
 margin-bottom: 15px;
}

/* wird bei News verwendet */
h3 {
 font-size: 0.95em;
 font-weight: bold;
 margin-bottom: 10px;
}

/* wird bei News verwendet */
h4 {
 font-size: 0.8em;
 font-weight: bold;
}

h5 {
 font-size: 0.85em;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 0;
}

h6 {
 font-size: 0.75em;
 font-weight: bold;
 border-bottom: 1px solid #55595D;
 margin-top: 15px;
 margin-bottom: 2px;
}

/* Bild-Definitionen */
img {
 border: none;
 white-space: nowrap;
}

ul {
 list-style-type: square;
 padding: 10px 5px 5px 5px;
}

ul li {
 font-size: 0.7em;
 line-height: 100%;
 margin: 0px 0px 2px 15px;
}

hr {
 border: 1px solid #000;
 width: 100%;
 height: 1px;
 margin: 5px 0px;
}

/*#################################################
 CSS-Klassen bezogen auf die div-Bloecke
#################################################*/
 /* Seite zentriert ausrichten */
#center { /*width: 987px;*/
 width: 1009px;
 padding: 0;
 margin: 0px auto 0px auto;
}

/* Rahmen wegen Banner */
#rahmen {
 width: 880px;
 float: left;
}

/* --------------- Oben: Links und Suchfeld --------------- */
#top {
 background: url(../../assets/common/bg_head.gif) no-repeat;
 width: 880px;
 height: 100px;
}

.logo {
 margin: 11px 0px 0px 19px;
}

.sitenavi {
 font-size: 0.6em;
 color: #FFF;
 text-align: right;
 margin: 2px 3px 0px 0px;
}

.sitenavi a,.sitenavi a:link,.sitenavi a:visited,.sitenavi a:hover,.sitenavi a.active
 {
 font-size: 1.05em;
 color: #FFF;
 text-decoration: none;
 margin: 0px 2px;
}

/* ------------- Hauptnavigation ------------- */
 /* Block mit den Navigationselementen */
#naviH {
 font-size: 0.7em;
 color: #FFF;
 background: #FF0000;
 padding: 2px 5px;
}

#naviH a,#naviH a:link,#naviH a:visited,#naviH a:hover,#naviH a.active {
 font-size: 1em;
 color: #FFF;
 text-decoration: none;
 padding: 2px 5px;
}

#naviH a:hover {
 color: #000;
 background: #FFFFD9;
}

#naviH a.akt,#naviH a:link .akt,#naviH a:visited .akt,#naviH a:hover
 .akt,#naviH a.active.akt {
 color: #000;
 background: #FFFFD9;
}

/* Formatierung der Links in der Aufklappnavi */
.linkmenu a,.linkmenu a:link,.linkmenu a:visited,.linkmenu a:hover,.linkmenu a:active
 {
 font-size: 0.65em;
 color: #333;
 text-decoration: none;
 background: #FFFFD9;
 display: block;
 padding: 2px 3px 5px 5px;
 margin: 0;
}

.linkmenu a:hover {
 color: #FFF;
 background: #FF0000;
}

/* ------------ Content-Bereich ------------ */
#contentarea {
 border-left: 1px solid #BBB;
 border-right: 1px solid #BBB;
 border-bottom: 1px solid #BBB;
 width: 878px;
}

/* ------------ Content-Bereich: Subnavigation ------------ */
#subnavi {
 background: #FFFFD9;
 width: 170px;
 height: 500px;
 float: left;
}

#subnavi h1 {
 font-size: 0.7em;
 font-weight: bold;
 color: #FF0000;
 background: #FFE600;
 padding: 4px 15px;
 margin: 0;
}

/* Subnavigation Ebene 1 */
#subnavi ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#subnavi ul li {
 border-bottom: 1px solid #333;
 margin: 0;
}

#subnavi ul li a,#subnavi ul li a:link,#subnavi ul li a:visited,#subnavi ul li a:hover,#subnavi ul li a:active
 {
 font-size: 0.9em;
 color: #333;
 text-decoration: none;
 display: block;
 padding: 4px 5px 4px 15px;
}

#subnavi ul li a:hover {
 color: #FFF;
 background: #FF0000;
}

/* aktive Links in der Subnavigation erhalten diese Klasse */
#subnavi a.akt,#subnavi a:link .akt,#subnavi a:visited .akt,#subnavi a:hover
 .akt,#subnavi a:active .akt {
 color: #000;
 padding-left: 7px;
}

#subnavi a:hover .akt {
 color: #FFF;
}

/* Subnavigation Ebene 2 */
#subnavi ul.under {
 border: none;
 list-style-type: none;
 margin: 0;
 padding-top: 1px;
}

#subnavi ul.under li {
 border: none;
 padding: 2px 0px;
}

#subnavi ul.under li a,#subnavi ul.under li a:link,#subnavi ul.under li a:visited,#subnavi ul.under li a:hover,#subnavi ul.under li a:active
 {
 font-size: 1.25em;
 padding: 3px 3px 3px 25px;
}

#subnavi ul.under li a:hover {
 
}

#subnavi ul.under li a.akt,#subnavi ul.under li a:link .akt,#subnavi ul.under li a:visited
 .akt,#subnavi ul.under li a:hover .akt,#subnavi ul.under li a:active
 .akt {
 padding-left: 17px;
}

/* Subnavigation Ebene 3 */
#subnavi ul.under2 {
 border: none;
 list-style-type: none;
 margin: 0;
}

#subnavi ul.under2 li {
 border: none;
 padding: 1px 0px;
}

#subnavi ul.under2 li a,#subnavi ul.under2 li a:link,#subnavi ul.under2 li a:visited,#subnavi ul.under2 li a:hover,#subnavi ul.under2 li a:active
 {
 font-size: 1.7em;
 padding-left: 35px;
}

#subnavi ul.under2 li a:hover {
 
}

#subnavi ul.under2 li a.akt,#subnavi ul.under2 li a:link .akt,#subnavi ul.under2 li a:visited
 .akt,#subnavi ul.under2 li a:hover .akt,#subnavi ul.under2 li a:active
 .akt {
 padding-left: 27px;
}

/* ------------ Content-Bereich: Inhalte ------------ */
 /* mit Zusatzinfos auf der rechten Seite */
#content {
 background: #FFF;
 float: left;
 width: 488px;
 padding: 15px;
}

/* ohne Zusatzinfos auf der rechten Seite */
#content2 {
 background: #FFF;
 float: left;
 width: 678px;
 padding: 15px;
}

/* Startseite */
#content3 {
 background: #F2F2F2;
 float: left;
 width: 642px;
 padding: 25px;
}

/* nur fuer die Druckversionen! */
#content4 {
 width: 500px;
 padding: 0px 15px 15px 15px;
}

.content_left {
 float: left;
 width: 182px;
}

.content_right {
 float: left;
 width: 460px;
}

/* ------------ Content-Bereich: Zusatzinformationen ------------ */
 /* Dieser div sorgt fuer den Rahmen */
#custom {
 background: #FFFFD9;
 float: right;
 width: 185px;
}

/* Definition von Teaserboxen auf der rechten Seite */
#box {
 margin: 0;
}

#box h1 {
 font-size: 0.7em;
 font-weight: bold;
 color: #FF0000;
 background: #FFE600;
 padding: 4px 15px;
 margin: 0;
}

#box p {
 color: #333;
 margin: 5px 10px 15px 10px;
}

/* Teaser: Bildbox mit Link */
#box p.imagebox {
 text-align: center;
 background: #FFE600;
 margin: 0;
}

#box p.imagebox a,#box p.imagebox a:link,#box p.imagebox a:visited,#box p.imagebox a:hover,#box p.imagebox a:active
 {
 font-size: 0.9em;
 color: #FF0000;
 text-decoration: none;
 text-transform: uppercase;
 line-height: 180%;
 vertical-align: middle;
}

#box span {
 font-size: 0.85em;
 float: right;
 margin-right: 5px;
}

#box ul {
 border-bottom: 1px solid #333;
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#box ul li {
 color: #333;
 padding: 3px;
 margin: 0;
 margin-left: 4px;
}

#box ul li a,#box ul li a:link,#box ul li a:visited,#box ul li a:hover,#box ul li a:active
 {
 font-size: 0.9em;
 color: #333;
 text-decoration: none;
}

#box ul li a:hover {
 text-decoration: underline;
}

#box ul li img {
 vertical-align: middle;
 margin-right: 5px;
}

/* Teaser: Linkliste */
#box ul.linkliste { /* siehe normale ul */
 
}

/* Teaser: Einzeiler */
#box ul.ulist {
 border: none;
 list-style-type: square;
 padding: 0;
 margin-left: 35px;
}

#box ul.ulist li {
 color: #333;
 padding: 4px 5px;
 margin: 0;
}

/* Startseite */
#box form {
 margin: 5px 10px 15px 10px;
 font-size: 0.7em;
}

#box form p,#box form input,#box form button {
 margin: 0px;
 padding: 0px;
 font-size: 1em;
}

/* Definition der Listenbilder fuer die Teaserboxen rechts */
ul.zdownload {
 list-style-image: url(../../assets/common/download.gif);
}

ul.zinfo {
 list-style-image: url(../../assets/common/info.gif);
}

ul.zlink {
 list-style-image: url(../../assets/common/link.gif);
}

/*#################################################
 CSS-Klassen fuer Formulare
#################################################*/
fieldset {
 background: none;
 padding: 10px;
}

legend {
 border: none;
 background: none;
}

label.leftb,label.leftb2,label.leftr {
 font-weight: bold;
 float: left;
 text-align: right;
 width: 11em;
 margin-right: .8em;
}

label.leftb2,label.leftr {
 width: 15em;
 margin-right: .8em;
}

/* error-Klasse */
label.leftr,label.leftr2 {
 color: #FF0000;
}

.report {
 width: 300px;
}

input,select,textarea {
 font-size: 0.75em;
 background: #FFF;
 float: left;
 padding: 2px;
 margin-top: 5px;
}

select {
 padding: 0;
}

input:focus,textarea:focus {
 background: #DCEFF8;
}

form br {
 clear: both;
}

label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]
 {
 cursor: pointer;
}

form {
 line-height: 190%;
}

textarea {
 width: 50%;
 margin-bottom: 10px;
}

/* Buttons beim Kontaktformular */
.submitbuttons {
 margin-left: 8.8em;
}

.submitbuttons button {
 font-size: 0.7em;
 font-weight: bold;
 color: #FF0000;
 background: #FFE600;
 line-height: 100%;
 margin-right: 5px;
}

/* Formular bei der Suche */
form.suche input {
 font-size: 0.9em;
 padding: 2px;
 margin-left: 2px;
}

form.suche button {
 line-height: 100%;
 margin-top: 5px;
}

/*#################################################
 CSS-Klassen fuer die Werbebanner-Platzierungen
#################################################*/ /* Content-Banner */
.banner {
 
}

.banner img {
 border: 1px solid #333;
 margin-right: 5px;
 margin-bottom: 5px;
}

/* Startseiten-Banner */
.homebanner img {
 border: 1px solid #333;
 margin-right: 9px;
 margin-bottom: 10px;
}

/* Banner in der rechten Spalte */
.bannerSpalte {
 margin-left: 8px;
}

.bannerSpalte img {
 border: 1px solid #333;
 margin-right: 8px;
 margin-bottom: 5px;
}

/* Banner ganz unten */
#bannerBottom {
 
}

#bannerBottom img {
 border: 1px solid #333;
 margin-right: 5px;
 margin-bottom: 5px;
}

/* Banner rechte Seite*/
#bannerRechts {
 float: right;
 width: 100px;
 margin-left: 5px;
}

#bannerRechts img {
 border: 1px solid #333;
 margin-bottom: 5px;
}

/*#################################################
 CSS-Klassen fuer die Barriere-Freiheit
#################################################*/
.unsichtbar {
 position: absolute;
 left: -2000px;
 /* Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen
 sich uebereifrige Screenreader, die ausgerechnet "display: none" akustisch
 auswerten, taeuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

/*#################################################
 Universelle CSS-Klassen fuer die Formatierung
#################################################*/
.breadcrumb {
 font-size: 0.75em;
 border-bottom: 1px solid #000;
 padding: 1px 0px;
 margin: 0;
}

.nofloat {
 clear: both;
}

.textb {
 font-weight: bold;
}

.texti {
 font-style: italic;
}

.text_rot {
 color: #E43106;
}

.kategorie {
 font-size: 0.75em;
 font-weight: bold;
 background: #FFE600;
 padding: 3px;
 margin-bottom: 10px;
}

.tabheadline {
 font-size: 0.7em;
 font-weight: bold;
 background: #FFFFD9;
 border: 1px solid #BBB;
 border-bottom: none;
 padding: 3px;
}

table.tab {
 border-left: 1px solid #BBB;
 border-top: 1px solid #BBB;
 width: 100%;
}

table.tab th {
 font-size: 0.7em;
 font-weight: bold;
 text-align: left;
 border-right: 1px solid #BBB;
 border-bottom: 1px solid #BBB;
 padding: 3px;
}

table.tab td {
 font-size: 0.7em;
 border-right: 1px solid #BBB;
 border-bottom: 1px solid #BBB;
 padding: 3px;
}

/* Tabellen-Hintergrund-Farben */
#aufsteiger {
 background: #66FF66;
}

#relauf {
 background: #CCFFCC;
}

#relab {
 background: #FF9933;
}

#absteiger {
 background: #FF3333;
}

.grey {
 background: #EEE;
}

/* Content News*/
#contentnews {
 border: 1px solid #BBB;
 margin-bottom: 5px;
 font-size: 0.7em;
 background: #FFFFD9;
}

#contentnews h1 {
 font-size: 1em;
 font-weight: bold;
 margin: 0px;
 padding: 3px 5px;
 background: #FFE600;
}

#contentnews p {
 font-size: 1.05em;
}

#contentnews div {
 padding: 5px;
}

#contentnews table tr td {
 font-size: 1em;
 vertical-align: top;
}

#contentnews table {
 margin-bottom: 3px;
}

/*.newsblock_img{
	background: #F00;
	width: 80px;
	padding: 0px;
	margin: 0px;
	font-size: 0.7em;
	text-align: right;
	float: right;
}*/ /* News */
#newsblock {
 border: 1px solid #BBB;
 margin-bottom: 5px;
 background: #FFFFD9;
}

#newsblock h4 {
 margin: 0px;
 padding: 3px 5px;
 background: #FFE600;
}

.newsblock_img {
 padding: 0px;
 font-size: 0.7em;
 text-align: left;
}

#newsblock br {
 clear: both;
}

#newsblock div {
 padding: 5px;
}

.newshl {
 font-weight: bold;
 color: #FF0000;
 background: #FFE600;
 padding: 1px 2px;
}

.anreiser {
 margin: 0px;
}

.textanreiser {
 
}

#newsblock div table tr td {
 font-size: 1em;
 vertical-align: top;
}

a.sitemap1,a:link .sitemap1,a:visited .sitemap1,a:hover .sitemap1,a:active
 .sitemap1 {
 font-size: 0.85em;
 font-weight: bold;
 color: #3A3A3A;
 text-decoration: none;
 line-height: 160%;
}

a.sitemap2,a:link .sitemap2,a:visited .sitemap2,a:hover .sitemap2,a:active
 .sitemap2,a.sitemap3,a:link .sitemap3,a:visited .sitemap3,a:hover
 .sitemap3,a:active .sitemap3,a.sitemap4,a:link .sitemap4,a:visited
 .sitemap4,a:hover .sitemap4,a:active .sitemap4 {
 font-size: 0.85em;
 color: #3A3A3A;
 text-decoration: none;
 line-height: 160%;
}

a:hover .sitemap1,a:hover .sitemap2,a:hover .sitemap3,a:hover .sitemap4
 {
 text-decoration: underline;
}

.downloadlink {
 background: #EEE;
 border: 1px solid #BBB;
 padding: 1px 5px;
 margin-bottom: 15px;
}

.downloadlink img {
 vertical-align: middle;
 margin: 15px 5px 10px 0px;
}

.torschuetze {
 font-size: 0.7em;
 text-align: center;
 float: left;
 width: 150px;
 margin: 0px 20px 10px 0px;
}

/*###########################################################

 Die floatleft/-right Definitionen werden im
 WYSIWYG-Editor HTMLArea fuer die Bildausrichtung benoetigt!!

 Die weiteren Klassen stellen die moeglichen
 <span>-Zuweisungen dar.

###########################################################*/
 /* Bildausrichtung per Button */
#floatimageleft {
 font-size: 0.7em;
 float: left;
 margin: 0px 5px 10px 0px;
}

#floatimageleft img {
 border: none;
}

#floatimageright {
 font-size: 0.7em;
 text-align: right;
 float: right;
 margin: 0px 0px 10px 5px;
}

#floatimageright img {
 border: none;
}

.red {
 color: #FF0000;
}

/******************SMS-SERViCE************************/
#sms {
 font-size: 11px;
 margin-left: 15px;
}

.sms_detail {
 font-size: 11px;
 margin: 3px;
}

.sms_div {
 margin-bottom: 10px;
 padding: 5px;
}