/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/

/** Grundeinstellungen **/
html { font-size: 100.01%; font-family: Verdana,Helvetica,Arial,san-serif; }
.fancy { font-family: Verdana,Helvetica,Arial,san-serif; font-style: normal; }
body { margin: 0px; }
hr.dotted { background: #fff;color:#fff; border-bottom: 2px dotted #f3a90a; }
hr.noline { display: none; visibility: hidden; }
.center { margin: 0px auto; }
.container { font-size: 12px; background: #fff; }
.container .left { text-align: left; }
.container .right { text-align: right; }
.showgrid { background:url(../img/grid.png); }
.date { text-align: right; }

/** Link-Farben **/
a:link { text-decoration: none !important; color: #36c !important; }
a:visited { text-decoration: none !important; color: #36c !important; }
a:hover { text-decoration: none !important; color: #c33 !important; }
a:active, a:focus { outline: none; text-decoration: none !important; color: #000 !important; }

/** Link-Arten **/
/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, 
a[href\$=".pdf"], a[href\$=".doc"], a[href\$=".xls"], a[href\$=".rss"], 
a[href\$=".rdf"], a[href^="aim:"], a[rel], a[title] {
  padding:1px 0px 2px 11px;
/*  margin:-2px 0 0 -2px; */
  background-repeat: no-repeat;
  background-position: left center;
}

/* Artikel Werbung */
.artikelwerbung a { background:none !important; padding:0 !important; margin:0 !important; }

/* External links */
a[href^="http:"], a[href^="http:"]:visited, a[rel], a[title]  { background-image: url(../img/icons/pfeil-blau2.gif);} 

a[href^="mailto:"] { background-image: url(../img/icons/email.png); padding-left: 20px; }

/* Files */
a[href$=".pdf"]   { background-image: url(../img/icons/pdf.png); padding-left: 1.8em; }  
a[href$=".doc"]   { background-image: url(../img/icons/doc.png); padding-left: 1.8em; }  
a[href$=".xls"]   { background-image: url(../img/icons/xls.png); padding-left: 1.8em; }  
 
/* Misc */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(../img/icons/feed.png); }
a[href^="aim:"]   { background-image: url(../img/icons/im.png); }
a[href^="http://yourwebsite.com"] { background:none; padding:0; margin:0; }

/** Hintergrund Linie **/
div.vline { background: url(../img/bgline.gif) repeat-y 595px; }

/** Header **/
.box { background: #f8e4b8; margin-top: 40px; text-align: center; color:#000; }
.logoheader { margin-bottom: 0px;  border-bottom: 1px solid #f3a90a; }
.logoimage { width: 297px; height: 72px; }

/** Headlines **/
.borderheadline { border-left: 4px solid #f3a90a; border-bottom: 2px solid #f3a90a; padding-left: 5px; }
.specialsheadline { border-left: 2px solid #f3a90a; border-bottom: 1px solid #f3a90a; padding-left: 5px; color: #666; font-weight: normal; }

/** Rubrik Navi **/
.rubnav { padding-top: 6px; }
.rubnav .trenner { border-left: 1px solid #f3a90a; }
.rubnav ul { float: left; line-height: 1.2em; list-style-type: none; list-style-image: none; list-style-position: outside; margin-left: 0 !important; display: block; }

/** Navigation oben **/
.nav  {float: left; width: 187px; text-align:left; position: relative; }
.navborder { border-left: 1px solid #f3a90a; }
#nav1 {z-index: 18; margin-left: 4px; }
#nav2 {z-index: 15; }
#nav3 {z-index: 12; }
#nav4 {z-index: 9; }
#nav5 {z-index: 6; }
#nav6 {z-index: 3; }
.nav ul { margin-left: 0em; margin-right: 0em;}
.nav ul li { margin-left: 0em; }
.nav ul li ul { margin-left: 0em; }
.nav ul li ul li { border-left: 1px solid #b3b4b7; margin-left: 0em; }
.navbg { width: 950px; background: url('../img/bgheader2.png'); background-image: transparent; padding-top: 6px; }

.submenu-top-border { border-top: 1px solid #b3b4b7; }

/** Aktuelle Seite Navi **/
.navcurrent { padding: 5px 0px 5px 0px; font-size: 1.0em; margin-top: 6px;  border-bottom: 1px solid #f3a90a; border-top: 1px solid #f3a90a; }
.navcurrent a, .navcurrent a:visited { text-decoration: none; }
.navcurrent .feedicon { margin: 3px 0px 0px 50px; float: left; }
.navcurrent .displaydate { margin: 2px 7px 0px 0px; display: block; }
.navcurrent .displaypath { margin: 3px 0px 0px 7px; } 

/** Submenüs **/
.navisubmenu { margin: 0; border-bottom: 1px solid #f3a90a; background: #e8f0f6; font-size: 1.0em;}
.navisubmenu .submenu { margin: 6px 0px 6px 7px; }

/** Suchformular **/
.searchform_inner { padding: 0; margin: 0; }
.search_box { margin: 33px 0 0 0; float: right; }
.search_box .s { font-family: Verdana,Helvetica,Arial,san-serif; font-size: 0.9em; font-weight: normal; float: left; margin: 10px 0 0 6px; border: 1px solid #3366CC; width: 150px; outline: none; }
.search_box .go { padding: 0.8em 0 0 0.3em !important; }

/** Artikelbilder **/
p img.picleft  { float:left; margin:0.5em 1.25em 0.5em 0em; width: 149px; height: 84px; border: 1px solid black !important; }
p img.picleft-without-text { float:left; margin-right: 999em; }
p img.piccenter { margin: 0em auto; margin-bottom: 0.5em; display: block; }
p img.picsizemedium { width: 125px; }
p img.picsizesmall { width: 110px; }

/** Ads **/
.ads { margin-bottom: 10px; margin-top: 10px; padding-left: 25px; }
.ads a { background:none !important; padding:0 !important; margin:0 !important; }
.paginationtable { display: table; width: 100%; }

/** Artikelbox **/
.artikelbox { }
/* .artikelbox a { font-weight: bold; } */
.artikelbox h4 { font-size: 1.4em !important; margin-top: 0; }
.artikelbox h4 a { font-weight: bold !important; color: #000 !important; }
.artikelbox .direktlink { font-weight: bold; }
.artikelbox p { margin: 0; }
.artikelbox .leserwertung { margin-left: 50px ; width: 400px; height: 65px; }
.artikelbox ul { list-style-type: none; margin: 5px 0 5px 0; }
.artikelbox ul li { margin-left: 0; }
.artikelbox ul.zusatzinfo li { background-image: url(../img/icons/quad-blau.gif); margin-top: 5px; 
                               background-repeat: no-repeat; background-position: 0 10px;
			       					 padding:2px 0px 2px 6px;  margin:-2px 0; }

.picrating { float:left; margin:0.5em 1.25em 0.5em 0em; }
.picrating img.pic { width: 149px; height: 84px; border: 1px solid black !important; }
.rating { margin: 0.5em 0 0 1.15em }
.rating a { background-image: none; margin: 0; padding: 0; }

/** Artikelliste **/
.artikellist { }
.artikellist ul { list-style-type: none; margin: 5px 0 5px 0; }
.artikellist ul li { margin-left: .95em; }
/* Make sure the icons are not cut */
.artikellist a { background: url(../img/icons/pfeil-blau2.gif) no-repeat left center; padding:1px 0px 2px 11px; }

.artikelshortanriss h3 { margin: 0.20em 0 0.57em }

/** Specials **/
.special { font-size: 90%; line-height: 1.25em; margin-bottom: 10px; }
.special .nodeco { text-decoration: none !important; background-image: none !important; margin: 0 !important; padding: 0 !important; }
.special ul { list-style-type: none; margin: 0 !important; padding: 0 !important; } 
.special ul li { margin: 0; }
.special .picsizesmall { width: 110px; }
.special a { background: url(../img/icons/pfeil-blau2.gif) no-repeat; background-position: 0 4px; padding:2px 0px 2px 11px; zoom: 1; } 

/** Homepage Artiklebilder **/
.picsizehp { width: 74px !important; height: 42px !important; }

/** Rubrik Einleitung **/
.rubrikEinleitung { margin-top: 10px; }
.rubrikEinleitung .ueberschrift { font-weight: bold; margin: 0px;}
.rubrikEinleitung .text { margin: 0px; }

.rubriktagestipp { border: 1px solid #f3a90a; padding: 0 7px 20px; margin: auto; background: #fffede; }

/** Autocomplete **/
.wicket-aa-container { z-index: 9999; }
.wicket-aa { font-size: 11px; background-color: #edf6ff; padding: 2px; margin: 1px 0 0 0; text-align:left; z-index: 9999;}
.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
.wicket-aa ul li.selected { color:#3366CC; font-weight:bold; }

/*** Form ***/
div.form-container { width: 290px; margin: 0 auto; margin-top: 20px; padding: 5px; text-align: left; border: 1px solid #f3a90a; background: #edf6ff; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors h5 { color: #c9234a !important; margin: 0px !important; text-align: left; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }


div.response { margin: 0 0 10px 0; padding: 5px 10px; }
div.form-container h5 { margin-top: 0.5em !important; text-align: center; color: #36c; }

div.form-container p.headertext { margin: 0 0 10px 0; padding: 5px 10px; }
div.form-container form p { margin: 0; }
div.form-container form p.legend { font-size: small; font-size: 80%; color: #de142c; text-align: center; }
div.form-container form p.note { margin-left: 10px; font-size: 90%; color: #333; }
div.form-container form fieldset { border: #F3A90A 1px solid; }
div.form-container form legend { font-weight: bold; color: #36c; }
div.form-container form fieldset div { }
div.form-container label, 
div.form-container span.label { margin-right: 10px; color: #36c; padding-right: 10px; width: 110px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 20px; }
div.form-container div.buttonrow {  margin-top: 1em; margin-left: 20px; text-align: right; }


.search123 { line-height: 1em; font-size: 12px; font-family: Verdana,Helvetica,Arial,san-serif; font-style: normal; }
.search123 a { background:none !important; padding:0 !important; margin:0 !important; }

