/****************************** Allgemein ********************************/

* {
margin: 0px;
padding: 0px;
list-style: none;
}

img {
border: 0px;
}

body {
font-family: Arial, Helvetica, sans-serif;
}

/******************************* Wrapper ********************************/

#wrapper {
width: 983px;
margin: 0px auto;
position: relative;
overflow: hidden;
}

#page {
width: 983px;	
padding: 114px 0px 0px 0px;
background: url(images/page_bg.gif) 0px 0px repeat-y;
}

#spalte_links {
float: left;
width: 211px;
}

/******************************* Header ********************************/

#header {
position: absolute;
top: 0px;
left: 0px;
background: url(images/page_top_bg.gif) 0px 0px no-repeat;
height: 114px;
width: 983px;
margin: 0px 0px 0px 0px;
}

#logo {
position: absolute;
top: 10px;
left: 5px;
}

#login_iframe {
position: absolute;
top: 20px;
left: 618px;
width: 250px;
height: 70px;
overflow: hidden;
}

#content_teaser_box1 {
position: absolute;
top: 114px;
left: 211px;
background: #D6E8FF;
border: 1px solid #BAD7F5;
height: 297px;
}

h3 {
width: 243px;
height: 242px;
padding: 25px 0px 0px 512px;
color: #005A8F;
font-weight: normal;
font-size: 16px;
}

h3 span { text-transform: uppercase; font-size: 19px; }

h3.box1_1 { background: url(images/dflt_lightbox_photo_bg1.jpg) no-repeat; }
h3.box1_2 { background: url(images/dflt_lightbox_photo_bg2.jpg) no-repeat; }
h3.box1_3 { background: url(images/dflt_lightbox_photo_bg3.jpg) no-repeat; }
h3.box1_4 { background: url(images/dflt_lightbox_photo_bg4.jpg) no-repeat; }
h3.box1_5 { background: url(images/dflt_lightbox_photo_bg5.jpg) no-repeat; }
h3.box1_6 { background: url(images/dflt_lightbox_photo_bg6.jpg) no-repeat; }
h3.box1_7 { background: url(images/dflt_lightbox_photo_bg7.jpg) no-repeat; }

a#top_button {
position: absolute;
top: 255px;
right: 10px;
background: url(images/btn_lightbox_forward_right_active.png) right no-repeat;
height: 34px;
font-size: 12px;
color: #FFF;
text-decoration: none;
font-weight: bold;
}

#top_button span {
background: url(images/btn_lightbox_forward_left_active.png) left no-repeat;
height: 24px;
display: block;
padding: 10px 40px 0px 10px;
margin: 0px 0px 0px -5px;
}

a#top_button:hover { background: url(images/btn_lightbox_forward_right_mouseover.png) right no-repeat; cursor: pointer; }
a#top_button:hover span { background: url(images/btn_lightbox_forward_left_mouseover.png) left no-repeat; cursor: pointer; }

.content_teaser_box_klein {
position: absolute;
top: 435px;
border: 1px solid #d6d4d4;
width: 363px;
height: 185px;
background: #FFF;
font-size: 12px;
color: #555;
overflow: hidden;
}

#content_teaser_box2 { left: 213px; }
#content_teaser_box3 { left: 590px; }

.content_teaser_box_klein li {
position: absolute;
}

.ctbk1 { 
top: 5px;
left: 10px;
font-weight: bold;
font-size: 12px;	
}

.ctbk2 { 
bottom: -9px; 
}

.ctbk3 { 
top: 5px; 
right: 7px;
color: #E2001A;
font-weight: bold;
font-size: 14px;
}

.ctbk4 { 
top: 30px; 
left: 212px;
width: 150px;
font-weight: bold;
}

.ctbk5 { 
top: 67px; 
left: 212px;
width: 150px;
font-size: 11px;
}

.ctbk6 {
top: 163px;
right: -2px;
}

.ctbk6 a {
background: url(images/btn_forward_right_active.png) right no-repeat;	
font-size: 11px;
height: 17px;
color: #FFF;
text-decoration: none;
font-weight: bold;
display: block;
}

.ctbk6 a span {
background: url(images/btn_forward_left_active.png) left no-repeat;
height: 15px;
display: block;
padding: 2px 15px 0px 10px;
margin: 0px 0px 0px -5px;
}

.ctbk6 a:hover { background: url(images/btn_forward_right_mouseover.png) right no-repeat; cursor: pointer; }
.ctbk6 a:hover span { background: url(images/btn_forward_left_mouseover.png) left no-repeat; cursor: pointer; }

.ctbk7 { 
top: 37px; 
left: 212px;
width: 140px;
font-size: 11px;
}

.ctbk_list {
padding: 0px 0px 0px 17px;
background: url(images/dflt_list.gif) 0px 3px no-repeat;
width: 150px;
font-size: 11px;
}

.ctbk8 { top: 82px; left: 195px; }	
.ctbk9 { top: 97px; left: 195px; }	
.ctbk10 { top: 112px; left: 195px; }	

.ctbk11 { top: 97px; left: 195px; }	
.ctbk12 { top: 112px; left: 195px; }	
.ctbk13 { top: 127px; left: 195px; }	

.ctbk14 { 
top: 99px; 
left: 212px;
width: 140px;
font-size: 11px;
}

.ctbk15 { 
bottom: 8px; 
}

.ctbk16 { 
top: 30px; 
left: 165px;
width: 170px;
font-weight: bold;
}

.ctbk17 { 
top: 67px; 
left: 165px;
width: 170px;
font-size: 11px;
}

.ctbk18 { 
top: 30px; 
left: 188px;
width: 170px;
font-weight: bold;
}

.ctbk19 { 
top: 67px; 
left: 188px;
width: 170px;
font-size: 11px;
}

.ctbk20 { 
top: 82px; 
left: 188px;
width: 170px;
font-size: 11px;
}


/**************************** Navigation ******************************/

#sub_nav { display: none !important; }

#main_nav {
    display: block;
    list-style: none;
    margin: 0px 0px 0px 5px;
    width: 200px;
    float: left;
    border: 1px solid #B9D8F5;
}

#main_nav li {
    position: relative;
    list-style-image: none;
    list-style-type: none;
    list-style-position:outside;
    display: block;
    padding: 0;
    margin: 0;
    z-index: 918;
    float: left;
    width: 200px;
}

#main_nav li a {
    display: block;
    line-height: 27px; /* 32px */
    font-size: 12px;
    text-decoration: none;
    color: #003464;
    font-weight: bold;
    text-indent: 10px;
    background:  url(images/main_nav_button_bg.png) top left no-repeat;
    margin: 0;
    padding: 0;
    float: left;
    width: 200px;
}

#main_nav li a.active {
    color: #FFFFFF;
    font-weight: bold;
/*    background: #4474A5 url('') left top no-repeat;*/
	background: #044d9c url('') left top no-repeat;
}

#main_nav li:hover a {
    color: #003464;
    font-weight: bold;
    background:  url(images/main_nav_button_bg_active.png) left top no-repeat;
}

/* second level */
#main_nav li ul {
    display: none;
    position: absolute;
    top: 1px;
    left: 201px;
    border: 1px solid #B9D8F5;
    float: left;
    width: 615px;
    background: #FFF url(images/schlecker_navi_background.jpg) left top no-repeat;
    z-index: 901;
    padding: 2px 0;
}

#main_nav li:hover ul {
    display: block;
}

#main_nav li ul li {
    display: block;
    text-align: left;
    float: left;
    width: 200px;
    margin: 5px 0 5px 5px;
    clear: none;
}

#main_nav li ul li a {
    color: #003269;
    width: 190px;
}

#main_nav li ul li.sub_menu_item_4, #main_nav li ul li.sub_menu_item_7 {
    clear: left;
}

#main_nav li ul li a {
    display: block;
    background: none;
    white-space: normal;
    margin: 0 0 0 10px;
    line-height: 20px;
    text-indent: 0;
}

/* second level active */
#main_nav li.active ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    position: relative;
    left: 0;
    top: 0;
    width: 200px;
    float: left;
    border: 0;
    background: #FFF url('') left top no-repeat;
}

#main_nav li.active ul li {
    display: block;
    width: auto;
    float: none;
    margin-top: 0;
}

#main_nav li.active ul li ul {
    display: none !important;
}

#main_nav li.active ul li.active ul {
    display: block !important;
}

/* third level */
#main_nav li ul li ul {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    border: 0;
    float: left;
    width: auto;
    background: none !important;
}

#main_nav li ul li ul li {
    clear: left;
    margin: inherit;
    margin: 0;
}

#main_nav li li a, #main_nav li:hover li a {
    background: none;
    color: #003464;
    font-weight: bold;
}

#main_nav li:hover ul li ul li a, #main_nav li ul li ul li a {
    text-indent: 20px;
    color: #555;
    font-weight: normal;
}

/**
* Style definition for the sub navigation
**/
#sub_nav {
    float: left;
    width: 200px;
    min-height: 387px;
    margin: 0 10px 0 0px;
    border: 1px solid #D6D4D4;
    list-style: none;
    background: #FFF;
}

#sub_nav_container {
    float:left;
}

* html #sub_nav {
    height: 387px;
}

#sub_nav li {
    margin: 5px 0;
    padding: 0;
    list-style-image: none;
}

#sub_nav li.active {
    background: url(http://fotoservice.schlecker.de/images/26371839/all_arrow_subnavi_active.png) 5px 5px no-repeat;
}

#sub_nav li a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #4374A5;
    padding: 0 0 0 14px;
    text-decoration: none;
}

#sub_nav li#sub_nav_title {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    background-color: #E2001A;
    padding: 4px 0 4px 0px;
    margin: 0 0 10px 0;
    border: 1px solid #E2001A;
}

#sub_nav li#sub_nav_title a {    
	color: #FFF;
}

#sub_nav li ul {
    list-style: none;
    margin: 0 0 5px 0;
}

#sub_nav li ul li {
    display: block;
    margin: 3px 0;
}

#sub_nav li ul li.active a {
    background-color: #FFF;
    font-weight: bold;
    color: #E2001A;
}

#sub_nav li ul li a {
    color: #000;
    padding: 0 0 0 28px;
    text-decoration: none;
    font-weight: normal;
}

/****************************** Content ********************************/

#content {
float: right;
width: 740px;
margin: 523px 28px 15px 2px;
border: 1px solid #d6d4d4;
background: #FFF;
font-size: 12px;
color: #555;
overflow: hidden;
}

#content_1stline {
padding: 5px 0px 2px 10px;
font-weight: bold;
}

#content_image {
float: left;
width: 200px;
padding: 10px 0px 0px 0px;
}

#content_box {
float: left;
width: 535px;
padding: 10px 5px 10px 0px;
}

#content_box p {
padding: 0px 0px 10px 0px;
}

#content_box p.bold { 
font-weight: bold; 
}


h1 {
font-size: 13px;	
padding: 0px 0px 3px 0px;}

h2 {
font-size: 13px;	
padding: 10px 0px 5px 0px;
}

.content_link a {
background: url(images/btn_forward_right_active.png) right no-repeat;	
font-size: 11px;
height: 17px;
color: #FFF;
text-decoration: none;
font-weight: bold;
padding: 0px;
float: right;
margin: 0px -10px 0px 0px;
}

.content_link a span {
background: url(images/btn_forward_left_active.png) left no-repeat;
height: 15px;
display: block;
padding: 2px 20px 0px 10px;
margin: 0px 0px 0px -5px;
}

.content_link a:hover { background: url(images/btn_forward_right_mouseover.png) right no-repeat; cursor: pointer; }
.content_link a:hover span { background: url(images/btn_forward_left_mouseover.png) left no-repeat; cursor: pointer; }

#infonavi {
position: absolute;
bottom: 51px;
left: 0px;
padding: 0px 10px 0px 10px;
margin: 30px 0px 0px 0px;
z-index: 10;
width: 835px;
height: 75px;
}

#infonavi li {
display: inline;
padding: 0px 2px 0px 6px;
background: url(images/infonavi_trenner_11.gif) 0px 7px no-repeat;
}

#infonavi li a {
white-space: nowrap;
color: #777;
font-size: 10px;
}

#infonavi li.nobg {
background: none;
}

#infonavi li a:hover {
text-decoration: none;
}

/******************************* Footer ********************************/

#footer {
position: relative;
clear: both;
width: 983px;
background: url(images/page_bottom_bg.gif) 0px 0px no-repeat #FFF;
height: 179px;
}

#footer_nav {
position: absolute;
top: 150px;
left: 15px;
font-size: 10px;
/*color: #4374A5;*/
color: #044d9c;
}

#footer_nav li {
display: inline;	
}

#footer_nav li {
background: url(images/footer_nav_trenner_14.gif) 0px 0px no-repeat;
padding: 0px 2px 0px 6px;
font-size: 11px;
}

#footer_nav li.footer_first {
margin: 0px 458px 0px 0px;	
font-size: 10px;
padding: 0px 0px 0px 0px;
background: none;
}

#footer_nav li.footer_nobg { background: none; }
#footer_nav li.footer_print { padding: 0px 2px 0px 22px; }
#footer_nav li.footer_top { background: url(images/footer_nav_trenner_11.gif) 0px 0px no-repeat; }

#footer_nav li a {
/*color: #4374A5;*/
color: #044d9c;
text-decoration: none;
}

#gogreen {
position: absolute;
top: 52px;
right: 20px;
}