/* --------queen-dreams.de - STYLE-------- */

/*        1.basics
        2.layout
        3.links
        4.content
        5.navi
        6.subnavi */

/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, table, td, form, img, li, input, form, object, textarea{
        margin: 0px;
        padding: 0px;

}
html, body{
        font-family: "Trebuchet MS", Tahoma;
        color:#666;
        background:url(../images/bg.jpg);
        background-position:top center;
        font-size: 13px;
        background-color:#fff;
        background-repeat:repeat-x;
        line-height:1.8em;
}

html {
        overflow-x:hidden;
        overflow:-moz-scrollbars-vertical;
        SCROLLBAR-FACE-COLOR:#c6a8c6;
        SCROLLBAR-HIGHLIGHT-COLOR: #fff;
        SCROLLBAR-SHADOW-COLOR: #ffffff;
        SCROLLBAR-ARROW-COLOR: #ffffff;
        SCROLLBAR-TRACK-COLOR: #ffffff;
        SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
        SCROLLBAR-BASE-COLOR: #ffffff;
        scrollbar-3d-light-color: #ffffff;
}

p{ margin:15px 0 15px 25px;}

h2{        margin-bottom:10px; }

h3{
        font-weight: bold;
        font-size: 14px;
        color:#704570;
        margin:15px 0 0 30px;
        }

h4{color:#704570; font-weight:bold; margin-left:25px;}

/*------------------2.layout------------------*/
#container{
        margin: 0px auto;
        width:901px;
        position:relative;}

#header{
        width:901px;
        height:234px;
        background:url(../images/bg-header.jpg);
        position:relative;
        z-index: 1;}

#header h1{
        font-size: 0.001em;
        color: #fff;
        position:absolute;
        text-indent:-4000px;
        z-index: 1;
        background-position: left top;
        }
#header h1 a{
        width:320px;
        font-size: 0.001em;
        height:130px;
        color: #fff;
        text-decoration: none;
        display: block;
        overflow: hidden;
        margin:60px 0 0 580px;
        }

#header h1 a:hover{color: #fff; text-decoration: none;}

#boxleft{
        width:305px;
        background:url(../images/bg-boxleft.jpg);
        background-repeat:no-repeat;
        padding:267px 20px 0 0;
        text-align:right;
        line-height:1.5em;
        float:left;
}

#content{
        background: url(../images/bg-content.jpg);
        background-repeat:no-repeat;
        min-height:300px;
        margin-left:325px;
        padding-top:80px;
        }


#box01{
        width:240px;
        background:url(../images/bg-text.jpg) #ede7ed;
        background-repeat:no-repeat;
        min-height:300px;
        padding:20px 25px 15px 0;
        margin-left:20px;
        text-align:justify;
        }

#box01 h4 {
        text-align: left;
}

#box02{
        width:240px;
        background:url(../images/bg-text.jpg) #ede7ed;
        background-repeat:no-repeat;
        min-height:300px;
        left:625px;
        top:405px;
        padding:20px 25px 15px 0;
        text-align:justify;
        position:absolute;
}

#box03{
        width:250px;
        background-repeat:no-repeat;
        margin-top:335px;
        padding:5px 25px 5px 0;
        float:right;
}

#footer{
        background:#eee8ee;
        padding:3px 5px 3px 5px;
        text-align:center;
        margin: 20px 10px 30px 53px;
        color:#704570;
        clear:both;
}

#footer a{text-decoration:underline; color:#704570;}
#footer a:hover{text-decoration:none; color:#704570;}

/*------------------3.links------------------*/

a { color:#704570; text-decoration:underline;}
a:hover { text-decoration:none; color:#666; }

/*------------------4.content------------------*/
.text-farbig{color:#704570;        }

.border{
        border-bottom:1px solid #ccc;
        margin: 5px 0 15px 55px;}

.imgleft{
        border:1px solid;
        padding:2px;
        float:left;
        margin-right:10px;}

.imgleft a{
        border:1px solid;
        padding:2px;
        float:left;
        margin-right:10px;}

.imgright{
        border:1px solid;
        padding:2px;
        }

.imgright a{
        border:1px solid;
        padding:2px;
        }

.liste{
        list-style-image: url(../images/arr.gif);
        margin:30px 0 10px 20px;
        text-align:left;
        padding:0 0 10px 10px;
        border-bottom:1px solid;

        }

.liste li{margin:0 0 5px 30px;}

.liste-02{
        list-style-image: url(../images/arr.gif);
        margin:10px 0 0 10px;
        text-align:left;
        }

.liste-02 li{margin:0 0 0 20px;}

.img-bottom{margin: 25px 0 0 20px;}

.absatz{margin-left:25px;}

#back{margin-left:180px;}

.link{ margin:15px 0 15px 25px;}
/*------------------5.navi------------------*/
#navi-01{
        width:176px;
        height:152px;
        top:33px;
        position:absolute;
        z-index:10;
        }

#navi-01 ul{list-style-type:none;}

#navi-01 li  {display:block; text-indent:-4000px; }

#navi-01 li a, #navi li a:hover {
        padding:0px;
        display:block;
        text-decoration:none;}

#button01 a {background: url(../images/navi/gaestebuch01.jpg);height:40px;}
#button01 a:hover { background: url(../images/navi/gaestebuch02.jpg);background-repeat:no-repeat;}
#button01-aktiv a { background: url(../images/navi/gaestebuch02.jpg);background-repeat:no-repeat;}

#button02 a {background: url(../images/navi/onlineshop01.jpg);height:41px;}
#button02 a:hover { background: url(../images/navi/onlineshop02.jpg);background-repeat:no-repeat;}
#button02-aktiv a { background: url(../images/navi/onlineshop02.jpg);background-repeat:no-repeat;}

#button03 a {background: url(../images/navi/terminplaner01.jpg);height:39px;}
#button03 a:hover { background: url(../images/navi/terminplaner02.jpg);background-repeat:no-repeat;}
#button03-aktiv a { background: url(../images/navi/terminplaner02.jpg);background-repeat:no-repeat;}

#button04 a {background: url(../images/navi/service01.jpg);height:32px;}
#button04 a:hover { background: url(../images/navi/service02.jpg);background-repeat:no-repeat;}
#button04-aktiv a { background: url(../images/navi/service02.jpg);background-repeat:no-repeat;}


#navi-02{
        width:151px;
        height:152px;
        top:33px;
        left:281px;
        position:absolute;
        z-index:10;
        }

#navi-02 ul{list-style-type:none;}

#navi-02 li  {display:block; text-indent:-4000px; }

#navi-02 li a, #navi li a:hover {
        padding:0px;
        display:block;
        text-decoration:none;}

#button05 a {background: url(../images/navi/brautmode01.jpg);height:37px;}
#button05 a:hover { background: url(../images/navi/brautmode02.jpg);background-repeat:no-repeat;}
#button05-aktiv a { background: url(../images/navi/brautmode02.jpg);background-repeat:no-repeat;}

#button06 a {background: url(../images/navi/abendmode01.jpg);height:34px;}
#button06 a:hover { background: url(../images/navi/abendmode02.jpg);background-repeat:no-repeat;}
#button06-aktiv a { background: url(../images/navi/abendmode02.jpg);background-repeat:no-repeat;}

#button07 a {background: url(../images/navi/brautgalerie01.jpg);height:39px;}
#button07 a:hover { background: url(../images/navi/brautgalerie02.jpg);background-repeat:no-repeat;}
#button07-aktiv a { background: url(../images/navi/brautgalerie02.jpg);background-repeat:no-repeat;}

#button08 a {background: url(../images/navi/accessoires01.jpg);height:32px;}
#button08 a:hover { background: url(../images/navi/accessoires02.jpg);background-repeat:no-repeat;}
#button08-aktiv a { background: url(../images/navi/accessoires02.jpg);background-repeat:no-repeat;}
/*------------------6.subnavi------------------*/

#subnavi{
        height:30px;
        margin:210px 0 0 527px;
        position:absolute;
        z-index:10;
        }

#subnavi ul{
        display:inline;
        list-style-type:none;}

#subnavi li  {display:inline; }

#subnavi li a{
        padding:0px;
        text-decoration:none;display:inline;
        color:#704570;}

#subnavi li a:hover {
        padding:0px;
        text-decoration:none;display:inline;
        color:#c6a8c6;}

#euroweb{

        margin-left: 25px;
}