/**********************************/
/* Copyrights: www.TamerDesign.de */
/**********************************/


/************** General **************/
/*************************************/
html,body {
         height: 100%;
         background-color: #687f87;
}


body {
         margin: 0;
         padding: 0;
         height: 100%;
         background: url(../images/bg-fading.jpg) repeat-x top;
}

h1 {
         font-size: 15px;
         color: #06708f;
         text-decoration: none;
         margin: 0 12px 0 12px;
}

.orange {
         color: #fe923a;
}

.turkis {
         color: #06708f;
}

.abstand25 {
         height: 25px;
         border-left: solid 1px #a5a4a4;
         border-right: solid 1px #a5a4a4;

}

.abstand25_ob {
         height: 25px;

}

.wrapper {
        text-align: left;
        margin: 0px auto;
        padding: 0px;
        border: 0;
        width: 945px;
        background-color: #ffffff;
        background: url(../images/bg_wrapper.jpg) repeat-y;
        font-family: arial,verdana,tahoma,sans-serif;
}

.header {
        position: relative;
        left: 0;
        top: 0;
        width: 945px;
        height: 212px;
        margin: 0 auto 0 auto;

}

/************ Header Menu ************/
/*************************************/
.header_menu {
        position:absolute;
        left:737px;
        top:0px;
        width:194px;
        height:44px;
        background: url(../images/slice_02.jpg) no-repeat;
}

.header_menu a {
         position: relative;
         top: 5px;
         left: 10px;
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 13px;
         color: #06708f;
         text-decoration: none;
}

.header_menu a:hover {
         border-bottom: 2px dotted #fe923a;
}

.header_menu img {
         position: relative;
         top: 3px;
         left: 10px;
         text-decoration: none;
}
/*************************************/


/*********** Websuche-Feld ***********/
/*************************************/
.websuche {
        position: absolute;
        left: 334px;
        top: 156px;
        width: 279px;
        height: 41px;
        background: url(../images/slice_07.jpg) no-repeat;
}

.suchfeld {
         float: left;
         margin: 9px 0 0 10px;
         padding:0;
         width: 279px;
         height: 41px;
         background: none;
         background: url(..images/slice_07.jpg) no-repeat;
         border: none;
         font-size: 0.9em;
         color: #06708f;
}
/*************************************/


/********** Websuche-Button **********/
/*************************************/
.slice_08 {
        position: absolute;
        left: 613px;
        top: 156px;
        width: 125px; /*124*/
        height: 41px;
        background: url(../images/slice_08.jpg) no-repeat;
}

.slice_08 a {
         position: relative;
         top: 7px;
         left: 15px;
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 13px;
         color: #fe923a;
         text-decoration: none;
}

.slice_08 a:hover {
         text-decoration: none;
}
/*************************************/


/*************** Links ***************/
/*************************************/
.links {
        position: relative;
        top: 0;
        float: left;
        width: 190px;   /*191*/
        left: 12px;
        /*border-right: 2px dotted #f3f3f3;*/
}

.links img {
         position: relative;
         top: -12px;
         left: 13px;
}
/*************************************/


/********* Hauptkategorien ***********/
/*************************************/
.angebote_bg {
         width: 176px;
         height: 28px;
         background: url(../images/angebote_bg.jpg) no-repeat;
         margin: 0 auto 7px;
}

.angebote_bg a {
         position: relative;
         top: 3px;
         margin-left: 38px;
         font-size: 13px;
         font-weight: bold;
         text-decoration: none;
         color: #06708f;
}

.angebote_bg a:hover {
         border-bottom: 2px dotted #fe923a;
}
/*************************************/


/************ Kategorien *************/
/*************************************/
.kategorien img {
         position: relative;
         top: 0;
         left: 2px;
}

.kategorien ul {
         margin: 0;
         padding: 0;

}

.kategorien li {
         list-style: none;
}

.kategorien li img {
         position: relative;
         bottom: 0;
         left: 4px;
}

.kategorien a {
         position: relative;
         bottom: 8px;
         left: 8px;
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 12px;
         color: #06708f;
         text-decoration: none;
}

.kategorien a:hover {
         border-bottom: 2px dotted #fe923a;
}
/*************************************/


/*************** Flash ***************/
/*************************************/
.flash_movie {
        background: url(../images/flash_movie.jpg) no-repeat;
        width: 547px;
        height: 282px;
}
/*************************************/


/************** Main Content **************/
/*************************************/
.main_content {
        float: left;
        width: 547px;  /*58%*/
        font-size: 13px;
        margin-bottom: 50px;
}

.main_content p {
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 13px;
         color: #000000;
         text-decoration: none;
         margin: 0 15px 20px 15px;
         text-align: justify;
}

.main_content a {
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 13px;
         color: #fe923a;
         text-decoration: none;
         border-bottom: 2px dotted #fe923a;
}

.main_content a:hover {
         text-decoration: none;
}

.main_content strong a {
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 13px;
         color: #000000;
         text-decoration: none;
         text-align: justify;
         border:0;
}

.imgcontent {
         margin: 0 15px 20px 15px;
}
/*************************************/


/************ Mainbox S ************/
/*************************************/
.mainbox_s {
         width: 247px;   /* original 257px - damit beide Boxen nebeneinander passen 247px */
         height: 219px;
         margin: 10px;
         float: left;
}

.mainbox_s_oben {
         /*position:relative;*/
         /*top: 0;*/
         /*left: 0;*/
         width: 257px;
         height: 18px;
         background: url(../images/box_s_oben.jpg) no-repeat;
         margin: 0;
         padding: 0;
}

.mainbox_s_mitte img, .mainbox_xl_mitte img {
        /* width: 210px;
         height: 44px;*/
         padding: 10px 20px 10px 20px;
}

.mainbox_s_mitte {
         width: 249px;           /* original 257px */
         height: 188px;
         border-left: solid 4px #06708f;
         border-right: solid 4px #06708f;
}

.mainbox_s_mitte p, .mainbox_xl_mitte p {
         margin: 0;
         padding: 5px;
         text-align: justify;
}

.mainbox_s_mitte a, .mainbox_xl_mitte a {
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 13px;
         color: #fe923a;
         text-decoration: none;
         border-bottom: 2px dotted #fe923a;
}

.mainbox_s_mitte a:hover {
         text-decoration: none;

}

.mainbox_header {
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 13px;
         color: #06708f;
         text-decoration: none;
         border-bottom: 2px dotted #fe923a;
         margin: 0;
         padding: 0 5px 0 5px;
}

.mainbox_link a {
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 12px;
         color: #fe923a;
         text-decoration: none;
         margin: 0;
         padding: 0 5px 0 5px;
}

.mainbox_link a:hover {
         border-bottom: 2px dotted #fe923a;
         padding: 0 5px 0 5px;
}

.mainbox_s_unten {
         /*position:relative;*/
         /*bottom: 0;*/
         /*left: 0;*/
         width: 257px;
         height: 13px;
         background: url(../images/box_s_unten.jpg) no-repeat;
         margin: 0;
         padding: 0;
}
/*************************************/


/************* Mainbox XL ************/
/*************************************/
.mainbox_xl {
         width: 524px;
         /*height: 219px;*/
         margin: 10px;
         float: left;
}

.mainbox_xl_oben {
         /*position:relative;*/
         /*top: 0;*/
         /*left: 0;*/
         width: 524px;
         height: 15px;
         background: url(../images/box_xl_oben.jpg) no-repeat;
         margin: 0;
         padding: 0;
}

.mainbox_xl_mitte {
         width: 517px;           /* original 524px */

         border-left: solid 4px #06708f;
         border-right: solid 4px #06708f;
}

.mainbox_xl_unten {
         /*position:relative;*/
         /*bottom: 0;*/
         /*left: 0;*/
         width: 524px;
         height: 13px;
         background: url(../images/box_xl_unten.jpg) no-repeat;
         margin: 0;
         padding: 0;
}
/*************************************/



/*************** Rechts *************/
/************************************/
.rechts {
        float: right;
        width: 177px;    /*191*/
}

.box_rechts_s {
         width: 165px;   /* original 257px - damit beide Boxen nebeneinander passen 247px */
         margin: 0 20px 20px 0;
         float: right;
}

.box_rechts_s_oben {
         /*position:relative;*/
         /*top: 0;*/
         /*left: 0;*/
         width: 165px;
         height: 28px;
         background: url(../images/box_rechts_oben.jpg) no-repeat;
         margin: 0;
         padding: 0;
}

.box_rechts_s_oben a {
         position: relative;
         top: 4px;
         margin-left: 35px;
         font-size: 13px;
         font-weight: bold;
         text-decoration: none;
         color: #fe923a;
}

.box_rechts_s_mitte {
         width: 163px;           /* original 165px - wegen border von 2px nur 162px */
         height: auto;
         min-height: 75px;
         border-left: solid 1px #a5a4a4;
         border-right: solid 1px #a5a4a4;
}

.box_rechts_s_header {
         font-size: 13px;
         color: #06708f;
         text-decoration: none;
         border-bottom: 2px dotted #fe923a;
         margin: 10px;
         padding: 0;
}

.box_rechts_s_mitte p {
         margin: 0;
         padding: 5px;
         font-size: 12px;
         text-align: justify;
}

.box_rechts_s_mitte a {
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 12px;
         color: #fe923a;
         text-decoration: none;
}

.box_rechts_s_mitte a:hover {
         text-decoration: none;

}

.box_rechts_s_header {
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 13px;
         color: #06708f;
         text-decoration: none;
         border-bottom: 2px dotted #fe923a;
         margin: 0;
         padding: 5px 5px 0 5px;
}

.box_rechts_s_link a {
         font-size: 12px;
         color: #fe923a;
         text-decoration: none;
         margin: 0;
         padding: 0;
}

.box_rechts_s_link a:hover {
         border-bottom: 2px dotted #fe923a;
         padding: 0;
}

.box_rechts_s_unten {
         /*position:relative;*/
         /*bottom: 0;*/
         /*left: 0;*/
         /*width: 165px;*/
         height: 11px;
         background: url(../images/box_rechts_unten.jpg) no-repeat;
         margin: 0;
         padding: 0;
}
/*************************************/



/*************** Footer **************/
/*************************************/
.footer {
        width: 945px;
        height: 94px;
        background: url(../images/footer.jpg) no-repeat;
        clear: both;      /*!!!*/
}

.footer_menu {
         position: relative;
         top: 35px;
         text-align: center;
}

.footer_menu a {
         font-size: 12px;
         color: #9c9c9c;
         text-decoration: none;
}

.footer_menu a:hover {
         color: #9c9c9c;
         border-bottom: 2px dotted #fe923a;
}

.footer_info {
         position: relative;
         top: 19px;
         text-align: center;
         font-size: 11px;
}

.footer_info a {
         font-size: 11px;
         color: #000000;
         text-decoration: none;
}

.footer_info a:hover {
         color:#000000;
         border-bottom: 1px dotted #fe923a;
}
/*************************************/



.slice_01 {
        position:absolute;
        left:0px;
        top:0px;
        width:737px;
        height:156px;
        background: url(../images/slice_01.jpg) no-repeat;
}

.slice_03 {
        position:absolute;
        left:931px;
        top:0px;
        width:14px;
        height:197px;
        background: url(../images/slice_03.jpg) no-repeat;
}

.slice_04 {
        position:absolute;
        left:737px;
        top:44px;
        width:194px;
        height:153px;
        background: url(../images/slice_04.jpg) no-repeat;
}

.slice_05 {
        position:absolute;
        left:0px;
        top:156px;
        width:201px;
        height:41px;
        background: url(../images/slice_05.jpg) no-repeat;
}

.slice_06 {
        position:absolute;
        left:201px;
        top:156px;
        width:133px;
        height:41px;
        background: url(../images/slice_06.jpg) no-repeat;
}

.slice_09 {
        position:absolute;
        left:0px;
        top:197px;
        width:945px;
        height:15px;
        background: url(../images/slice_09.jpg) no-repeat;
}

.submit {
	background: transparent;
	border: 0;
	color: #00F;
	display: inline;
	margin: 0;
	padding: 0;
	         position: relative;
         top: 7px;
         left: 10px;
         font-family: arial,verdana,tahoma,sans-serif;
         font-size: 13px;
         color: #fe923a;
}

*:first-child+html .submit {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .submit {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}