body {
    position: relative;
    padding: 0;
    margin: 0;
}

html>body {
    height: auto;
    min-height: 100%;
}

#header {
    background: url("../images/header_bg.jpg") repeat-x;
    height: 267px;
}

#header_logo {
    width: 554px;
    height: 267px;
    background: url("../images/header_logo.jpg") no-repeat;
    margin: 0 auto;
}

#header_links {
    background: url("../images/header_links.jpg") no-repeat;
    float: left;
    width: 150px;
    height: 267px;
}

#header_rechts {
    background: url("../images/header_rechts.jpg") no-repeat;
    float: right;
    width: 248px;
    height: 267px;
}

#navigation {
    background: url("../images/navi_bg.gif") repeat-x #dac5a6;
}

#navigation ul {
    height: 47px;
    width: 800px;
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
}


div>#navigation {
    height: auto;
    min-height: 47px;
}

#navigation li {
    display: inline;
}

#navigation li a {
    float: left;
    /*background: grey;*/
    height: 36px;
    padding: 11px 15px 0 15px;
}

#navigation li a:hover {
    background: url("../images/navi_hover_bg.gif") repeat-x #e98400;
}

#navigation li a:active, #navigation li a:focus, .active {
    background: url("../images/navi_active_bg.gif") repeat-x #f7f3ec;
}

#farbstreifen {
    background: url("../images/farbstreifen.gif") repeat-x;
    height: 11px;
    width: 100%;
    padding: 0;
    margin: 0;
}

#content {
    background: url("../images/content_bg.jpg") repeat-x #ffffff;
    height: 400px;
    padding-bottom: 100px;
}

body>div#content {
    height: auto;
    min-height: 400px;
}

#content_box {
    width: 800px;
    margin: 0 auto;
}

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 76px;
    background: url("../images/fotostreifen.jpg") repeat-x;
    list-style-type: none;
}

.valide {
    clear: both;
    text-align: right;
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.valide li {
    float: right;
    margin-left: 20px;
}

.sprechblase {
    background: url("../images/sprechblase.gif") no-repeat;
    width: 293px;
    height: 154px;
    padding-top: 30px;
    padding-left: 40px;
}

#teaserbox {
    width: 800px;
}

a.teaser {
    float: left;
    width: 341px;
    height: 80px;
    background: #ffffff;
    border: 5px solid #efdec6;
    padding: 9px;
    font-size: 130%;
    margin: 0 0 20px 20px;
}

a.teaser:hover, a.teaser:active, a.teaser:focus {
    background: #ffffff ! important;
    color: #e98400 ! important;
    text-decoration: none ! important;
}

a.teaser img.teaser_bild {
    border: 1px solid #7a5622;
    float: left;
}

a.teaser span.teaser_content {
    border: 1px solid #ddcaad;
    height: 25px;
    float: left;
    width: 170px;
    padding-top: 45px;
    padding-left: 7px;
    margin-left: 15px;
    background: url("../images/teaser_content_bg.jpg") repeat-x;
    cursor: pointer;
}

a.teaser span.mini {
    font-size: 70%;
    cursor: pointer;
}

.anschriftbox {
    background: url("../images/kontaktbox_bg.jpg") repeat-x #fbf8f4;
    padding: 15px;
    border: 1px solid #8C6B3C;
    float: right;
}

a.toplink {
    clear: both;
    background: url("../images/top.jpg") no-repeat top right;
    width: 90px;
    height: 25px;
    padding-top: 5px;
    display: block;
    float: right;
    margin-bottom: 10px;
    clear: both;
}

a.toplink:hover, a.toplink:active, a.toplink:focus {
    background: url("../images/top.jpg") no-repeat top right #ffffff ! important;
    color: #E98400;
}

#galerieteaser {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#galerieteaser li a {
    display: block;
    width: 700px;
    height: 18px;
    color: #ffffff;
    font-size: 150%;
    font-family: Georgia;
    text-decoration: none;
    padding-top: 132px;
    padding-left: 22px;
}

#galerieteaser li a.fashion:hover,
#galerieteaser li a.portrait:hover,
#galerieteaser li a.akt:hover,
#galerieteaser li a.kinder:hover,
#galerieteaser li a.paare:hover,
#galerieteaser li a.shootings:hover {
    text-decoration: none;
}

#galerieteaser li a.fashion {
    background: url("../images/teaser_galerie_fashion.jpg") no-repeat;
}

#galerieteaser li a.portrait {
    background: url("../images/teaser_galerie_portrait.jpg") no-repeat;
}

#galerieteaser li a.akt {
    background: url("../images/teaser_galerie_akt.jpg") no-repeat;
}

#galerieteaser li a.kinder {
    background: url("../images/teaser_galerie_kinder.jpg") no-repeat;
}


#galerieteaser li a.paare {
    background: url("../images/teaser_galerie_paare.jpg") no-repeat;
}

#galerieteaser li a.shootings {
    background: url("../images/teaser_galerie_shooting.jpg") no-repeat;
}

#galerie h2 {
    clear: both;
}

#galerie .galpic {
    padding: 6px;
    border: 1px solid #6B4E25;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

#galerie .first {
    margin-left: 0;
}

.galerie, .galerie h2 {
    clear: both;
}

.galerie .galpic {
    padding: 6px;
    border: 1px solid #6B4E25;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.galerie .bigimg, .galerie .back {
    text-align:center;
}

.galerie .bigimg img {
    border: 1px solid #6B4E25;
}

.teamfoto {
    padding: 6px;
    border: 1px solid #6B4E25;
    background: #ffffff;
}

.teamfotobox {
    text-align: center;
    float: left;
    width: 255px;
}

.teamfotobox_middle {
    border-left: 1px solid #F2DCC5;
    border-right: 1px solid #F2DCC5;
    text-align: center;
    float: left;
    width: 255px;
}

div#startteaser {
    margin: 0 0 10px 10px;
    float: right;
}

div#startteaser .galerie {
    background: url("../upload/teaser_start.jpg") #ffffff;
    padding: 110px 190px 0 30px;
    font-size: 130%;
    display: block;
    width: 149px;
    height: 126px;
}

div#startteaser .galerie:hover, div#startteaser .galerie:active, div#startteaser .galerie:focus {
    background: url("../upload/teaser_start.jpg") #ffffff ! important;
    color: #e98400 ! important;
    text-decoration: none ! important;
}

div#startteaser .teaser_3zeilen {
    width: 341px;
    height: 80px;
    display: block;
    background: #ffffff;
    border: 5px solid #efdec6;
    padding: 9px;
    margin-bottom: 20px;
    font-size: 130%;
}

div#startteaser .teaser_3zeilen:hover, div#startteaser .teaser_3zeilen:active, div#startteaser .teaser_3zeilen:focus {
    background: #ffffff ! important;
    color: #e98400 ! important;
    text-decoration: none ! important;
}

div#startteaser .teaser_3zeilen img.teaser_bild {
    border: 1px solid #7a5622;
    float: left;
}

div#startteaser .teaser_3zeilen span.teaser_content {
    border: 1px solid #ddcaad;
    height: 65px;
    float: left;
    width: 170px;
    padding-top:  5px;
    padding-left: 7px;
    margin-left: 15px;
    background: url("../images/teaser_content_bg.jpg") repeat-x;
    cursor: pointer;
}

div#startteaser .teaser_4zeilen {
    width: 341px;
    height: 93px;
    display: block;
    background: #ffffff;
    border: 5px solid #efdec6;
    padding: 9px;
    margin-bottom: 20px;
    font-size: 130%;
}

div#startteaser .teaser_4zeilen:hover, div#startteaser .teaser_4zeilen:active, div#startteaser .teaser_4zeilen:focus {
    background: #ffffff ! important;
    color: #e98400 ! important;
    text-decoration: none ! important;
}

div#startteaser .teaser_4zeilen img.teaser_bild {
    border: 1px solid #7a5622;
    float: left;
}

div#startteaser .teaser_4zeilen span.teaser_content {
    border: 1px solid #ddcaad;
    height: 90px;
    float: left;
    width: 170px;
    padding-top:  5px;
    padding-left: 7px;
    margin-left: 15px;
    background: url("../images/teaser_content_bg.jpg") repeat-x;
    cursor: pointer;
}

.bild {
    border: 1px solid #6B4E25;
} 

.trenner {
    font-size: 0pt;
    margin: 20px 0;
    border-bottom: 1px solid #E4D4BD;
}

#teaser_weihnachtsshooting a, #teaser_weihnachtsshooting a:focus, #teaser_weihnachtsshooting a:active {
    width: 180px;
    height: 172px;
    margin: 15px 0;
    background: url("../upload/bild_weihnachtsshooting.jpg") no-repeat;
    font-size: 18px;
    padding: 90px 0 0 236px;
    display: block;
}

.wichtig_box {
	padding: 10px 20px;
	border: 3px solid #d40000;
}
