/* CSS Document */

/* marginalspalte*/
.marginalspalte {overflow:hidden;}

.marginalspalte h3, .marginalspalte .headlineSmall { font-size:11px; font-weight:bold; line-height:14px; margin-top:0; margin-bottom:0;}
.marginalspalte h4, .marginalspalte h4 a:link, .marginalspalte h4 a:visited, .marginalspalte a.h4 , .marginalspalte .dachzeile { font-size:11px; font-weight:normal; line-height:14px; margin-top:0; margin-bottom:1px; color:#f06414;}


.marginalspalte .teaser_kompakt_bild {padding:4px 9px 10px 9px;}
.marginalspalte .teaser_kompakt_bild img {margin:5px 0 6px 0;}

/* TopThema Rotation (spezialisiert Klasse '.teaser_kompakt_bild') */
.marginalspalte .teaser_multi { display: none; padding:9px 9px 0 9px; height: 180px; }


.marginalspalte .teaser_kompakt, .marginalspalte p {padding:0;}
.marginalspalte .teaser_kompakt p {margin: 0 0 6px 0;}

.marginalspalte .teaser {padding:4px 9px 3px 9px;}
.marginalspalte .teaser img {margin:5px 0 6px 0;}
.marginalspalte .teaser p {margin:0 0 7px 0;}
.marginalspalte .teaser p.link {margin:0 0 0 0;}
.marginalspalte .teaser select { width:112px; font-size:10px; margin: 0 2px 8px 0;border:1px solid #666;float:left;}
.marginalspalte .teaser .bt_send { float:left;width:15px; height:15px; background:url(/layout/img/icon/icon_submit.gif); float:left; cursor:pointer; margin-left:1px; margin-top:2px; border:0; }
.marginalspalte .teaser .wettericon {margin-left:20px;margin-right:15px;}
.marginalspalte .teaser .wetter_links {padding:5px 2px 0 0; color:#6D86D0; margin-right:14px}
.marginalspalte .teaser .wetter_rechts {padding:5px 4px 0 2px; color:#ED2C2C;}
.marginalspalte .teaser .linkeinruechung {margin-left:20px; }

.marginalspalte .textonly { padding:5px 9px 10px 9px;}
.marginalspalte .textonly .text {padding-bottom:7px;}
.marginalspalte .textonly select { width:110px; font-size:10px; margin: 0 2px 8px 0;;border:1px solid #666;float:left;}
.marginalspalte .textonly button.selectBut { width:15px; height:15px; background:url(/layout/img/icon/icon_submit.gif) bottom no-repeat; float:left; cursor:pointer; margin-left:4px; margin-top:2px; margin-bottom:4px;border:0; }

.marginalspalte button.selectBut {width:15px; height:15px; background:url(/layout/img/icon/icon_submit.gif) bottom no-repeat; float:left; cursor:pointer; margin-left:4px; margin-top:2px; border:0;}

.marginalspalte .mein_rp {border-bottom:1px solid #e7ecee}
.marginalspalte .mein_rp_info {background-color:#c2dceb; margin:7px 2px 2px 2px; padding:5px 7px 10px 7px;}

/* teaser nur mit links */
.marginalspalte .linkliste {font-size:11px; width:132px; line-height:14px; background-color:#ffffff; padding:5px 9px 8px 9px;  }
.marginalspalte .linkliste p {padding:0 0 2px 0;}
.marginalspalte .linkliste select { width:108px; font-size:10px; margin: 5px 2px 3px 0; border:1px solid #666;float:left; }
.marginalspalte .linkliste button { border:1px solid #999999; cursor: pointer;width:15px; height:15px; background:url(/layout/img/icon/icon_submit.gif) bottom no-repeat; float:left; cursor:pointer; margin-left:4px; margin-top:7px; border:0; }
.marginalspalte .linkliste a {font-weight:normal; color:#333333;}
.marginalspalte .linkliste a:link {font-weight:normal; color:#333333; }
.marginalspalte .linkliste a:hover {font-weight:normal;color:#f06414; }

.marginalspalte .singlelink, .einspaltig .singlelink, .marginalspalte .singlelink_kl  {padding:5px 9px 10px 9px}

.marginalspalte .charts { font-size:11px; font-weight:bold;margin:6px 0 10px 0; padding-bottom:0;}
.marginalspalte .charts p {  padding:0 0 5px 9px;}
.marginalspalte .charts ol { font-weight:normal; padding:0 0 0 9px;}
.marginalspalte .charts li {margin:-1px 20px;}
.marginalspalte .charts div {margin-left:-4px; margin-bottom:5px; padding-right:9px;}
* html .marginalspalte  .charts div {float:right; width:117px; margin:-1px 0 6px 24px; padding-right:9px;}
.marginalspalte .charts a {margin:6px 9px 2px 9px;display:block;}

.marginalspalte .voting {font-size:11px; margin:5px 9px 7px 9px; }
.marginalspalte .voting .headlineMini {padding-bottom:2px; font-weight:bold;}
.marginalspalte .voting .text label {padding-left:2px;  width:100px; padding-bottom:5px;}
.marginalspalte .voting input { width:auto; border:0; margin-top:2px;  float:left;}
.marginalspalte .voting button { display:block; padding:0; border:1px solid #999999; cursor: pointer; font-size: 0; line-height:0; overflow: hidden; margin-bottom:12px;}
.marginalspalte .voting button.suchen_bt { width:63px;  height:15px; background: url(/layout/img/icon/suchen.gif) no-repeat;}


.marginalspalte .flugsuche { font-size:11px; padding:5px 9px 0 9px;}
.marginalspalte .flugsuche .text {padding-left:18px;width:90px; }
.marginalspalte .flugsuche input { width:auto; border:0;float:left; margin-top:2px;}
.marginalspalte .flugsuche .textfeld {clear:left;width:125px;border:1px solid #999999;height:16px;margin-bottom:8px; margin-top:1px;}
.marginalspalte .flugsuche button.bt_suchen { width:57px; height:15px; background:url(/layout/img/header/suchen.gif);cursor:pointer; border:0;margin-bottom:12px; }


.marginalspalte .routenplaner, .einspaltig .routenplaner {padding:5px 9px 8px 9px; }
.marginalspalte .routenplaner .textfeld, .einspaltig .routenplaner .textfeld {font-size:11px;clear:left;width:125px;border:1px solid #999999;height:16px;margin-bottom:8px; margin-top:1px;}
.marginalspalte .routenplaner button.bt_routeberechnen, .einspaltig .routenplaner button.bt_routeberechnen { width:107px; height:15px; background:url(/layout/img/icon/icon_route_berechnen.gif);cursor:pointer; border:0;margin-bottom:4px; }

.marginalspalte .wetter { padding:9px 9px 4px 9px;}
.marginalspalte .wetter table {width:132px;border:0; padding:0; font-size:10px; line-height:20px; margin:0 0 2px 0;}
.marginalspalte .wetter .ort {padding:0 2px 0 3px; height:20px; border-right:0; width:69px;}
.marginalspalte .wetter .icon {padding:0 2px 0 2px }
.marginalspalte .wetter .links {border-right:1px solid #FFFFFF;padding:0 2px 0 0; color:#6D86D0; width:23px; }
.marginalspalte .wetter .rechts {padding:0 4px 0 2px; color:#ED2C2C;width:24px;}
.marginalspalte .wetter .suche {border:1px solid #999999; width:86px; float:left; margin:0 0 8px 4px; font-size:11px; color:#333333; }
.marginalspalte .wetter button.selectBut { width:15px; height:15px; background:url(/layout/img/icon/icon_submit.gif) bottom no-repeat; float:left; cursor:pointer; margin-left:4px; margin-top:0; margin-bottom:8px;border:0; }


/* Staumelder Teaser */
.marginalspalte .staumelder {padding:9px 0 0 9px;}
.marginalspalte .staumelder .autobahn {padding:6px 0 5px 0;}
.marginalspalte .staumelder .suche {border:1px solid #999999; width:27px; float:left; margin:6px 4px 12px 3px; padding:0 0 0 4px; font-size:10px; color:#333333; }
.marginalspalte .staumelder button.selectBut { width:15px; height:15px; background:url(/layout/img/icon/icon_submit.gif) bottom no-repeat; float:left; cursor:pointer; margin-left:0; margin-top:6px; margin-bottom:8px;border:0; }

.marginalspalte .reiter {width:150px; padding-top:1px;}
.marginalspalte .reiter .thema {display:block;padding:0 9px 3px 9px;background-color:#ffffff; border-right:1px solid #CAC6BF;border-bottom:1px solid #ffffff;border-top:1px solid #CAC6BF; }
.marginalspalte .reiter .weitere {display:block;border-top:1px solid #CAC6BF; border-bottom:1px solid #CAC6BF;padding:0 0 3px 0;background-color:#c2dceb;}
.marginalspalte #leser1 {display:block;}
.marginalspalte #leser2 {display:none;}

.marginalspalte .anzeige {padding:1px 9px 9px 9px;}
.marginalspalte .anzeige .headline {padding: 0 0 1px 0; text-align:right; font-size:10px; }
.marginalspalte .anzeige .text {margin:0;}
.marginalspalte .anzeige img {margin: 0 0 3px 0;}

.marginalspalte .opinio {padding:6px 9px 9px 9px;}
.marginalspalte .opinio .text {margin:0 0 2px 0;}
.marginalspalte .autor a { font-size:10px;color:#666666;text-decoration:none;}


.marginalspalte .ticket { padding:9px 9px 0 9px;}
.marginalspalte .links { padding:5px 9px 10px 9px;}
.marginalspalte .ticket .nummer { padding: 2px 0 6px 0;}
.marginalspalte .ticket .nummer a { padding:0; background-color:#DAD3C9; font-weight:bold; color:#666666;line-height:13px;margin-right:1px;}
.marginalspalte .ticket .nummer a:hover {color:#999999;}
.marginalspalte .ticket .nummer span { padding:0 5px 1px 5px;}
.marginalspalte .ticket .nummer_an { background-color:#666666; font-weight:bold; color:#ffffff; margin-right:0;}
.marginalspalte .ticket a.keinStrich {margin-right:0;}
.marginalspalte #ticket_teaser_rotation .teaser-rot { display: none; }
.marginalspalte #ticket_teaser_rotation .teaser-rot p { padding: 0 0 10px 9px; margin: 0; }


/*quicklinks */
.marginalspalte .grafikheadline_quicklinks {background-color:#FEEFE8; width:150px; height:18px; float:left; }
.marginalspalte #quicklinks{ background-color:#FEEFE8; padding-top:0;padding-bottom:7px;}
.marginalspalte #quicklinks ul {
  list-style-type:none;
}
.marginalspalte #quicklinks ul a {
  display:block;
  background-position:3px;
  padding:0 0 2px 9px;
  font-size:11px;
  border-top:1px solid #ffffff;
}
.marginalspalte #quicklinks li { margin-left:0; color:#ffffff;line-height:15px;padding:0 0 1px 0; }
.marginalspalte #quicklinks .expandedactive { background:url(/layout/img/navi/select_quicklinks.gif) no-repeat left; }

.marginalspalte .teaser_kompakt_bild_links {
  float:left;
  margin:-3px 3px 3px 0;
}

/*############################ Wetter App ###################################################################*/

.wettersuche {padding: 5px 9px 12px 9px;}
.wettersuche input {width:105px;border:1px solid #999999;height:16px;margin: 2px 4px 0 0; margin-top:2px;float:left}
.wettersuche select {width:111px; font-size:10px; margin: 2px 4px 0 0;border:1px solid #666;float:left;}
.wettersuche button {border:1px solid #999999; width:86px; float:left; margin:4px 0 0 0; font-size:11px; color:#333333; float:left;}
.wettersuche button.selectBt { width:15px; height:15px; background:url(/layout/img/icon/icon_submit.gif); float:left; cursor:pointer;border:0; }