/*---------------*/
/* Seitenstruktur*/
/*---------------*/

*{                          margin:0; padding:0; border:0; outline:none; }
body, html{                 width:100%; height:100%; font-family:Arial, Verdana; background:url(../upload/layout/bg.jpg); }

a{                          color:#e00200; text-decoration:none; }
a:hover{                    text-decoration:underline; }

#wrapper{                   position:absolute; left:50%; top:0; margin-left:-485px; width:970px; z-index:1; }
#outerpage{                 float:left; width:970px; position:relative; margin-top: 28px; }
#innerpage{                 position:absolute; left:0; top:90px; width:970px; z-index:5; }
#logo{                      position:absolute; left:46px; top:70px; z-index:10; }
#j25{                       position:absolute; left:-10px; top:102px; z-index:9; }
#top_img{                   position:absolute; left:5px; top:96px; width:959px; height:50px; z-index:6; overflow:hidden;  }
#skyscraper{                position:absolute; top:97px; right:-95px; width:90px; height:724px; z-index:2; }
#leaderboard{               position:absolute; top:5px; right:7px; width:724px; height:90px; z-index:2; }

#page{                      float:left; width:970px; }
#pageheader{                float:left; width:970px; height:9px; background:url(../upload/layout/bg_header.png) left top no-repeat; }
#pagebody, .pagebody{                  float:left; width:970px; min-height:500px; background:url(../upload/layout/bg_body.png) left repeat-y; }
#pagefooter{                float:left; width:970px; height:44px; background:url(../upload/layout/bg_footer.png) left top no-repeat; }
#pagecontent, .pagecontent{               float:left; width:959px; padding-top:110px; padding-left:5px; padding-bottom: 10px; }
#pagecomment{               float:left; width:959px; padding:0 5px 0 5px; background:url(../upload/layout/bg_body.png) left repeat-y; }
#pagecomment_inner{         float:left; width:939px; background-color:#ffffff; padding:10px 10px 10px 10px; font-size:0.75em; }

#copy{                      float:right; padding:14px 22px 10px 0; font-size:0.7em; color:#888888; }
#copy a{                    color:#888888; }

/*---------------*/
/* Navi oben     */
/*---------------*/ 

#navitop{                   position:absolute; width:959px; left:5px; top:133px; height:50px; z-index:8; background:url(../upload/layout/bg_topnavi.png); }
#navitop ul{                float:left; padding:0 0 0 215px;  }
#navitop ul li{             float:left; width:138px; height:50px; list-style:none; background:url(../upload/layout/bg_topnavi_none.png) left top no-repeat; }
#navitop ul li:last-child{  width:138px; }
#navitop ul li a{           float:left; width:138px; padding:18px 0; font-size:0.95em; color:#777777; text-decoration:none; text-align:center;  }
#navitop ul li a:hover{     color:#ffffff; }
/* Zweite Ebene */
#navitop ul li ul{          width:744px; display:none; position: absolute; text-align:left;  top:49px; left:215px; padding:0; background:#e00200; border-bottom:2px solid #ffffff; }
#navitop ul li ul li{       float: left; color:#ffffff; background:url(../upload/layout/bg_topnavi_second.jpg) left top no-repeat; height:auto; width:180px; margin: 0 3px 0 2px; }
#navitop ul li ul li ul li{    min-height:10px; }
#navitop ul li ul li>a{     border:0; padding:6px 0 5px 6px; margin-left:2px; font-size:13px; border-bottom:1px solid #ffffff; text-align:left; float: none;
display: block; width: auto;}
#navitop ul li ul li ul li>a{     border:0; padding:3px 0 2px 6px; font-size:12px; text-align:left; }
#navitop ul li ul li a:hover {  background:#e00200; color:#ffffff; text-decoration:underline; }
/* Hover und JS */
#navitop li:hover, #navitop li.sfhover {  background:url(../upload/layout/bg_topnavi_hover.png) left top no-repeat;  }
#navitop li:hover a, #navitop li.sfhover a {  color:#ffffff;  }
#navitop li:hover ul, #navitop li.sfhover ul { display: block;  }
#navitop li:hover li, #navitop li.sfhover li { background:#e00200; } 

#navitop ul ul ul{			width: 100%; height: 156px; overflow: hidden; position: relative; margin: 5px 0 5px 0; float:left; text-align: left; top: auto; left: auto; padding: 0; border:0;	}

#navitop ul li ul li.nav5{	width:142px; margin-bottom: 10px; }
#navitop ul li ul li.nav5 > a{	border-bottom:none; }
#navitop ul li ul li.nav5 img{	width:100%; margin-top:10px; }
#navitop ul li ul li.nav5 div{	padding:0 0 4px 0; border-bottom:1px solid #ffffff; }

#suche{                      position:absolute; top:103px; right:20px; z-index:10; }
input.searchterm{            float:left; padding:2px; border:1px solid #dddddd; font-size:0.85em; color:#555555; width:140px; }
#suchefeld a{                float.left; width:17px; height:17px; border:1px solid #dddddd; background-color:#ffffff; }
#suchefeld a img{            padding:1px; }
.searchresult{               font-size:0.75em; padding:15px; border-bottom:1px dotted #dddddd; }
.searchnavi{                 padding:15px; font-size:0.8em; }
.suche_ausgabe{              font-size:0.75em; margin:15px; border:1px dotted #dddddd; padding:15px; }
.suche_ausgabe_titel{        font-size:1.2em; padding:0 0 15px 0; }
.suche_ausgabe_text{         padding:0 0 5px 0; }
.breadcrumb{                 font-size:0.9em; }

#warenkorb{                  float:left; position:relative; widht:175px; }
#warenkorb_inner{            position:absolute; background:#ffffff; border-top:1px dotted #eeeeee; top:20px; left:0; width:175px; z-index:20; text-align:left; }
#warenkorb_titel{            float:left; width:175px; font-weight:bold; }
#toggledetail{               text-align:center; padding:2px; }
#warendetail{                float:left; width:175px; }

/*---------------*/
/* Navi unten     */
/*---------------*/

#footernavi{                   float:left; }
#footernavi ul{                float:left; padding:0 0 0 16px;  }
#footernavi ul li{             float:left; list-style:none; padding:10px 10px 10px 10px; border-right:1px solid #cccccc; }
#footernavi ul li:last-child{  }
#footernavi ul li a{           font-size:0.75em; color:#555555;   }
#footernavi ul li a:hover{     color:#000000; text-decoration:none; }

.review_bemerkung{ border: 1px solid #dddddd; background: #eeeeee; padding: 4px; width: 90%; height: 90%; }


/*---------------*/
/* Boxen         */
/*---------------*/
.outerbox{                  float:left; padding:0 0 0 5px; margin-bottom:5px; }
.box{                       float:left; position:relative; }
.box_top{                   float:left; height:10px; }
.box_body{                  float:left; }
.box_bottom{                float:left; height:10px; }
.col-left{                  width:205px; }
.col-middle{                width:594px; }

.col-onlyright{             width:734px; }
.col-halfright{             width:364px; }
.col-standard{              width:554px; }
.box_content{               }

.box_164{                   width:174px; }
.box_top_bg164{             background:url(../upload/layout/bg_box_top_164.jpg) no-repeat; background-position:1px 0; }
.box_bottom_bg164{          background:url(../upload/layout/bg_box_bottom_164.jpg) no-repeat; background-position:1px 0; }
.box_body_bg164{            background:url(../upload/layout/bg_box_body_164.jpg) repeat-y; background-position:6px 0; }
.box_headline_bg164{        background:url(../upload/layout/bg_box_headline_164.jpg) repeat-y; }

.box_top_bg205{             background:url(../upload/layout/bg_box_top_205.jpg) no-repeat; }
.box_bottom_bg205{          background:url(../upload/layout/bg_box_bottom_205.jpg) no-repeat; }
.box_body_bg205{            background:url(../upload/layout/bg_box_body_205.jpg) repeat-y; background-position:5px 0; }
.box_headline_bg205{        background:url(../upload/layout/bg_box_headline_205.jpg) repeat-y; }

.box_top_bg734{             background:url(../upload/layout/bg_box_top_734.jpg) no-repeat; }
.box_body_bg734{            background:url(../upload/layout/bg_box_body_734.jpg) repeat-y; background-position:5px 0; }
.box_bottom_bg734{          background:url(../upload/layout/bg_box_bottom_734.jpg) no-repeat; }
.box_headline_bg734{        background:url(../upload/layout/bg_box_headline_734.jpg) repeat-y; }

.box_top_bg364{             background:url(../upload/layout/bg_box_top_364.jpg) no-repeat; }
.box_bottom_bg364{          background:url(../upload/layout/bg_box_bottom_364.jpg) no-repeat; }
.box_body_bg364{            background:url(../upload/layout/bg_box_body_364.jpg) repeat-y; background-position:5px 0; }
.box_headline_bg364{        background:url(../upload/layout/bg_box_headline_364.jpg) repeat-y; }

.box_top_bg554{             background:url(../upload/layout/bg_box_top_554.jpg) no-repeat; }
.box_bottom_bg554{          background:url(../upload/layout/bg_box_bottom_554.jpg) no-repeat; }
.box_body_bg554{            background:url(../upload/layout/bg_box_body_554.jpg) repeat-y; background-position:5px 0; }
.standard_body h1{          background:url(../upload/layout/bg_box_headline_554.jpg) no-repeat; color:#555555; font-size:1.2em; font-weight:normal; padding:5px 0 12px 15px; }
.standard_body h2{          font-size:1.0em; font-weight:normal; color:#555555; padding:0 0 12px 15px; }
.standard_body p{           font-size:0.8em; font-weight:normal; color:#555555; padding:0 15px 12px 15px; line-height:1.35em; }
.standard_body img{         padding:4px 15px 4px 15px; }

.zahlarten img {			width:100%;}
.zahlarten {				margin-top: 10px; float: right;}

h1{                         background:url(../upload/layout/bg_box_headline_554.jpg) repeat-y; color:#555555; font-size:1.2em; font-weight:normal; padding:5px 0 5px 15px; }
.con_inner h2{              background:url(../upload/layout/bg_box_headline_554.jpg) repeat-y; color:#555555; font-size:0.9em; font-weight:normal; padding:0 0 5px 15px; }
.autor{                     padding:5px 0 5px 15px; font-size:0.75em; color:#888888; font-weight:normal; font-style:italic; }
img.conimg{                 padding:12px 15px 4px 15px; }
.con_inner ul, .con_inner ol { font-size:14px; font-weight:normal; color:#555555; padding:12px 15px 0 35px; line-height:1.35em; } 
.con_inner ul.konto{        float:left; padding:15px 15px 15px 25px; font-size:0.75em; width:200px; border-right:1px dashed #cccccc;  }
.con_inner li.head{         font-weight:bold; padding:0 0 5px 0; list-style:none; color:#555555; }
.con_inner li{              list-style:square; padding:0 0 2px 0; }


/*---------------*/
/* Aktuelle Ausgabe Links */
/*---------------*/
.left_head, .left_body{     float:left; width:195px; padding:5px; }
.left_head_inner{           float:left; width:195px; color:#555555; padding:8px 0 0 6px; height:24px; line-height: 1.25; }
.left_body ul, .ht_paket ul{float:left; margin-left:25px; }
.left_body li, .ht_paket li{color:#e00200; list-style:square; font-size:0.7em; line-height:1.4em; }
.left_body li a, .ht_paket li a{ color:#e00200; text-decoration:none; }
.left_body li a:hover, .ht_paket li a:hover{ text-decoration:underline; }
.left_ausgabe{              float:left; text-align:center; margin:5px 5px 0 5px; width:50px; padding:5px; color:#ffffff; background-color:#555555; border-radius: 5px; -moz-border-radius: 5px; border:1px solid #555555; }
.left_ausgabe a{            font-weight:bold; color:#ffffff; text-decoration:none; font-size:0.9em; }

/* Artikelliste 2015 */
.artikel_liste{	width:724px; height:115px; overflow:hidden; }
.artikel_titel{	position: absolute; left: 0; top: 5px; background: #ffffff; padding: 5px 5px 5px 15px !important; max-width: 325px; }
.artikel_image{	float:left; margin-right:20px; }
.artikel_text{	color: #555555; font-size: 13px; padding-right: 20px; }
.artikel_titel2{ font-family: 'Open Sans Condensed', sans-serif; margin-top:18px; font-size: 14px; padding-right: 20px; }



/*---------------*/
/* News Hightlight */
/*---------------*/
#highlight{                 float:left; width:724px; padding:5px 5px 0 5px; }
#highlight_img{             float:left; width:724px; height:235px; position:relative; overflow:hidden; }
#highlight_text{            float:left; width:724px; height:115px; position:relative; }
.highlight_img{             position:absolute; z-index:10; }
.highlight_link, .highlight_link_on{ position:absolute; z-index:11; bottom:0; }
.highlight_link_on a{       float:left; padding:5px 10px 5px 10px; background-color:#ffffff; font-size:0.85em; font-weight:bold; color:#000000; text-decoration:none; }
.highlight_link a{          float:left; padding:5px 10px 4px 10px; background-color:#cccccc; border-bottom:1px solid #bcbdbf; font-size:0.85em; font-weight:bold; color:#555555; text-decoration:none; }
.highlight_link:hover a{    background-color:#dddddd; }
#hl_1{                      left:15px; }
#hl_2{                      left:45px; }
#hl_3{                      left:75px; }
#hl_4{                      left:105px; }
#hl_5{                      left:135px; }
#hl_6{                      left:165px; }
#hl_7{                      left:195px; }
#hl_8{                      left:225px; }
#hl_9{                      left:255px; }
#hl_10{                     left:285px; }
#hl_11{                     left:323px; }
#hl_12{                     left:361px; }
#hl_13{                     left:399px; }
#hl_14{                     left:437px; }
#hl_15{                     left:475px; }
#hl_16{                     left:513px; }
#hl_17{                     left:551px; }
#hl_18{                     left:525px; }
#hl_19{                     left:555px; }
#hl_20{                     left:585px; }

.ht_thema{                  float:left; width:724px; padding-top:4px; }
.ht_paket{                  float:left; width:244px; padding-top:46px; }
.highlight_thema{           position:absolute; left:0; top:0; z-index:12; width:724px; }
.ht_headline{               float:left; overflow:hidden; width:709px; height:27px; color:#555555; font-size:1.2em; padding:6px 0 0 15px; background:url(../upload/layout/bg_box_headline_554.jpg) repeat-y; }
.ht_headline a{             color:#555555; text-decoration:none; }
.ht_text{                   float:left; padding:10px 0 0 15px; font-size:0.7em; color:#555555; line-height:1.4em; width:709px; }


/*---------------*/
/* Mitte Halb */
/*---------------*/     
.righthalf_head, .righthalf_body{  width:354px; padding:10px 5px 0 5px; }
.righthalf_head_inner{       width:339px; color:#555555; padding:8px 0 8px 15px; }
h2.righthalf_head_inner,h1.righthalf_head_inner{    font-size:1.0em; font-weight:normal; }
.righthalf_head_inner h1 {    font-size:1.0em; font-weight:normal; padding:0; background:none; }
.righthalf_head_inner h2 {    padding:8px 0 0 0; font-size:0.9em; font-weight:normal; background:none; }


.con_inner{                 padding:10px 5px 5px 5px; }
.con_inner p{               font-size:14px; font-weight:normal; color:#555555; padding:12px 15px 0 15px; line-height:21px; }
.con_inner h3{              font-size:0.85em; font-weight:normal; padding:10px 0 0 15px; border-bottom:1px dotted #dddddd; }
.con_inner td{              border-bottom:1px dashed #dedede; font-size:0.75em; color:#555555; padding:5px; }

input.form{                 padding:4px; border:1px solid #dddddd; font-size:1.0em; width:140px; }
input.form2, input.text_medium{                padding:4px; border:1px solid #dddddd; font-size:1.0em; width:310px !important; }
input.button{               cursor:pointer; padding:4px; font-size:1.0em; font-weight:bold; background-color:#E00200; color:#ffffff; border:1px solid #ffffff; width:140px; }
input.button:active{        margin-left:2px; }
textarea.form{              padding:4px; border:1px solid #dddddd; font-size:1.0em; width:330px; height:100px; font-family:Arial, Verdana; }

#Upload1{                   position: absolute; left: 380px; top: 1200px; z-index: 15; }
#Upload2{                   position: absolute; left: 380px; top: 1260px; z-index: 15; }
#Upload3{                   position: absolute; left: 380px; top: 1320px; z-index: 15; }


/*---------------*/
/* Mitte Standard */
/*---------------*/     
.standard_head, .standard_body{ padding:10px 5px 0 5px; }
.standard_head_inner{      float:left; width:529px; color:#555555; padding:8px 0 0 15px; height:24px; }


/*---------------*/
/* Rechts Standard */
/*---------------*/     
.right_head, .right_body{    float:left; width:164px; padding:10px 5px 0 6px; }
.right_body{                 padding-top:2px; }
.right_head_inner{           float:left; font-weight:normal; width:156px; color:#555555; padding:8px 0 0 8px; height:40px; font-size:0.9em; }
.right_body ul{              float:left; }
.right_body ul li{           float:left; width:149px; list-style:none; border-bottom:1px solid #dddddd; }
.right_body ul li:last{      border:0; }
.right_body ul li a{         float:left; width:141px; padding:4px; font-size:0.7em; color:#777777; text-decoration:none; }
.right_body ul li a:hover{   text-decoration:underline; }
.right_body ul li a.selected{ background-color:#dddddd;}
ul.videolist{                float:left; width:120px; }
ul.videolist li{             padding:0; margin:0; border:0; width:120px; height:90px; }
ul.videolist a{              width:120px !important; padding:0 !important; }

ul.videolist2{               float:left; width:120px; }
ul.videolist2 li{            padding:0; margin:0; border:0; width:120px; height:90px; border-bottom:2px solid #ffffff; }
ul.videolist2 a{             width:120px !important; height:90px !important; padding:0 !important; position:relative; }
ul.videolist2 a span{        position:absolute; background:url(../upload/layout/bg75.png); width:110px; bottom:0; left:0; padding:5px; color:#000000; }
ul.videolist2 .tt{           font-size: 0.7em; height:14px; color:#555555; padding:4px; margin:12px 0 6px 0; border-top:1px dotted #ababab; }


/*---------------*/
/* Top-Aktuell */
/*---------------*/ 
ul.news{                      float:left; padding:0 15px 0 15px; width:324px; color:#555555; font-size:0.7em; }
li.news_inner{                float:left; width:324px; padding:4px 0 4px 0; border-bottom:1px solid #dddddd; list-style:none; }
.news_date{                 float:left; width:130px;   }
.news_title{                float:left; width:179px;  }
.news_more{                 float:right; padding:10px 15px 5px 0;  }


/*---------------*/
/* Bibliothek */
/*---------------*/ 
.bibl{                       padding:0 15px 0 15px;  color:#555555;  }
.bibl_inner{                 padding:4px 0 4px 0; margin-top:5px; }
a.bibl_title{               color:#ffffff; padding:2px 6px 2px 6px; font-weight:bold; font-size:0.75em; }
.bibl_body{                 padding-top:4px; line-height:1.4em; font-size:0.7em;  }
.bibl_body a, .bibl_more a{ padding:0 5px 0 0; color:#555555;  }

.bibl_all{                  float:left; width:724px; height:95px; position:relative; padding:5px 5px 0 5px; }
.bibl_left{                 position:absolute; left:5px; top:5px; overflow:hidden; width:242px; height:100px; border-right:1px solid #555555; }
.bibl_left img{             position:absolute; left:0; top:0; z-index:9; }
.bibl_left h2{              position:absolute; left:0; top:10px; z-index:10; }
.bibl_vorschau{             position:absolute; z-index:10; background:#ffffff; padding:5px 15px 5px 15px; left:0; top:32px; font-size:0.7em; color:#555555; }  
.bibl_left a{               padding-left:15px; }
.bibl_middle{               position:absolute; left:243px; top:5px; width:220px; line-height:1.8em; padding:10px; height:80px; font-size:0.75em; }
.bibl_middle a{             color:#ffffff; padding:2px 6px 2px 6px; }
.bibl_right{                position:absolute; right:0; top:5px; width:240px; height:100px; }
.bibl_right2{               float:left; width:480px; height:100px; }
.bibl_right ul{             padding:10px 0 0 25px; }
.bibl_right li{             list-style:square; font-size:0.75em; }

.shop_all{                  float:left; width:354px; height:95px; position:relative; padding:5px 5px 0 5px; }
.shop_left{                 position:absolute; left:5px; top:5px; overflow:hidden; width:354px; height:100px; }
.shop_left h2{              position:absolute; left:69px; top:10px; z-index:10; }
.shop_vorschau{             position:absolute; z-index:10; background:#ffffff; padding:5px 15px 5px 5px; left:0; left:69px; top: 28px; font-size:0.7em; color:#555555; }  
a.shop_title{               color:#ffffff; padding:2px 6px 2px 6px; font-weight:bold; font-size:0.5em; }
.shop_img{                  float:left; width:69px; height:100px; overflow:hidden; }
.shop_img img{             height:100% !important; width:auto !important; }
.archiv_all{                float:left; width:354px; position:relative; padding:5px 5px 0 5px; }
.archiv_top{                float:left; width:117px; height:35px; overflow:hidden; }
.archiv_top img{            }
.archiv_top h2{             position:absolute; left:5px; top:10px; z-index:10; }
.archiv_top a{              padding-left:15px; }
.archiv_leftright{          float:left; width:117px; /*height:220px;*/ height: 330px; border-right:1px solid #555555; }
.archiv_middle{             float:left; width:97px; height:150px; line-height:1.8em; padding:10px; font-size:0.75em; }
.archiv_middle a{           color:#ffffff; padding:2px 6px 2px 6px; }
.archiv_bottom{             float:left; width:207px; line-height:1.4em; padding:10px; font-size:0.7em; }
.archiv_bottom a{           color:#555555; padding:0 5px 0 0; }
.archiv_bibliothek{         padding:0px 0px 10px 15px; }
.archiv_bibliothek a{       font-size:0.7em; padding:2px 6px 2px 6px; font-weight:bold; color:#ffffff; }
.archiv_bottom li{          list-style:square; }
.archiv_bottom ul{          padding:0 0 0 15px; }
.archiv_middle li{          list-style:none; }

.archiv_liste{              font-size:0.75em; margin-left:35px; }
.archiv_liste li{           color:#555555; border-bottom:1px dotted #eaeaea; padding:4px 4px 4px 4px; }
.odd{                         }
.archiv_liste a{            color:#555555; }

.shop_promotion_image{		width:100%; height:250px; text-align:center; overflow:hidden; }
.shop_promotion_text{		color:#555555; padding:10px; font-size:14px; margin-bottom: 35px; }
.shop_promotion_title{		height:42px; display: inline-block; }

.raum-zeit-fenster{                 background-color:#000000 !important; }
.gesundheit{                   background-color:#e75113 !important; }
.naturwissenschaft{              background-color:#00488e !important; }
.gesellschaft{                   background-color:#c00418 !important; }
.bewusstsein{               background-color:#0080c2 !important; }
.oekologie{                 background-color:#005629 !important; }
.archiv{                 background-color:#555555 !important; }
.filmtipps-auf-dvd{       background-color:#663399 !important; }
.raum-zeit-fenster_t{                   color:#ffffff !important; }
.gesundheit_t{                 color:#e75113 !important; }
.naturwissenschaft_t{            color:#00488e !important; }
.gesellschaft_t{                 color:#c00418 !important; }
.bewusstsein_t{             color:#0080c2 !important; }
.oekologie_t{               color:#005629 !important; }
.archiv_t{               color:#555555 !important; }
.filmtipps-auf-dvd_t{       color:#663399 !important; }

div.arrow{                float:left; background: #555555; width:10px; height:10px; padding:1px; margin-right:2px; }

/*---------------*/
/* Listenansicht */
/*---------------*/ 
.liste{                     float:left; width:220px; padding:5px 15px 10px 15px; }
.liste_img{                  }
.liste_img a img{           padding:0; }
.liste_head{                font-size:0.75em; padding:4px; }
.liste_body{                font-size:0.75em; color:#555555; padding:4px; border-bottom:1px solid #dddddd; }

/*-----------------*/
/* POPUP Probeheft */
/*-----------------*/
.rzprobe{					text-align:center; }
.rzprobe img{				margin-top: 15px; }
.rzprobe h4{				color:#555555; font-size:44px; font-family:Tahoma, Geneva, sans-serif; margin: 20px 0 25px 0; line-height: 56px; }
.rzprobe a{					font-family:Tahoma, Geneva, sans-serif; background: #e00200; color: #ffffff; font-size:18px; padding: 3px; display:inline-block; padding: 6px 10px 6px 10px; margin-bottom: 20px; }


/*---------------*/
/* Navi Links    */
/*---------------*/
.leftnavi_head{             float:left; width:195px; padding:5px 5px 0 5px; }
.leftnavi_head_inner{       float:left; width:195px; color:#ffffff; background-color:#e00200; text-align:center; padding:4px 0 4px 0; font-size:0.8em; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; }
.leftnavi_head_bibl{        float:left; width:195px; color:#ffffff; background-color:#555555; text-align:center; padding:4px 0 4px 0; font-size:0.8em; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; }
.leftnavi_head_bibl a{      color:#ffffff; }
.leftnavi_body{             float:left; width:195px; padding:0 5px 0 5px; }

/* Erste Ebene */
#leftnavi{                  float:left; width:195px; padding:0 0 0 0; background-color:#f0f0f0; }
#leftnavi li{               float:left; width:185px; padding:0 5px 0 5px; list-style:none;  }
#leftnavi li a{             float:left; width:175px; padding:6px 5px 6px 5px; border-bottom:1px solid #dedede; color:#606060; font-size:0.75em; text-decoration:none; }
#leftnavi li a:hover{       background-color:#dddddd; }

/* Zweite Ebene */
#leftnavi ul{               float:left; width:185px; padding:5px 0 5px 0; background-color:#ffffff; }
#leftnavi li li{            float:left; width:175px; padding:0 5px 0 5px; list-style:none;  }
#leftnavi li li a{          float:left; width:165px; border:0; padding:4px 5px 4px 5px; color:#606060; font-size:0.75em; text-decoration:none; }
#leftnavi li li a:hover{    text-decoration:underline; background:none; }

/* Dritte Ebene */
#leftnavi ul ul{            float:left; width:175px; padding:5px 0 5px 0; border-top:1px dashed #dedede; border-bottom:1px dashed #dedede; background-color:#ffffff; }
#leftnavi li li li{         float:left; width:165px; padding:0 5px 0 5px; list-style:none;  }
#leftnavi li li li a{       float:left; width:149px; border:0; padding:4px 8px 4px 8px; color:#606060; font-size:0.75em; text-decoration:none; }
#leftnavi li li li a:hover{ text-decoration:underline; background:none; }

.selected{                  font-weight:bold; }


/*---------------*/
/* BOXEN         */
/*---------------*/ 

#login_box{                position:fixed; text-align:right; font-size:0.7em; left:0; z-index:10; top:0; width:100%; padding:4px 0 4px 0; border-bottom:1px solid #E00200; background:#ffffff; }
.lg_inner{                 float:right; border-left:1px dotted #eeeeee; position:relative; padding:4px 8px 4px 8px; color:#555555; text-align:center; }
.lg_suche{                 float:right; border-left:1px dotted #eeeeee; position:relative; padding:2px 8px 2px 8px; color:#555555; text-align:center; }

#login_box a{              color:#555555; }
#login_box a:hover{        color:#555555; text-decoration:underline; }

#info_box{                 position:fixed; left:50%; top:50px; margin-left:-280px; width:560px; height:600px; overflow-y:auto; z-index:100; }
#flip_box{                 position:fixed; width:90%; height:90%; z-index:110; }
#loader{                   position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #ffffff; }
.ajaxloader{               padding:5px; }

#info_close{               position:absolute; right:10px; top:16px; z-index:16; }

h4.success{                  color:#ffffff; padding:5px; background-color:#3d9a2c; font-size:0.8em; text-align:center;  }
h4.fault{                    color:#ffffff; padding:5px; background-color:#9a342c; font-size:0.8em; text-align:center;  }



/*---------------*/
/* BUTTONS         */
/*---------------*/ 
div.mwsteu{                 float:right; width:120px; height:45px; text-align:left; margin-top:5px; padding:5px 0 0 54px; background:#ffffff url(../upload/layout/logo_EU.png) 0px 0px no-repeat; position:relative; }
div.mwsteu a{              color:#000000; font-size:11px; }
div.preis{                 float:right; width:174px; height:26px; text-align:center; padding:8px 0 0 0; background-color:#555555; position:relative; }
div.preis2{                float:right; position:relative; width:150px; height:26px; text-align:left; padding:8px 0 0 24px; background-color:#555555; }
.shop_left div.preis2{		float:none; position:absolute; left: 69px; bottom:0; z-index:5; width: 261px; height: 15px; background-color:#999999; } 
.shop_left span.preis{		font-size:11px; top:4px; }
.shop_left br{				display:none; }
div.kombi{                 float:right; position:relative; width:343px; text-align:left; padding:5px; margin:5px; background-color:#555555; color:#ffffff; }
div.kombi_titel{           font-size:0.8em; font-weight:bold; border-bottom:1px dotted #999999; padding:2px; }
div.kombi_produkt{         font-size:0.7em; }
div.kombi_preis{           float:left; width:60px; text-align:right; padding:6px 2px 2px 2px; }
div.kombi_art{             float:left; width:273px; text-align:left; padding:6px 2px 2px 2px; }

span.rabatt{               position: absolute; left: 12px; top: 12px; z-index: 10; font-size:0.8em; font-family:Tahoma, Geneva, sans-serif; color:#F00; font-weight:bold; } 
span.preis{                position: absolute; left: 12px; top: 8px; z-index: 10; font-size:0.8em; font-family:Tahoma, Geneva, sans-serif; color:#ffffff; } 
/*span.mwst{               font-size:0.65em; font-family:Tahoma, Geneva, sans-serif; color:#ffffff; }*/
span.mwst{                 position:absolute; z-index:10; right:10px; top:11px; font-size:0.65em; font-family:Tahoma, Geneva, sans-serif; color:#ffffff; }
span.mwst_versand{         position:absolute; z-index:10; right:10px; top:5px; font-size:0.65em; font-family:Tahoma, Geneva, sans-serif; color:#ffffff; }
span.mwst_versand a{       color:#ffffff; }

.durchgestrichen{		   text-decoration:line-through !important; } 
div.preis2 span.durchgestrichen{ top:0px; font-size:0.7em; } 

div.weiter_outer{          float:left; width:554px; background:#dddddd; }
div.weiterlesen2{          float:right; width:174px; height:92px; }
div.upgrade{               float:right; width:174px; height:34px; margin: 0 5px 0 5px; background:#cccccc; }
div.upgrade input{         margin:6px; padding:2px; font-size:0.8em; width:65px; text-align:center; }
input.checkupd{            background-color:#e00200; color:#ffffff; }

div.weiterlesen{           float:right; width:174px; height:34px; padding: 0 0px 0 5px; }
a.weiterlesen{             float:left; text-align:center; vertical-align:center; width:174px; padding-top:8px; height:26px; background:url(../upload/layout/button_warenkorb.jpg) left top no-repeat;  }
a.weiterlesen span{        color:#ffffff; font-size:0.9em; font-family:Tahoma, Geneva, sans-serif; }
a.pdf{                     float:left; text-align:center; vertical-align:center; width:174px; padding-top:8px; height:26px; background:url(../upload/layout/button_pdf.jpg) left top no-repeat;  }
a.pdf span{                color:#ffffff; font-size:0.9em; font-family:Tahoma, Geneva, sans-serif; }
a.viewonline{              float:left; text-align:center; vertical-align:center; width:174px; padding-top:8px; height:26px; background:url(../upload/layout/button_viewonline.jpg) left top no-repeat;  }
a.viewonline span{         color:#ffffff; font-size:0.9em; font-family:Tahoma, Geneva, sans-serif; }
.bezahlartimage img {
    width: 50%;
display: block;
}
/*---------------*/
/* MATRIX */
/*---------------*/

.matrix_head{              font-weight:bold; font-size:0.8em; color:#555555; margin:15px 0 5px 0; border-bottom:1px dotted #555555; }
.m_sel{                    color:#E00200 !important; border-bottom:1px dotted #E00200 !important;  }


/*---------------*/
/* KALENDER      */
/*---------------*/ 
.kal{                       float:left; width:189px; padding:0 3px 3px 3px; border-bottom:1px solid #cccccc; }
.kal_row{                   float:left; width:189px; clear:both; }
.kal_legendelink{           float:left; width:189px; color:#555555; font-size:0.8em; text-align:center; border-bottom:1px solid #cccccc; }
.kal_legende{               float:left; width:27px; padding-top:4px; height:15px; font-size:0.65em; color:#555555; text-align:center; }
.kal_ausserhalb{            float:left; width:25px; height:25px; margin:1px; position:relative; background:#efefef; color:#bbbbbb; font-size:0.7em; }
.kal_ausserhalb span{       position:absolute; right:1px; bottom:1px; z-index:1; }
.kal_monat_sel{             float:left; width:27px; height:27px; color:#555555; font-size:0.7em; }
.kal_monat_sel a{           float:left; width:25px; height:25px; margin:1px; position:relative; color:#ffffff; background:#555555;  }
.kal_monat_sel a:hover{     text-decoration:none; background:#dddddd;  }
.kal_monat_sel a span{      position:absolute; right:1px; bottom:1px; z-index:1; }
.kal_monat{                 float:left; width:27px; height:27px; color:#555555; font-size:0.7em; }
.kal_monat a{               float:left; width:25px; height:25px; margin:1px; position:relative; color:#555555; background:#eeeeee;  }
.kal_monat a:hover{         text-decoration:none; background:#dddddd;  }
.kal_monat a span{          position:absolute; right:1px; bottom:1px; z-index:1; }
.kal_selected{              float:left; width:27px; height:27px; color:#555555; font-size:0.7em; }
.kal_selected a{            float:left; width:25px; height:25px; position:relative; margin:1px; background:#E00200; color:#ffffff; }
.kal_selected a span{       position:absolute; right:1px; bottom:1px; z-index:1; font-weight:bold; }

#termine{                   float:left; width:189px; padding:3px 3px 0 3px; }
.termin{                    float:left; width:179px; clear:both; padding:2px 5px 2px 5px; border-bottom:1px dotted #cccccc; }
.termin_datum{              float:left; width:179px; font-size:0.7em; color:#888888; }
.termin_titel{              float:left; width:179px; font-size:0.75em; padding:2px 0 0 0; }

/*---------------*/
/* VERANSTALTUNGSKALENDER      */
/*---------------*/ 
.filter{                    margin:10px; padding:10px; height:25px; background:#eaeaea; font-size:0.75em; }
.filter a.bold{             font-weight:bold; }
.vDate{                     float:left; width:200px; }
.vDate input{               float:left; margin-right:4px;}
.vDateFilter{               float: left; width: 250px; padding: 5px 4px 0 0; }
.veranstaltungen a{         color:#000000 !important; }
.event_images{              float: left; width: 694px; margin: 15px; }
.event_images div{          float: left; width: 220px; height:165px; margin-right: 11px; overflow:hidden; }


/*---------------*/
/* UNIVERSAL BOX      */
/*---------------*/ 
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
.box_universal{             background:#ffffff; float:left; margin:10px 0 5px 10px; position:relative; }
.box_universal h1, .box_universal h2, .box_universal h3{ color:#555555; margin: 5px 0 5px 0; font-weight:300; padding:5px 0 5px 15px; font-family: 'Open Sans Condensed', sans-serif; }
.box_universal h1{          font-size:1.3em; }
.box_universal h2{          font-size:1.2em; }
.box_universal h3{          font-size:1.1em; }
.box_universal h4{          font-size:1.0em; }
.box_universal h1 a, 
.box_universal h2 a, 
.box_universal h3 a, 
.box_universal h4 a 
                    {        color:#555555 !important; }
.box_universal h1 a:hover, 
.box_universal h2 a:hover, 
.box_universal h3 a:hover, 
.box_universal h4 a:hover 
                    {        color:#000000 !important; text-decoration:none; }
.box_universal .highlight{ background: #e00200; color: #ffffff; font-size: 11px; padding: 3px; position: absolute; right: 15px; top: 12px; }
.box_universal .startmore{ background: #e00200; color: #ffffff; font-size: 12px; padding: 3px; position:absolute; right: 10px; bottom: 10px; z-index: 10; }
.box_universal .startmore_left{ background: #e00200; color: #ffffff; font-size: 12px; padding: 3px; margin:8px 0 0 15px; float:left; clear:both; }

.box_universal ul{          list-style:none; font-size:0.75em; color:#555555; padding:0 10px 0 10px; }
.inner{      padding:0 10px 0 10px; }
.box_universal li{          border-bottom:1px solid #eeeeee; padding:0px 0 5px 0; clear:both; float: left; width: 100%; }
.shadow{		    -moz-box-shadow: 1px 1px 5px 1px rgb(175, 175, 175); -webkit-box-shadow: 1px 1px 5px 1px rgb(175, 175, 175); box-shadow: 1px 1px 5px 1px rgb(175, 175, 175); -o-box-shadow: 1px 1px 5px 1px rgb(175, 175, 175); }
.txtshadow{		    text-shadow: 1px 1px 2px #ffffff;	}
.verlauf{                   background-image: -webkit-linear-gradient(left, #dddddd 0%, #ffffff 100%); 
                            background-image: -moz-linear-gradient(left, #dddddd 0%, #ffffff 100%); 
                            background-image: -o-linear-gradient(left, #dddddd 0%, #ffffff 100%); 
                            background-image: linear-gradient(left, #dddddd 0%, #ffffff 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddddddd', 
                                                                                 endColorstr='#ffffff');  }

.banner_neu{                position: absolute; left: -2px; top: -2px; z-index: 15; }
.werbung{					width:190px; height:60px; overflow:hidden; }
.werbung2{					width:190px; height:120px; overflow:hidden; }
.werbung2 li{				width:195px; height:120px; }

.protoshow,
.protoshow .show {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 900px;
	height: 300px;
}

.slide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	height: 100%;
}

.active-slide {
	z-index: 100;
}

.protoshow .slide-caption {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	padding: 1em 10px;
	background-color: #000;
	background-color: rgba(0,0,0,.4);
	color:#fff;
}

.proto-progress-timer {
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 9999;
}


.transition-slide .show-window, .transition-cycle .show-window {
	overflow: hidden;
	position: relative;
}

.transition-slide .show, .transition-cycle .show {
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
	left: 0;
	width: 999999px;
}

.transition-slide .slide, .transition-cycle .slide {
	position: static; /*overide*/
	float: left;
	display: block;
	clear:none;
	width:auto;
	padding:0;
}



.proto-controls,
.proto-navigation {
	margin: 0;
	padding: 0;
	list-style: none;
}

.proto-controls a:link,
.proto-controls a:visited,
.proto-navigation a:link,
.proto-navigation a:visited {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.proto-controls li {
	position: absolute;
	top: 50%;
	margin-top: -36px;
	left: 10px;
	width: 10%;
	height: 100%;
	z-index: 110;
}

.proto-controls .forward {
	right: 10px;
	left: auto;
}

.proto-controls a {
	width: 100%;
	height: 61px;
	background: url(/img/proto_controls_bg.png) no-repeat 0 0;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}

.proto-controls a:hover,
.proto-controls a:focus {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.proto-controls .forward a {
	background-position: 100% -90px;
}


.proto-navigation {
	position: absolute;
  	top: 0;
    right: 50%;
    float: right;
    z-index: 120;
}

.proto-navigation li {
    float: left;
    left: 50%;
    padding: 12px 6px;
    position: relative;

}

.proto-navigation a {
	background-color: #fff;
  	background-color: rgba(0,0,0,.2);
    height: 8px;
    text-decoration: none;
  	 width: 8px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	-moz-box-shadow:    inset 0 1px 0 1px rgba(0,0,0,.1);
	-webkit-box-shadow:    inset 0 1px 0 1px rgba(0,0,0,.1);
	box-shadow:    inset 0 1px 0 1px rgba(0,0,0,.1);
}

.proto-navigation a:hover,
.proto-navigation a:focus {
	background-color: #999;
}

.proto-navigation .current-slide a {
	background-color: #363F4E;
}





/*---------------*/
/* STARTSEITE NACH UMBAU */
/*---------------*/
.top_img{					float:left; padding:0 10px 0 0; width:120px; height:38px; overflow:hidden; }
.top_date{					display:block; font-size:11px; }
.box_universal ul.topaktuell{ font-size:13px; }
ul.topaktuell li{			height: 44px; overflow:hidden; }
ul.topaktuell a{			font-weight: bold; }

.box_universal_head{		width:735px !important; }
.headh a{					float:none !important; display:block; width:auto !important; padding:10px 10px 5px 10px !important; border-bottom:1px solid #ffffff; text-align:left !important; margin-bottom: 10px; margin-top: 10px; }
.headtopaktuell{			height:115px !important; }
.headtopaktuell > li{		width:49% !important; height: 60px !important; }
.headtopaktuell .top_img a{	padding:0 !important; text-align: left !important; }
.headtopaktuell .top_date{	font-size:11px; }
.box_universal_head .startmore{	float:left !important; border:none !important; margin: 0 0 10px 0 !important; }

/*---------------*/
/* Aktuelle Ausgabe Links 2013 */
/*---------------*/
.box_universal .left_body li{ color:#e00200; list-style:square; font-size:0.9em !important; line-height:0.5em !important; }
.box_universal .left_head, .box_universal .left_body{     float:left; width:185px !important; padding:5px; }
.box_universal #highlight{ padding:0 !important; }
.box_universal .ht_thema{   padding:0 !important; }
.box_universal .ht_text{    float: left; padding: 5px 0 0 15px; font-size: 0.7em; color: #555555; line-height: 1.4em; width: 500px; }



/* LOGINBOX */
#loginselect{               float:left; position:relative; font-size:0.8em; margin:150px 0 0 130px; width:295px; height:262px; overflow:hidden; background:url(../upload/layout/loginbox.png) left top no-repeat; }
#loginselect a{             color:#ffffff; text-align:center; float:left; width:70px; line-height:1.8em; }
#ls_bibliothek{             position:absolute; z-index:10; left:40px; top:25px; width:70px; }
#ls_archiv{                 position:absolute; z-index:10; left:150px; top:25px; width:70px; }
#ls_konto{                  position:absolute; z-index:10; left:150px; top:115px; width:70px; }
#ls_mediathek{              position:absolute; z-index:10; left:40px; top:115px; width:70px; }
#ls_weiter{                 position:absolute; z-index:10; left:80px; top:210px; width:150px; }
#ls_weiter a{               float:left; width:auto !important; padding:1px 3px 1px 3px; background:#E00200; border:1px solid #ffffff; }
#ls_close{                  position:absolute; z-index:10; right:10px; top:60px; }
#ls_close a{                width:auto !important; }

/* MATRIX */
.matrix{                    float:left; width:354px; height:354px; overflow-y:scroll; }
.matrix .img{               float:left; width:100px; height:32px; padding:0 8px 0 0; overflow:hidden; }
.matrix .title{             float:left; width:206px; height:32px;  overflow:hidden; line-height:1.4em; }
.matrix li{                 list-style:none; padding:0; margin:0; float:left; width:314px; padding:4px 8px 4px 8px; }
.matrix ul{                 margin:0 !important; }

/* EDITIERMODODUS */
.edit_clear{                clear:both; width:100%; padding:10px 0 10px; border-bottom:1px solid #dddddd; }
.edit_img{                  font-size:0.7em; width:50px; float:left; padding:5px; margin:5px; border:1px solid #dcdcdc; background-color:#dedede; }
.edit_text{                 font-size:0.8em; float:left; width:80%; padding:5px; margin:5px; border:1px solid #dcdcdc; background-color:#dedede; }
.edit_form{                 font-size:0.7em; float:left; padding:5px; margin:5px; border:1px solid #dcdcdc; background-color:#dedede; }