/* CSS Document */

/* GENERELLE STRUKTUR */
body {
        padding: 0px;
        margin: 0px;
        font-family: Arial, Tahoma, sans-serif;
        font-size: 12px;
        color: #333;
        background-color: #F5F5F5;
}

#page {
        z-index: 1;
        width: 900px;
        margin: 0px auto 35px;
        background-color: #ffffff;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
}

#header {
        background-image: url(/images/bg_header.gif);
        background-repeat: repeat-x;
        background-position: center 95px;
        height: 170px;
        margin-bottom: 10px;
}

#logo_container {

}

#logo {
        width: 305px;
        height: 95px;
}

#leftholder{
         float:left;
         width:720px;
}

#main {
        font-size: 12px;
        background-image: url(/images/bg_main.gif);
        background-repeat: repeat-y;
        padding-bottom: 10px;
        border-bottom: 10px solid #fff;
}

#left {
        float: right;
        width: 170px;
}

#middle {
        float: right;
        width: 500px; /* 540 - 2 * 20 */
        padding: 0px 20px 10px;
        margin-left: 10px;
        text-align:justify;
}

#right {
        float: right;
        width: 170px;
        margin-left: 10px;
}

#footer {
        width: 900px;
        height: 22px; /* 32px - 10px; */
        background-image: url(/images/bg_footer.gif);
        background-repeat: no-repeat;
        color: #fff;
        font-size: 11px;
        text-align: center;
        padding-top: 10px;
        margin-top: 0px;
        margin-bottom: -20px;
        float: left;
}





/* LOGIN */

#login {
        width: 465px;
        height: 35px; /* 42px - 7px */
        background-image: url(/images/bg_login.gif);
        background-repeat: no-repeat;
        color: #5b5d5b;
        font-size: 11px;
        text-align: center;
        padding-top: 7px;
        float: right;
        margin-right: 10px;
}

#login .login_field {
        background-color: #fff;
        border: 1px solid #5b5d5b;
        width: 130px;
        padding: 2px;
        height: 16px;
        font-size: 11px;
}

#login .login_submit, .submit_small{
        color: #ffffff;
        background-image: url(/images/bg_submit_small.gif);
        background-repeat: no-repeat;
        background-color: #E8F5FF;
        width: 37px;
        height: 22px;
        border: none;
        font-weight: bold;
        font-size: 10px;
        padding: 0px;
        margin: 0px;
        vertical-align:top;
}


/* TOP MENÜ */

#menu {
        margin: -37px 0px 0px;
        list-style-type: none;
        list-style-position: inside;
        padding: 0px;
        float: right;
        width: auto;
}

#menu li {
        list-style-type: none;
        float: left;
        margin: 0px 10px 0px 0px;
        padding: 0px;
        width: auto;
}

#menu li a {
        font-size: 15px;
        color: #5b5d5b;
        font-weight: bold;
        text-decoration: none;
        width: 103px; /* 123px - 2 * 10px */
        height: 17px; /* 37px - 15 - 5*/
        display: block;
        background-image: url(/images/bg_menu_off.gif);
        background-repeat: no-repeat;
        padding: 15px 10px 5px;
        text-align: center;
}

#menu li a.aktiv, #menu li a:hover {
        font-size: 15px;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        width: 103px; /* 123px - 2 * 10px */
        height: 17px; /* 37px - 15 - 5*/
        display: block;
        background-image: url(/images/bg_menu_on.gif);
        background-repeat: no-repeat;
        padding: 12px 10px 8px;
        text-align: center;
}





/* FEAT (SUCHE, FEED, NEWSLETTER */

#feat {
        margin-top: 23px;
}

#feat .feat_title {
        font-size: 16px;
        color: #5b5d5b;
        vertical-align: middle;
        text-decoration: none;
        display:inline;
        float:left;
        width:auto;
        margin-left:10px;
        font-weight:bold;
}

#feat .feat_img{
         margin-left: 15px;
         float: left;
         margin-right:10px;
}

#feat .feat_subtitle {
        font-size: 11px;
        color: #5691c4;
        text-decoration:none;
}

#feat form {
        display: inline;
        margin-left: 10px;
        float:left;
}

#feat_suche {
        width: 310px;
        height: 32px;
        border-right: 1px solid #5691c4;
        float: left;
        text-align: left;
        margin-left: 10px;
        padding-top: 8px;
}

#feat_feed {
        width: 245px;
        height: 40px;
        border-right: 1px solid #5691c4;
        float: left;
        text-align: center;
}

#feat_nl {
        width: 315px;
        height: 32px;
        float: left;
        text-align: right;
        margin-right: 10px;
        padding-top: 8px;
}
#feat .newsletter{
         margin-top:-12px;
         float:left;
         text-align:center;
         width:180px;
         margin-left:10px;
}
#feat .feat_subsubtitle {
        color: #333333;
}



/* KATEGORIEN */

#kategorien, #partner, #adminlink {
        list-style-type: none;
        list-style-position: inside;
        margin: 0px;
        padding: 0px;
}

#kategorien li, #partner li, #adminlink li {
        list-style-type: none;
        margin: 0px 0px 5px;
        padding: 0px;
}

#kategorien li a, #partner li, #adminlink li a {
        display: block;
        color: #595959;
        text-decoration: none;
        padding: 0px 10px;
}
#adminlink li a{
         color: #710000;
}
#partner li a{
        color: #595959;
        text-decoration: none;
}

#kategorien li a.aktiv, #kategorien li a:hover, #partner li a:hover, #adminlink li a:hover {
        background-color: #e8e8e8;
}





/* H ELEMENTE */

h1, .h1 {
        font-size: 20px;
        color: #f80707;
        margin: 0px 0px 10px;
        padding: 0px;
        text-align:justify;
        font-weight:bold;
        display:block;
}

h2, .h2 {
        font-size: 16px;
        color: #5B5D5B;
        margin: 0px 0px 10px;
        padding: 0px;
        text-align:justify;
        font-weight:bold;
        display:block;
}

h3, .h3 {
        font-size: 16px;
        color: #f80707;
        margin: 0px 0px 10px;
        padding: 0px;
        text-align:justify;
        font-weight:bold;
        display:block;
}

h4, .h4 {
        font-size: 13px;
        color: #5B5D5B;
        margin: 0px 0px 10px;
        padding: 0px;
        text-align:justify;
        font-weight:bold;
        display:block;
}

h6, .h6, .h7 {
        font-size: 16px;
        color: #5B5D5B;
        margin: 0px 10px 10px;
        padding: 0px;
        text-align:justify;
        font-weight:bold;
        display:block;
}
.h3{
         margin-bottom:3px;
         font-size:14px;
}
.h7{
         margin-left:0px;
         text-align:left;
}
.h6, .h7{
         color:#333333;
}

#home h2{
         color: #f80707;
}


/* LINKS / BESONDERE LINKS */

a {
        color: #b00f0f;
        text-decoration: underline
}

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

#footer a {
        color: #fff;
        text-decoration: none;
}

#footer a:hover {
        color: #fff;
        text-decoration: underline;
}





/* BOX + GELISTETE ELEMENTE (u.a. NEUSTE TIPPS etc) */

.box {
        background-color: #efefef;
        background-image: url(/images/bg_box.gif);
        background-position: center 21px;
        background-repeat: repeat-x;
}

.box_entry {
        padding: 10px;
}

.box_entry_clean {
        padding: 10px 0px;
}

.entry_title {
        font-weight: bold;
        color: #b00f0f;
}

.entry_info {
        font-weight: normal;
        color: #595959;
        font-size: 10px;
}

.box_trenner_white {
        height: 1px;
        border-bottom: 1px solid #fff;
}

.box_trenner_orange {
        height: 1px;
        border-bottom: 1px solid #f80707;
}

.box_trenner_blue {
        height: 1px;
        border-bottom: 1px solid #e6eff6;
}

.box_reiter {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}

.box_reiter li {
        margin: 0px 3px 0px 0px;
        padding: 0px;
        float: left;
        width: auto;
}

.box_reiter li a {
        color: #5b5d5b;
        background-image: url(/images/bg_box_menu_off.gif);
        background-repeat: repeat-x;
        display: block;
        height: 21px;
        width: auto;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        padding: 0px 10px;
        text-align: center;
}

.box_reiter li a.aktiv, .box_reiter li a:hover {
        color: #ffffff;
        background-image: url(/images/bg_box_menu_on.gif);
        background-repeat: repeat-x;
        display: block;
        height: 21px;
        width: auto;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        padding: 0px 10px;
        text-align: center;
}





/* TIPPS */

.tipps {
        margin-bottom: 10px;
        text-align:justify;
}

.tipps_new {
        text-align: center;
        margin-bottom: 10px;
}


/* DETAILS */

.details {
        margin-bottom: 10px;
}

.details_table {
        margin-top: 15px;
        margin-bottom: 10px;
}

.details_table td {
        text-align: left;
        padding: 0px 5px 5px 0px;
}

.details_left {
        width: 150px;
        margin-right: 20px;
        float: left;
}

.details_foto {
        width: 150px;
        height: 200px;
}


/* VOTE */

#vote {
        width: 250px;
        margin: 10px auto;
        text-align: center;
}

.vote_text {
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 5px;
}


/* RELATED TIPPS */

#related {
        margin: 10px 0px;
}


/* SURFTIPPS */

#surftipps {
        margin: 10px 0px;
}


/* COMMENTS */

#comments {
        margin: 10px 0px;
}

.comments_bg {
        background-color: #e6eff6;
}

.comments_new {
        text-align: center;
        margin-bottom: 10px;
}


/* NOTICE */

#notice {
        margin: 10px 0px;
        font-size: 10px;
}


/* MEDIADATEN */

#mediadaten {
        margin: 0px 10px;
}

#mediadaten td {
        color: #5691c4;
        padding: 0px 5px 5px 0px;
        font-size: 10px;
}





/* INPUT / FORM-ELEMENTE */

.field, .search_field {
        background-color: #fff;
        border: 1px solid #5b5d5b;
        width: 115px;
        padding: 2px;
        height: 16px;
        font-size: 11px;
}

.search_field{
         width:720px;
}

input, select {
        background-color: #fff;
        border: 1px solid #5B5D5B;
        padding: 2px;
        font-size: 11px;
}

.submit {
        font-weight: bold;
}


form {
        margin: 0px;
        padding: 0px;
}





/* PFAD */

#path {
        font-size: 9px;
        color: #999;
        padding-bottom: 5px;
        border-bottom: 1px solid #e6eff6;
        margin-bottom: 5px;
}

#path a {
        font-size: 9px;
}




/* LAYER */

#exit_layer {
        margin: 10px auto;
        width: 840px;
        height: auto;
        border: 3px solid #5691c4;
        background-color: #fff;
}

.exit_layer_title {
        font-size: 20px;
        color: #ffffff;
        margin: 0px;
        border-bottom: 3px solid #e6eff6;
        background-color: #f80707;
        text-align: left;
        padding: 5px 5px 5px 15px;
}

.exit_layer_content {
        padding: 20px;
        text-align: center;
}

.exit_layer_close {
        float: right;
        font-size: 12px;
        color: #333;
        margin-top: 3px;
        text-decoration: none;
        width: 80px;
        text-align: center;
}

.exit_layer_close:hover {
        color: #fff;
}





/* SONSTIGES */

.clear {
        clear: both;
        height: 1px;
        font-size: 1px;
        line-height: 1px;
}

a img, .rightad img{
        border: none;
}

#besttippsfield, #mosttippsfield, #catsfield, #detailb{
         display:none;
}

#rightad1{
         width: 160px;
         height: 600px;
         border: 0px;
}
.rightad{
         width: 160px;
         height:auto;
}
.topad{
         width: 468px;
         height: 60px;
         border: 0px;
}
.writefield{
         width:100%;
         text-align: right;
}
.bottomad{
         width: 336px;
         border: 0px;
}
.bottomad2{
         float:left;
         width:250px;
         border:0px;
}
#right h6{
         margin-left:0px;
}
#closeadbg{
         position: fixed;
         right: 0px;
         top: 0px;
         height: 100%;
         width: 100%;
         z-index: 5;
         visibility: hidden;
         opacity: 0.8;
         background-color: #FF9F00;
}
#closeadbox{
         position: fixed;
         left: 50%;
         top: 0px;
         width:840px;
         height:auto;
         padding: 5px;
         margin-left:-420px;
         padding-top: 0px;
         visibility: hidden;
         z-index: 6;
}
#oups{
         background-color: #F5F5F5;
         display: block;
         height: 5px;
         left: 0px;
         margin: 0px;
         padding: 0px;
         position: fixed;
         top: 0px;
         width: 100%;
}
.rightframe{
         width:160px;
         height:600px;
         border:0px;
}
.image4{
         width:250px;
         float:right;
}
.image5{
         /*border: 1px solid #f80707;*/
         float: left;
}
#flying_navi{
         position:fixed;
         top: 50%;
         left: 50%;
         list-style-type:none;
         margin:0;
         margin-top:-240px;
         margin-left:450px;
         padding:0;
         width:21px;
         height:auto;
}
#flying_navi2{
         position:fixed;
         top: 50%;
         left: 50%;
         list-style-type:none;
         margin:0;
         margin-top:-80px;
         margin-left:473px;
         padding:0;
         width:21px;
         height:auto;
}
#flying_navi li, #flying_navi2 li{
         float:left;
         margin:0 0 0 3px;
         padding:0;
}
#flying_navi li a, #flying_navi2 li a{
         background-image:url(/images/bg_box_menu_right_off.gif);
         background-repeat:repeat-y;
         color:#5691C4;
         display:block;
         font-size:13px;
         font-weight:bold;
         width:21px;
         padding-top:5px;
         padding-bottom:5px;
         text-align:center;
         text-decoration:none;
         height:auto;
         line-height:13px;
         margin-top:2px;
}
#flying_navi li a.aktiv, #flying_navi li a:hover, #flying_navi2 li a.aktiv, #flying_navi2 li a:hover{
        color: #ffffff;
        background-image: url(/images/bg_box_menu_right_on.gif);
        background-repeat: repeat-y;
        display: block;
        width: 21px;
        height: auto;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        padding-top:5px;
        padding-bottom:5px;
        text-align: center;
        margin-top:2px;
}
#flying_ad{
         position:fixed;
         width:auto;
         height:600px;
         top:50%;
         margin-top:-300px;
         left:50%;
         margin-left:-610px;
}
.greyed{
         color:#8F8F8F;
}
.img{
         float:left;
}
.img2{
         float:left;
         width:250px;
         margin-top:5px;
         margin-right:5px;
}
.img3{
         float:right;
         width:250px;
         margin-top:5px;
         margin-left:5px;
}
.imgcopyright{
         font-size:10px;
         margin-left:10px;
         width:100%;
         float:left;
}
.shoplogo{
         display:block;
         text-align:center;
         margin-top:5px;
}
.shoplogo img{
         border: 1px solid #f80707;
}
b, strong{
         font-family:Arial;
}

/*Preisvergleich*/
.detailansicht_img{
         max-width:200px;
         max-height:200px;
}
.metasuche_img{
         max-width:150px;
         max-height:200px;
}