@charset "utf-8";


/* Basisvorlage CSS
Kindergeburtstagskiste

Start: 16.3.2010
Letzte Aenderung: 
*/
/* CSS Document */

/* Reset
------------------------------------------------*/
.dns {display: none;}
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #780103; line-height: 150%;
}
/* Globals und Typo
------------------------------------------------*/
html, body{height:100%;margin:0; padding:0}
body {
	font-size: 75%;
	background-image:url(../bilder/all/bg_body.jpg);
}
body {font-size: 75%; background: #ffffff url(../bilder/all/bg_body.jpg) /*no-repeat*/ top left /*fixed*/;}
html>body {
	font-size: 12px;
}
a:link {color: #780103:; text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:underline;}
/* macht gepunktete linie um geklickte links unsichtbar
------------------------------------------------*/
a:focus {outline:none;}
/* box positioning
------------------------------------------------*/
#seite {
	margin: auto;
	width: 960px;
	min-height: 100%;
	position: relative;
}
#seiteweiss {
	margin: auto;
	width: 720px;
	min-height: 100%;
	position: relative;
	background:#FFFFFF;
	}
#kopf {
	position: absolute; margin: auto; top: 0;
	width: 960px;
	height: 288px;
	background-image: url(../bilder/all/bg_header.jpg);	
}
.insel {position: absolute; margin: auto; top: 230px; left: 80px;}
.prinzessin {position: absolute; margin: auto; top: 230px; left: 540px;}
.pirat {position: absolute; margin: auto; top: 270px; left: 730px;}
.schiff {position: absolute; margin: auto; top: 315px; left: 370px;}


.inhaltbg {position: absolute; width: 398px; height: 253px; top: 343px; left: 0px; background-image: url(../bilder/all/text_bg.jpg); background-repeat:no-repeat; padding: 63px 30px 0 75px;}
/*hauptmenu*/
.homemenu {
	position: absolute; top: 605px; left: 280px; width: 140px; height: 55px;
}
.piratmenu {
	position: absolute; top: 592px; left: 395px; width: 129px; height: 67px;
}
.prinzessinmenu {
	position: absolute; top: 591px; left: 510px; width: 153px; height: 68px;
}
.shopmenu {
	position: absolute; top: 602px; left: 645px;  width: 161px; height: 57px;
}
/*hauptmenuunterseiten*/
.homemenuunter {
	position: absolute; top: 234px; left: 195px; width: 140px; height: 55px;
}
.piratmenuunter {
	position: absolute; top: 222px;; left: 310px; width: 129px; height: 67px;
}
.prinzessinmenuunter {
	position: absolute; top: 221px; left: 425px; width: 153px; height: 68px;
}
.shopmenuunter {
	position: absolute; top: 232px; left: 559px;  width: 161px; height: 57px;
}
a:hover img {/*filter: Alpha(opacity=80);*/ opacity: 0.6; moz-opacity: 0.6; margin-top: 2px\9; /*ie hack*/
}
a:hover img.bestellen { margin-top: 2px;opacity: 1.0; moz-opacity: 1.0;
}
a:hover img.aufreisser {opacity: 1.0; moz-opacity: 1.0; margin-top: 0px\9; /*ie hack*/}
/*Submenu*/
#submenu {color:red; position: absolute; left: 705px; top: 125px; width: 250px;}
/*Submenuunterseiten*/
#submenuunter {color:red; position: absolute; left: 475px; top: 120px; width: 250px;}
#bestellen {position: absolute; left: 380px; top: 520px; width: 250px;}
/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.5em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

h1 {
	font: 1.67em/0.9em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0.9em;
	margin-bottom: 0.9em; 
}

h2 {
	font: 1.5em/1.2em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font: 1.33em/1.13em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
}
/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0 0 0;
}

.rechts {
	float: right;
	margin: 0 0 0 0;
}
.zweigrad {-moz-transform:rotate(-0.5deg); -webkit-transform:rotate(-0.5deg);}

div.trenner {background-color:#000000; height: 1px; margin: 10px 0; }
div.trenner hr {display: none;}

#slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-top: 24px;
	margin-top: 21px\9; /*ie hack*/
}


#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 12px/17px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
#slider1 .left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
#slider1 .right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
#slider1 ul { list-style-type: none;}
ul {margin-left: 15px;}
input {border: 1px solid #000;font-size: 11px;}
textarea {border: 1px solid #000;width:500px;font-size: 11px;}
.element {float: left; margin-right: 5px;}