#gWrapper { 
	width: 1016px; 
	padding: 20px; 
	margin: 0 auto; 
	font: 18px/25px PTSansRegular, sans-serif; 
	margin: 0; 
	padding: 0; 
	}

#gSmoother {
        position:fixed;
        display:none;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
	clear:both;
        background-color:#D4D5D7; 
	z-index:300;
        opacity:0.5;
        -moz-opacity:0.5;
        -khtml-opacity: 0.75;
        opacity: 0.75;
        }


#gClose {
	position:absolute;
	right:1%;
	top:1%;
	width:30px;
	height:30px;
	cursor:pointer;
	background:url(/images/close.png) no-repeat;
	}


#aCloseToday, #aCloseEver, #aClose {
	position:absolute;
	top:920px;
	left:7px;
	width:110px;
	height:30px;
	cursor:pointer;
	background:#6a6a6a;
	border:1px solid #6a6a6a;
	color:#fff;
	font-size:12px;
	font-weight:700;
	padding-top:2px;
	padding-left:25px;
	margin-top:0px;
	text-decoration:none;
	}

#aCloseToday {
	left:170px;
	width:200px;
	}

#aCloseEver {
	left:430px;
	width:155px;
	}



#gBox,#gThanks {
        position:absolute;
	top:20px;
	width: 900px; 
	left:65px;
	height: 760px; 
	background-color: #ffffff;  
	border:2px solid #CDCDD2;
	border-radius:5px;
	padding:5px;
	z-index:400;
	display:none;
	}

#gThanks {
	width:500px;
	height:450px;
	left:300px;
	border:2px solid #777777;
	background: url(../images/adventskalender_smooth.jpg) 0 0 no-repeat; 
	}
	
.gImg  {
	width:100%;
	text-align:center;
	}




h4	{
	font-size:14px;
	line-height:18px;
	}

.gLeft {
	float:left;
	width:60%;
	height:100%;
	}

.gRight {
	float:left;
	width:33%;
	margin-left:3px;
	height:100%;
	}


#gBox .slogan {
	font-weight:bold;
	font-size:16px;
	}

#gBox p {
	font-weight:normal;
	font-size:14px;
	line-height:18px;
	padding-right:6px;
	}

#gBox a {	
	font-size:14px;
	}

.teaser { text-indent: -9999px; }

#ak2012 { 
	position: relative; 
	padding: 0; 
	border-left: 1px solid #FFF; 
	border-top: 1px solid #FFF; 
	margin: 0 auto 24px auto; 
	background: url(/adventskalender/images/adventskalender.jpg) 0 0 no-repeat; 
	width: 1016px; 
	height: 906px; 
	}

#ak2012 li { 
	position: absolute; 
	padding: 0; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #FFF; 
	margin: 0; 
	list-style: none; 
	width: 250px; 
	height: 150px; 
	overflow: hidden; 
	}

#ak2012 li a { 	width: 250px; 
		height: 130px;
	 	position: absolute; 
		padding-top:2px;
		padding-right:2px;
		padding-left:2px; 
		text-decoration: none; 
	}

#ak2012 .left, #ak2012 .right { 
	position: absolute; 
	top: 0; 
	left: 0; 
	background: url(/adventskalender/images/adventskalender.jpg) 0 0 no-repeat; 
	width: 125px; 
	height: 150px; 
	}

#ak2012 .right { left: 125px; }


#ak2012 span { position: absolute; 
		top: 10px; 
		left: 10px; 
		font-size: 20px; 
		width: 40px; 
		height: 35px; 
		text-align: center; 
		color: #FFF; 
		background: #CD0000; 
		border-radius:20px;
		display: inline-block; 
		padding-top:5px;
}

#ak23 { top: 0px; left: 0px; }
#ak16 { top: 0px; left: 252px; }
#ak10 { top: 0px; left: 503px; }
#ak13 { top: 0px; left: 756px; }

#ak3 { top: 151px; left: 0px; }
#ak22 { top: 151px; left: 252px; }
#ak20 { top: 151px; left: 503px; }
#ak18 { top: 151px; left: 756px; }

#ak12 { top: 302px; left: 0px; }
#ak17 { top: 302px; left: 252px; }
#ak24 { top: 302px; left: 503px; }
#ak9 { top: 302px; left: 756px; }

#ak21 { top: 454px; left: 0px; }
#ak1 { top: 454px; left: 252px; }
#ak5 { top: 454px; left: 503px; }
#ak14 { top: 454px; left: 756px; }

#ak7 { top: 605px; left: 0px; }
#ak19 { top: 605px; left: 252px; }
#ak8 { top: 605px; left: 503px; }
#ak2 { top: 605px; left: 756px; }

#ak15 { top: 757px; left: 0px; }
#ak11 { top: 757px; left: 252px; }
#ak4 { top: 757px; left: 503px; }
#ak6 { top: 757px; left: 756px; }


#ak23 .left  { background-position: 0px 0px; }
#ak23 .right  { background-position: -125px 0px; }
#ak16 .left  { background-position: -250px 0px; }
#ak16 .right  { background-position: -375px 0px; }
#ak10 .left  { background-position: -500px 0px; }
#ak10 .right  { background-position: -625px 0px; }
#ak13 .left  { background-position: -750px 0px; }
#ak13 .right  { background-position: -875px 0px; }
#ak3 .left  { background-position: 0px -150px; }
#ak3 .right  { background-position: -125px -150px; }
#ak22 .left  { background-position: -250px -150px; }
#ak22 .right  { background-position: -375px -150px; }
#ak20 .left  { background-position: -500px -150px; }
#ak20 .right  { background-position: -625px -150px; }
#ak18 .left  { background-position: -750px -150px; }
#ak18 .right  { background-position: -875px -150px; }
#ak12 .left  { background-position: 0px -300px; }
#ak12 .right  { background-position: -125px -300px; }
#ak17 .left  { background-position: -250px -300px; }
#ak17 .right  { background-position: -375px -300px; }
#ak24 .left  { background-position: -500px -300px; }
#ak24 .right  { background-position: -625px -300px; }
#ak9 .left  { background-position: -750px -300px; }
#ak9 .right  { background-position: -875px -300px; }
#ak21 .left  { background-position: 0px -450px; }
#ak21 .right  { background-position: -125px -450px; }
#ak1 .left  { background-position: -250px -450px; }
#ak1 .right  { background-position: -375px -450px; }
#ak5 .left  { background-position: -500px -450px; }
#ak5 .right  { background-position: -625px -450px; }
#ak14 .left  { background-position: -750px -450px; }
#ak14 .right  { background-position: -875px -450px; }
#ak7 .left  { background-position: 0px -600px; }
#ak7 .right  { background-position: -125px -600px; }
#ak19 .left  { background-position: -250px -600px; }
#ak19 .right  { background-position: -375px -600px; }
#ak8 .left  { background-position: -500px -600px; }
#ak8 .right  { background-position: -625px -600px; }
#ak2 .left  { background-position: -750px -600px; }
#ak2 .right  { background-position: -875px -600px; }
#ak15 .left  { background-position: 0px -750px; }
#ak15 .right  { background-position: -125px -750px; }
#ak11 .left  { background-position: -250px -750px; }
#ak11 .right  { background-position: -375px -750px; }
#ak4 .left  { background-position: -500px -750px; }
#ak4 .right  { background-position: -625px -750px; }
#ak6 .left  { background-position: -750px -750px; }
#ak6 .right  { background-position: -875px -750px; }

/* ----- Finetuning der Typografie innerhalb der Türchen ----- */
#ak2012 h2, #ak2012 p { font-size: 18px; line-height: 24px; margin: 0 0 8px 0; color: #000; }
#ak2012 p { font-size: 14px; line-height: 18px; }
#ak2012 a { text-decoration: none; }

/* ----- Hover-Effekt ----- */

#ak2012 a:hover .left, #ak2012 a:focus .left { left: -125px; }
#ak2012 a:hover .right, #ak2012 a:focus .right { left: 250px; }
#ak2012 a:hover, #ak2012 a:focus { 
		color: #FFF; 
		background-color: #ffffff; 
}

#ak2012 a .left, #ak2012 a .right {    
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    transition: left 0.5s; 
}

#ak2012 a:hover .left, #ak2012 a:hover .right  { 
    -ms-transition: left 1s;
    -o-transition: left 1s;
    -webkit-transition: left 1s;
    -moz-transition: left 1s;
    transition: left 1s;   
}