/*
Theme Name: Modemagazin Master
Theme URI: http://www.buero-fuer-reine-schoenheit.de
Description: "Modemagazin" ist ein tabellenloses Layout im Magazin-Stil basierend auf "Modekatalog" von Stefan Berke
Version: 1.1
Author: Tobias Franz
Author URI: http://www.buero-fuer-reine-schoenheit.de
*/




/* LAYOUT ############ */

html, body {
    padding:10px 0 20px 5px;
    margin: 0;
    }

#page {
        min-width:1060px;
}

#obenOut {
        margin:0 80px 0 20px;
}

#oben {
        margin: 0;
        width: 50%;
        height: 20px;
}

#ContentLinks {
        margin: 0;
        width:50%;
        float:left;
        }

#ContentRechts {
        margin: 0;
        margin-left: 50%;
        width:50%;
        }

#ContentLinksInner {
        margin: 0;
        margin:0 49px 0 0;
        overflow: hidden;
        }

#ContentRechtsInner {
        margin: 0;
        margin: 0 -1px 0 40px;
        overflow: hidden;
        }

#sidebarlinks {
        width: 45%;
        border-right: 1px solid #D7B264;
        float:left;
        }

#sidebarrechts {
        width: 50%;
        margin-left: 50%;
        }

#ContentLinksInnerMiddle {
        margin: 0 405px 0 0;
}

#register {
        float: right;
        width: 25px;
        margin-top: 10px;
        height: 100%;
}

#register a {
    display: block;
    width: 25px;
    }

#grafikbox {
        width:100%;
        clear:both;
        margin:5px 0;
        height:90px;
}

#grafikboxInner {
        width: 230px;
        height: 80px;
        overflow:hidden;
}

#customsearchform {
                float:right;
                margin:0;
                position:relative;
                top: 25px;
                width:43%;
}

#customsearchform #searchform {
                margin: 0 auto;
}

#customsearchform #searchsubmit {
                padding: 0
}

#customsearchform input {
        border:2px solid #D7B264;
}


.taube {
        float:right;
        padding-top: 20px;
}

#schatten {
        width: 100%;
}




#header #ContentWrapper {
        margin:0 80px 0 20px;
}

#header #ContentRechtsInner {
        margin-left: 50px;
        }

#header #ContentLinksInner .headerText {
        margin: 40px 0 0 160px;
        line-height: 18px;
        }

#header #ContentRechtsInner .headerText {
        margin: 70px 0 0 10px;
        }



#magazinContent #ContentLinksInner, #magazinContent #ContentRechtsInner {
        padding: 13px;
        }

#magazinContent #ContentRechtsInner {
        margin: 0 0 0 35px;
        }

#magazinContent #ContentWrapper {
        min-height: 1350px;
        margin:0 79px 0 20px;
}



#footer #ContentRechts {
        height:92px;
}

#footer #ContentLinks {
        width: 50%
}

#footer #ContentWrapper {
        margin:0 80px 0 20px;
}

#footer #ContentLinksInner {
        margin:0;
}

#footer #ContentRechtsInner {
        margin:0;
}

#footer #ContentLinksInnerRight {
        float:right;
        margin-left:20px;
        width:405px;
        margin:0;
        padding:0;
}


table.ie6footer {
        display:none;
}






/* GRAFIK ######### */

body {
    background: #DAD7D2 url(images/ornament.jpg);
    }

#oben {
        background: transparent url(images/oben.gif) no-repeat bottom right;
        }
#RandRechts {
        background: transparent url(images/rand_rechts_content.png) repeat-y right;
        }
#RandLinks {
        background: transparent url(images/rand_links_content.gif) repeat-y top left;
        }
#header #RandLinks {
        background: transparent url(images/rand_links_header.gif) no-repeat left bottom;
        }
#header #RandRechts {
        background: transparent url(images/rand_rechts_header.png) no-repeat right bottom;
        }


#header #ContentLinksInner {
        background: transparent url(images/header_links.jpg) no-repeat bottom left;
                height: 220px;
        }
#header #ContentRechtsInner {
        background: transparent url(images/header_rechts.jpg) no-repeat bottom right;
                height: 220px;

        }



#header #ContentWrapper {
background: #fcfcfc url(images/header_ContentWrapper.gif) repeat-x top;
        }

#header #ContentWrapperInner {
background: transparent url(images/mitte_header.png) repeat-y center;
        }

#magazinContent #ContentWrapper {
background: #fff url(images/mitte_content.png) repeat-y center;
        }


#footer #RandLinks {
                background: transparent url(images/schatten_50.png) no-repeat left -5px;
                height: 92px;
                width:100%;
}

#footer #RandRechts {
                background: transparent url(images/schatten_58.png) no-repeat top right;
                height: 92px;
                width:100%;
}

#footer #ContentLinksInnerRight {
        background: transparent url(images/schatten_25.png) no-repeat right -7px;
        height: 92px;
}

#footer #ContentLinksInnerLeft {
        background: transparent url(images/schatten_52.png) repeat-x top right;
        height: 92px;
}

#footer #ContentRechts {
        background: transparent url(images/schatten_54.png) repeat-x left -4px;
        height: 92px;
}

#footer #ContentLinksInnerMiddle {
        background: transparent url(images/schatten_52.png) repeat-x 0 -7px;
        height: 92px;
}


#oben #schatten {
        background: transparent url(images/oben_klein.png) no-repeat bottom right;
                height: 20px;
}

#footer #schatten {
        background: transparent url(images/unten_klein.png) no-repeat top right;
        height: 11px;
}


#fashion_logo {
    background: transparent url(images/fashion_logo.png) no-repeat;
    margin-top:70px;
    margin-right: 25px;
        float: right;
    }










/* FORMATE ######### */


body {
                font-size: 15px;
                color: #362C09;
                font-family: 'century gothic','Helvetica Neue',Helvetica,HelveticaNeue,Verdana,Arial,sans-serif;
    }

img {
    border:none;
    }

p {text-align:justify;}



/* Allgeimeine Formatierungen *********************************************************************/

#menuelinks li, #menuerechts li, #menuelinks ul, #menuerechts ul {list-style-type: none; line-height:20px;}
#menuerechts ul, #menuelinks ul  {padding-left:2px; margin:0;}

#pagenav, #pagenav ul, #pagenav ul li {list-style-type: none;}

* + html #menuelinks ul, * + html #menuerechts ul {
margin-left:0;
}

/* Menueueberschriften */
#menuelinks h3, #menuerechts h3, #menuerechts h2 {
    color: #D7B264;
    margin:0;
        padding:0;
    }

h3, h2 {
    font-weight: bold;
    font-size: 18px;
    }

h2.pagetitle {
        color:#D7B264;
}

#menuelinks h3, #menuerechts h3, #menuelinks h2, #menuerechts h2 {
    padding-top: 5px;
    }

#menuelinks h3, #menuerechts h3
{
        font-size: 16px;
        color: #D7B264;
        font-weight:normal;
}
#menuerechts.widget_text h3, #menuelinks.widget_text h3
{
font-size:18px;
font-weight:bold;
color:#D7B264;
margin:0;
padding:0;
padding-top:5px;

}

#sidebar h2 {
    padding: 0px 140px 0px 0px;
    }

#today {
    font-weight: bold;
    text-decoration: underline;
    }

/* Googlewerbung **********************************************************************************/

#google_werbung {
    overflow: hidden;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 5px;
        background: /*#ffffff;*/ #9F6C00;
    width:100%;
    height: 15px;
    }

#google_werbung {
    border-top-width: 3px;
                border-top-style:solid;
                border-top-color: #E1BE62;
                border-bottom-width: 3px;
                border-bottom-style:solid;
                border-bottom-color: #E1BE62;
         }

#google_werbung_468x60 {
    overflow: hidden;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 20px;
                border-top-width: 1px;
                border-top-style:solid;
                border-top-color: #E1BE62;
                border-bottom-width: 1px;
                border-bottom-style:solid;
                border-bottom-color: #E1BE62;
    background: #ffffff;
    }

#google_werbung_336x280 {
    overflow: hidden;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 20px;
                border-top-width: 1px;
                border-top-style:solid;
                border-top-color: #E1BE62;
                border-bottom-width: 1px;
                border-bottom-style:solid;
                border-bottom-color: #E1BE62;
    background: #ffffff;
    }

/* Linkformatierungen *****************************************************************************/

a:link, a:visited {
    /* Standartformatierung der Links im Hauptmenuelinks */
    color: #362C09;
    text-decoration: underline;
    }

a:focus, a:hover, a:active {
    /* gesonderter "Maus ueber" Status */
                color: #826E25;
                text-decoration: none;
    }

a.footerlinks:link, a.footerlinks:visited {
}

a.footerlinks:link, a.footerlinks:visited {
    /* Standartformatierung der Links im Hauptmenuelinks */
    color: #362C09;
    text-decoration: none;
    }

a.footerlinks:focus, a.footerlinks:hover, a.footerlinks:active {
    /* gesonderter "Maus ueber" Status */
    text-decoration: underline;
    }

#header #ContentRechtsInner h1 a:link, #header #ContentRechtsInner h1 a:visited {
    /* Standartformatierung
                position: relative;
                top: 100px;
                left: 60px;
                font-size: 32px;
    color: #E1BE62;
    text-decoration: none;
*/
    }
#header #ContentRechtsInner h1 a:focus, #header #ContentRechtsInner h1 a:hover, #header #ContentRechtsInner h1 a:active {
    /* gesonderter "Maus ueber" Status */
                color: #E1CD9B;
    }

/* Da hier ein "padding" ignoriert wird, gibt es eine Zelle in der "header.php" die das Mass von "left" hat */
#header  h1 a:link, #header  h1 a:visited {
        font-size: 22px;
    color: #D7B264;
    text-decoration: none;
    }
#header h1 a:focus, #header h1 a:hover, #header h1 a:active {
    /* gesonderter "Maus ueber" Status */
                color: #B1A586;
    }

/* Da hier ein "padding" ignoriert wird, gibt es eine Zelle in der "header.php" die das Mass von "left" hat */
#header #ContentLinksInner h2 a:link, #header #ContentLinksInner h2 a:visited {
    font-size: 16px;
    color: #B1A586;
                font-style: italic;
    text-decoration: none;
                }

#header #ContentLinksInner h2 a:focus, #header #ContentLinksInner h2 a:hover, #header #ContentLinksInner h2 a:active {
    /* gesonderter "Maus ueber" Status */
                color: #D7B264;
    }

#header #ContentRechtsInner h2 a:link, #header #ContentRechtsInner h2 a:visited {
    /* Standartformatierung */
                position: relative;
                top: 30px;
                left: 70px;
            font-size: 20px;
            color: #E1CD9B;
                font-style: italic;
            text-decoration: none;
                }
#header #ContentRechtsInner h2 a:focus, #header #ContentRechtsInner h2 a:hover, #header #ContentRechtsInner h2 a:active {
    /* gesonderter "Maus ueber" Status */
                color: #ffffff;
    }

#header #ContentRechtsInner a:link, #header #ContentRechtsInner a:visited {

                font-size: 22px;
    color: #D7B264;

    text-decoration: none;
    }
#header #ContentRechtsInner a:focus, #header #ContentRechtsInner a:hover, #header #ContentRechtsInner a:active {
    /* gesonderter "Maus ueber" Status */
                color: #B1A586;
    }

div#menuelinks a:link, div#menuelinks a:visited {
    /* Standartformatierung der Links im Hauptmenuelinks */
         color: #362C09;
    /*text-decoration: none;*/
    }

div#menuelinks a:focus, div#menuelinks a:hover, div#menuelinks a:active {
    /* gesonderter "Maus ueber" Status */
                color: #826E25;
                text-decoration: none;
    }


div#menuerechts a:link, div#menuerechts a:visited {
    /* Standartformatierung der Links im Hauptmenuelinks */
    color: #362C09;
    /*text-decoration: none;*/
    }

div#menuerechts a:focus, div#menuerechts a:hover, div#menuerechts a:active {
    /* gesonderter "Maus ueber" Status */
                color: #826E25;
                text-decoration: none;
    }

div.post h2 a:link, div.post h2 a:visited {
    /* Standartformatierung der Links im Hauptmenuelinks */
                font-size: 18px;
    color: #362C09;
    text-decoration: none;
    }

div.post h2 a:focus, div.post h2 a:hover, div.post h2 a:active {
    /* gesonderter "Maus ueber" Status */
        color: #826E25;
    }

p.postmetadata a:link, p.postmetadata a:visited {
    /* Standartformatierung der Links im Hauptmenuelinks */
                font-size: 12px;
    color: #362C09;
    text-decoration: underline;
    }

p.postmetadata a:focus, p.postmetadata a:hover, p.postmetadata a:active {
    /* gesonderter "Maus ueber" Status */
                color: #826E25;
                text-decoration: none;
    }