/* ------------------------------------------- */
/* CSS Angaben fuer den Body Bereich */
body {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
}

/* ------------------------------------------- */
/* CSS Angaben fur die Aussentabelle Randfarbe */

.outborder {
background-color: #eee8ee;
}

/* CSS Angaben fur die Aussentabelle Innenfarbe  
Abstaende und Textfarben*/
.outinnen {
background-color: #ffffff;
padding: 2px;
font-size: 11px;
color: #4a5871
}
/* ------------------------------------------- */
/* CSS Angaben fuer alle Tabellenraender der Gaestebuchausgabe
Tabellen */

.gbentry {
background-color: #eee8ee;
margin-bottom: 5px;
}

.gbentrytop, .gbentryout, .gbentrybottom {  
padding: 2px;
}

/* GB-Eintragstemplate oben */
.gbentrytop {
background-color: #eee8ee;
font-size: 11px;
color: #400000;
}

/* GB-Eintragstemplate mitte */
.gbentryout {
background-color: #ffffff;
font-size: 11px;
color: #000000;
}

/* GB-Eintragstemplate unten */
.gbentrybottom {
background-color: #eee8ee;
font-size: 11px;
color: #000000;
}

.gbentrytop a, .gbentryout a, .gbentrybottom a {  
font-size: 11px;
color: #663866;
text-decoration: none;
}
.gbentrytop a:hover, .gbentryout a:hover, .gbentrybottom a:hover {  
font-size: 11px;
color: #663866;
text-decoration: underline;
}
/* ------------------------------------------- */
/* CSS Angaben fuer die Formularelemente */

.feld {
background:#fff;
font-family:Arial, Verdana;
font-size: 11px;
border: 1px solid #eee8ee;
width: 200px; 
}
.textfeld {
background-color: #fff;
font-family: Arial, Verdana;
font-size: 11px;
border: 1px solid #eee8ee;
width: 300px; 
}
.los {
background-color: #663866;
font-family: Arial, Verdana;
font-size: 11px;
border: 1px solid #eee8ee;
width: 100px; 
color:#fff;
}

form {
display: inline;
}
/* ------------------------------------------- */
/* CSS Angaben fuer GB Navi zum Seitenweisen blaettern*/

.naviborder {
background-color: #eee8ee;
}

.tc {
font-family:Verdana, Arial;
font-size: 11px;
text-align: center;
background-color: #eee8ee;
padding: 2px;
width: 20px;
}

.tca {
font-family:Verdana, Arial;
font-size: 11px;
font-weight: bold;
padding: 2px;
width: 18px;
text-align: center;
background-color: #eee8ee;
}

.tci {
font-family:Verdana, Arial;
font-size: 11px;
padding: 2px;
color: #000000;
font-weight: bold;
text-align: center;
background-color: #eee8ee;
}

.tc a {
text-decoration: none;
color: #800000;
}
.tc a:hover {
text-decoration: none;
color: #000000;
}

/* ------------------------------------------- */

/* --------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(http://www.queen-dreams.com/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;	 
	}
	
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:901px;
	position:relative;}
	
#header{
	width:901px;
	height:234px;
	background:url(http://www.queen-dreams.com/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(http://www.queen-dreams.com/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(http://www.queen-dreams.com/images/bg-content.jpg);
	background-repeat:no-repeat;
	min-height:300px;
	margin-left:325px;
	padding-top:80px;
	}
	
	
#box01{
	width:240px;
	background:url(http://www.queen-dreams.com/images/bg-text.jpg) #ede7ed;
	background-repeat:no-repeat;
	min-height:300px;
	padding:20px 25px 15px 0;
	margin-left:20px;
	text-align:justify;
	}
	
#box02{
	width:240px;
	background:url(http://www.queen-dreams.com/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;
}

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

#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 5px;}

.imgleft{
	border:1px solid;
	padding:2px;
	float:left;
	margin-right:10px;}
	
.imgright{
	border:1px solid;
	padding:2px;
	}
	
.liste{
	list-style-image: url(http://www.queen-dreams.com/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;}

/*------------------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(http://www.queen-dreams.com/images/navi/gaestebuch01.jpg);height:40px;}
#button01 a:hover { background: url(http://www.queen-dreams.com/images/navi/gaestebuch02.jpg);background-repeat:no-repeat;}
#button01-aktiv a { background: url(http://www.queen-dreams.com/images/navi/gaestebuch02.jpg);background-repeat:no-repeat;}

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

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

#button04 a {background: url(http://www.queen-dreams.com/images/navi/service01.jpg);height:32px;}
#button04 a:hover { background: url(http://www.queen-dreams.com/images/navi/service02.jpg);background-repeat:no-repeat;}
#button04-aktiv a { background: url(http://www.queen-dreams.com/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(http://www.queen-dreams.com/images/navi/brautmode01.jpg);height:37px;}
#button05 a:hover { background: url(http://www.queen-dreams.com/images/navi/brautmode02.jpg);background-repeat:no-repeat;}
#button05-aktiv a { background: url(http://www.queen-dreams.com/images/navi/brautmode02.jpg);background-repeat:no-repeat;}

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

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

#button08 a {background: url(http://www.queen-dreams.com/images/navi/accessoires01.jpg);height:32px;}
#button08 a:hover { background: url(http://www.queen-dreams.com/images/navi/accessoires02.jpg);background-repeat:no-repeat;}
#button08-aktiv a { background: url(http://www.queen-dreams.com/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;}

#gaestebuch01{
	background: url(http://www.queen-dreams.com/images/headlines/gaestebuch.jpg);
	height:80px;
	background-repeat:no-repeat;
	font-size: 0.001em;
	color: #fff;
	text-indent:-4000px;
	background-position:left top;}

#box03{min-height:350px; margin:20px 0 0 60px;}