/* ------------------------------ Main Elements ------------------------------  */
 
body {
	background-color: #003118;
	background-image: url(/img/bg_main.gif);
	background-repeat: repeat-x;
	line-height: 20px;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: black;
}

h1 {

}

h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 0;
}

h2 a {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 13px;
	font-weight: bold;
}

a {
	color: #006633;
	text-decoration: underline;
}
/* ############################## END Main Elements ############################## */



/* ------------------------------ Layout Elements ------------------------------  */

#outer_wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.clearer {
	clear: both;
}

/* ############################## END Layout Elements ##############################  */



/* ------------------------------ Header Elements ------------------------------  */

#mohren_website_link {
	height: 17px;
	padding: 3px 0 0 0;
	text-align: right;
}

#mohren_website_link a {
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

#mohren_website_link a:hover {
	color: #FFF;
}

#slogan {
	height: 46px;
	padding: 67px 0 0 0;
	float: left;
}

#slogan h1 {
	width:360px; 
	height:50px;
	text-indent: -10000px;
}

.slogan_home {
	background-image: url(/img/slogan_home.gif);
	background-repeat: no-repeat;
}

#logo {
	height: 113px;
	width: 267px;
	float: right;
}

/* ############################## END Header Elements ##############################  */



/* ------------------------------ Home Elements ------------------------------  */

#teaser_container {
	width: 940px;
	height: 260px;
	padding: 10px;
	margin: 24px 0 55px 0;
	background-color: #002211;	
}

#teaser_head {
	position:absolute; 
	top:21px; 
	left:387px;
}

#teaser_bottom {
	position:absolute; 
	top:425px; 
	left:320px;
}

#teaser_candles {
	position:absolute; 
	top:90px; 
	left:340px;
}

#teaser_slogan {
	position:absolute; 
	top:267px; 
	left:1px;
}

.teaser_wrapper {
	height: 277px;
	width: 300px;
	cursor: pointer;
}

.teaser_text {
	padding: 0 10px;
	color: #FFF;
	text-decoration: none;
	display: block;
}

.teaser_text:hover {
	text-decoration: underline;
}

#teaser_competition {
	height: 49px;
	width: 300px;
	padding: 200px 0 0 0;
	background-image: url(/img/teaser_competition_bottom.gif);
	background-repeat: no-repeat;
}

#teaser_timetravel {
	height: 49px;
	width: 300px;
	padding: 200px 0 0 0;
	background-image: url(/img/teaser_timetravel_bottom.gif);
	background-repeat: no-repeat;
}

#teaser_mohren {
	height: 49px;
	width: 300px;
	padding: 200px 0 0 0;
	background-image: url(/img/teaser_mohren_bottom.gif);
	background-repeat: no-repeat;
}

/* ############################## END Home Elements ##############################  */




/* ------------------------------ Content Elements ------------------------------  */

#content_wrapper {
	width: 610px;
	padding: 10px;
	margin: 28px 0 0 0;
	background-color: #002211;	
	float: left;
}

#content_wrapper p {
	padding: 0 0 10px 0;
}

#content_container {
	width: 590px;
	padding: 10px;
	background-color: #FFF;	
}

#content_container p {
	padding: 0 0 10px 0;
}

#content_container ul {
	padding: 0 0 10px 0;
}

#content_container li {
	list-style-type: disc;
	padding: 0 0 0 0;
	margin: 0 0 0 20px;
}

/* ############################## END Content Elements ##############################  */




/* ------------------------------ Competition Elements ------------------------------  */

#competition_details {
	width:330px;
	float: left;
	margin: 10px 0 0 0;
}



#competition_rules {
	width:200px;
	padding: 0 10px 0 0;
	float: right;
	color: #666;
	font-size: 11px;
}

.gewinn_item_left {
	width: 280px;
	float: left;
	margin: 20px 0 0 0;
}

.gewinn_item_right {
	width: 280px;
	float: right;
	margin: 20px 0 0 0;
}

.gewinn_item_left h2 {
	height: 50px;
}

.gewinn_item_right h2 {
	height: 50px;
}

/* ############################## END Competition Elements ##############################  */



/* ------------------------------ Timetravel Elements ------------------------------  */

#text_container {
	width:330px;
	float: left;
}



#image_container {
	width:200px;
	float: right;
}

#image_container p {
	font-size: 11px;
	padding: 0 0 20px 0;
}

#myGallery	{
	width: 590px !important;
	height: 400px !important;
}
/* ############################## END Timetravel Elements ##############################  */



/* ------------------------------ Sidebar Elements ------------------------------  */

#sidebar_wrapper {
	width: 300px;
	float: right;
}

/* ############################## END Content Elements ##############################  */




/* ------------------------------ Game Elements ------------------------------  */

#game_wrapper {
	width: 940px;
	padding: 10px;
	margin: 28px 0 0 0;
	background-color: #002211;	
}

.game_back {
	padding: 10px 0;
}

.game_back a {
	color: #FFF;
	text-decoration: none
}

.game_back a:hover {
	text-decoration: underline;
}


/* ############################## END game Elements ##############################  */




/* ------------------------------ Footer Elements ------------------------------  */

#footer_wrapper {
	background-color: #000;
	background-image: url(/img/bg_footer.gif);
	background-repeat: repeat-x;
	margin: 20px 0 0 0;
	color: #FFF;
}

#footer_logo {
	width: 80px;
	margin: 0 auto;
}

#footer_container {
	width: 960px;
	margin: 0 auto;
}

#competition_info {
	width: 280px;
	padding: 10px;
	float: left;
}

#mohren_internet {
	width: 280px;
	padding: 10px;
	margin: 0 0 0 30px;
	float: left;
}

#imprint {
	width: 280px;
	padding: 10px;
	margin: 0 0 0 30px;
	float: left;
}


/* ############################## END Footer Elements ##############################  */