@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	-webkit-text-size-adjust: none;}

strong {
	font-weight:bold;}

ol, ul {
	list-style:none;}

a:link, a:visited, a:hover, a:active{
	text-decoration:none;}
/* reset */

/* fade zeugs */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* fade zeugs */


#christmasPopUp  {
	visibility:visible;
	display:block;
	
	position:absolute; 
	z-index:999999; 
	width:100%; 
	height:100%; 
	margin:0 auto; 
	background:#fff; 
	opacity:0.90; }


/* doc basics */
body {
	background-color:#333;
	font-family:Helvetica, Arial, "Times New Roman";
	font-size:12px;
	-webkit-text-size-adjust:none;}
/* doc basics */

/* überschriften */
h1 {
	font-weight:bold;
	color:#fff;
	padding:0 0 6px 0;
	margin:0;
	font-size:12px;
	line-height:18px;}
/* überschriften */

/* absatz */
p {
	color:#fff;
	font-size:13px;
	line-height:16px;
	margin:0;
	padding:0 0 10px 0;}
/* absatz */

/* boxen und navigationen */
#websiteWrapper {
	position:absolute;
	z-index:1;
	width:100%;}

#contentWrapper {
	position:relative;
	width:960px;
	min-height:600px;
	margin:0 auto;}

#logoWrapper {
	padding:43px 0 30px 330px;
	-webkit-animation: fadein 1s; /* Safari and Chrome */
       -moz-animation: fadein 1s; /* Firefox */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera */
            animation: fadein 1s;}




#windowWrapperTop {
	position:relative;
	height:50px;
	margin:0 0 10px 0;
	-webkit-animation: fadein 1s; /* Safari and Chrome */
       -moz-animation: fadein 1s; /* Firefox */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera */
            animation: fadein 1s;}

#windowBox1, #windowBox2, #windowBox3, #windowBox4, #windowBox5 {
	position:absolute;
	background-color:#666;}

#windowBox1 {
	left:180px;
	width:150px;
	padding:10px;
	height:30px;}
#windowBox1 a {
	color:#fff;}
#windowBox1 a:hover {
	color:#ffcc33;}

#windowBox2 {
	left:360px;
	width:50px;
	height:50px;}

#windowBox3 {
	left:420px;
	width:50px;
	height:50px;}

#windowBox4 {
	left:480px;
	width:170px;
	height:50px;}

#windowBox5 {
	left:660px;
	width:50px;
	height:50px;}




#windowWrapperCenter {
	position:relative;
	height:230px;
	margin:0 0 10px 0;
	-webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}

#windowWrapperCenter a {
	color:#fff;}

#windowWrapperCenter a:hover {
	color:#ffcc33;}

#windowBox6, #windowBox7, #windowBox8, #windowBox9, #windowBox10, #contentBoxLeft, #contentBoxRight, #contentBoxRightImpressum{
	position:absolute;
	background-color:#666;}

#windowBox6 {
	left:180px;
	width:150px;
	height:210px;
	padding:10px;}

#windowBox6 p {
	opacity:0;
	-webkit-animation: fadein 2s 1s forwards; /* Safari and Chrome */
       -moz-animation: fadein 2s 1s forwards; /* Firefox */
        -ms-animation: fadein 2s 1s forwards; /* Internet Explorer */
         -o-animation: fadein 2s 1s forwards; /* Opera */
            animation: fadein 2s 1s forwards;}

#windowBox7 {
	left:360px;
	width:50px;
	height:230px;}

#windowBox8 {
	left:420px;
	width:50px;
	height:230px;}

#windowBox9 {
	left:480px;
	width:150px;
	height:210px;
	padding:10px;}

#windowBox9 p {
	opacity:0;
	left:480px;
	width:150px;
	height:210px;
	-webkit-animation: fadein 2s 1s forwards; /* Safari and Chrome */
       -moz-animation: fadein 2s 1s forwards; /* Firefox */
        -ms-animation: fadein 2s 1s forwards; /* Internet Explorer */
         -o-animation: fadein 2s 1s forwards; /* Opera */
            animation: fadein 2s 1s forwards;}

#windowBox10 {
	left:660px;
	width:50px;
	height:230px;}

#contentBoxLeft {
	left:120px;
	width:270px;
	height:210px;
	padding:10px;}

#contentBoxRight {
	left:420px;
	width:410px;
	height:230px;}

#contentBoxRightImpressum {
	left:420px;
	width:390px;
	height:210px;
	padding:10px;}




#windowWrapperBottomHome {
	position:relative;
	height:100px;
	margin:0 0 15px 0;
	-webkit-animation: fadein 3s; /* Safari and Chrome */
       -moz-animation: fadein 3s; /* Firefox */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera */
            animation: fadein 3s;}

#windowWrapperBottomHome img {
	opacity:0;
	-webkit-animation: fadein 2s 1s forwards; /* Safari and Chrome */
       -moz-animation: fadein 2s 1s forwards; /* Firefox */
        -ms-animation: fadein 2s 1s forwards; /* Internet Explorer */
         -o-animation: fadein 2s 1s forwards; /* Opera */
            animation: fadein 2s 1s forwards;}

			
#windowWrapperBottom {
	position:relative;
	height:100px;
	margin:0 0 15px 0;
	-webkit-animation: fadein 3s; /* Safari and Chrome */
       -moz-animation: fadein 3s; /* Firefox */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera */
            animation: fadein 3s;}

#windowImg1, #windowImg2, #windowImg3, #windowImg4, #windowImg5, #windowImg6, #windowImg7, #windowImg8, #windowImg9 {
	position:absolute;
	background-color:#666;
	height:100px;
	width:50px;}
#windowImg1 {
	left:180px;}
#windowImg2 {
	left:240px;}
#windowImg3 {
	left:300px;}
#windowImg4 {
	left:360px;}
#windowImg5 {
	left:420px;}
#windowImg6 {
	left:480px;}
#windowImg7 {
	left:540px;}
#windowImg8 {
	left:600px;}
#windowImg9 {
	left:660px;}
	

#windowWrapperBottomE {
	position:relative;
	height:100px;
	margin:0 0 15px 0;
	-webkit-animation: fadein 3s; /* Safari and Chrome */
       -moz-animation: fadein 3s; /* Firefox */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera */
            animation: fadein 3s;}

#windowImgE1, #windowImgE2, #windowImgE3, #windowImgE4, #windowImgE5, #windowImgE6, #windowImgE7, #windowImgE8, #windowImgE9, #windowImgE10, #windowImgE11, #windowImgE12, #windowImgE13, #windowImgE14, #windowImgE15, #windowImgE16 {
	position:absolute;
	background-color:#666;
	height:45px;
	width:50px;
	border:1px solid #333;}
#windowImgE1 {
	left:180px;}
#windowImgE2 {
	left:240px;}
#windowImgE3 {
	left:300px;}
#windowImgE4 {
	left:360px;}
#windowImgE5 {
	left:420px;}
#windowImgE6 {
	left:480px;}
#windowImgE7 {
	left:540px;}
#windowImgE8 {
	left:600px;}
#windowImgE9 {
	left:660px;}
	
#windowImgE10 {
	left:240px;}
#windowImgE11 {
	left:300px;}
#windowImgE12 {
	left:360px;}
#windowImgE13 {
	left:420px;}
#windowImgE14 {
	left:480px;}
#windowImgE15 {
	left:540px;}
#windowImgE16 {
	left:600px;}
	
	
#navigationWrapperHome {
	padding:0 0 0 287px;
	opacity:0;
	-webkit-animation: fadein 2s 1s forwards; /* Safari and Chrome */
       -moz-animation: fadein 2s 1s forwards; /* Firefox */
        -ms-animation: fadein 2s 1s forwards; /* Internet Explorer */
         -o-animation: fadein 2s 1s forwards; /* Opera */
            animation: fadein 2s 1s forwards;}	
				
#navigationWrapper {
	padding:0 0 0 287px;
	-webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}	
	
#navigationWrapper ul li a,
#navigationWrapperHome ul li a {
	color:#FFF;
	text-transform:uppercase;
	font-size:12px !important;}	
	
#navigationWrapper ul li.current a,
#navigationWrapperHome ul li.current a {
	color:#ffcc33;
	text-transform:uppercase;
	font-size:12px !important;}
	
#navigationWrapper ul li a:hover,
#navigationWrapperHome ul li a:hover {
	color:#ffcc33;
	text-transform:uppercase;
	font-size:12px !important;}
	
#navigationWrapper ul li,
#navigationWrapperHome ul li {
	display:inline;
	padding:0 15px 0 0;
	font-size:12px;}
	
#fWrapper {
	padding:25px 0 0 432px;
	-webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}	
/* boxen und navigationen */