/*
Theme Name: Modemagazin mit Cover
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.0
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 #860059;
        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 #860059;
}


.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 {
        
                height: 220px;
        }
#header #ContentRechtsInner {
        
                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;
    }

#header {
	font-family:serif;
}

#headbanner_div_1 {
        position: absolute;
		top: 10px;
		left: 230px;
		width: 112px;
		height: 112px;
		background: transparent url(images/schuhe.png) no-repeat;
        }
		
#headbanner_div_2 {
        position: absolute;
		top: 20%;
		left: 69%;
		width: 135px;
		height: 131px;
		background: transparent url(images/schmuck.png) no-repeat;
        }
		
#headbanner_div_3 {
        position: absolute;
		top: 0%;
		left: 64%;
		width: 80px;
		height: 80px;
		background: transparent url(images/blase-1.png) no-repeat;
        }
		
#headbanner_div_4 {
        position: absolute;
		top: 5%;
		left: 10%;
		width: 112px;
		height: 112px;
		background: transparent url(images/sonnenbrille.png) no-repeat;
        }
		
#headbanner_div_5 {
        position: absolute;
		top: 60%;
		left: 5%;
		width: 80px;
		height: 81px;
		background: transparent url(images/blase-3.png) no-repeat;
        }
		
#headbanner_div_6 {
        position: absolute;
		top: 10%;
		left: 25%;
		width: 192px;
		height: 186px;
		background: transparent url(images/mode.png) no-repeat;
        }
		
#headbanner_div_7 {
        position: absolute;
		top: 5%;
		left: 60%;
		width: 112px;
		height: 112px;
		background: transparent url(images/blase-1.png) no-repeat;
        }
		
#headbanner_div_8 {
        position: absolute;
		top: 30%;
		left: 72%;
		width: 112px;
		height: 112px;
		background: transparent url(images/nagellack.png) no-repeat;
        }    







/* 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: #860059;
    margin:0;
        padding:0;
    }

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

h2.pagetitle {
        color:#860059;
}

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

#menuelinks h3, #menuerechts h3
{
        font-size: 16px;
        color: #860059;
        font-weight:normal;
}
#menuerechts.widget_text h3, #menuelinks.widget_text h3
{
font-size:18px;
font-weight:bold;
color:#860059;
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;*/ #860059;
    width:100%;
    height: 15px;
    }

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

#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: #4C9CD9;
                border-bottom-width: 1px;
                border-bottom-style:solid;
                border-bottom-color: #4C9CD9;
    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: #4C9CD9;
                border-bottom-width: 1px;
                border-bottom-style:solid;
                border-bottom-color: #4C9CD9;
    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;
    }


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;
    }
    
    
    
div#header_rechts h1 a:link, div#header_rechts h1 a:visited {
    /* Standartformatierung*/
		position: relative;
		top: 100px;
		left: 60px;
		font-size: 32px;
    color: #FDEAF7;
    text-decoration: none;
    }
div#header_rechts h1 a:focus, div#header_rechts h1 a:hover, div#header_rechts h1 a:active {
    /* gesonderter "Maus ueber" Status */
		color: #F7D2EB;
    }

div#header_links h1 a:link, div#header_links h1 a:visited {
    /* Standartformatierung*/
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 32px;
    color: #247EC3;
    text-decoration: none;
    padding-left: 55px;
    padding-right: 10px;
    }
div#header_links h1 a:focus, div#header_links h1 a:hover, div#header_links h1 a:active {
    /* gesonderter "Maus ueber" Status */
		color: #4C9CD9;
    }

div#header_links h2 a:link, div#header_links h2 a:visited {
    /* Standartformatierung */
		position: absolute;
		top: 30px;
		left: 0px;
    font-size: 16px;
    color: #4C9CD9;
		font-style: italic;
    text-decoration: none;
		padding-left: 75px;
    padding-right: 10px;
		}
	
div#header_links h2 a:focus, div#header_links h2 a:hover, div#header_links h2 a:active {
    /* gesonderter "Maus ueber" Status */
		color: #247EC3;
    }

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