/*
// $Id: easykit.css 52 2010-02-23 13:35:27Z hebing $
// $HeadURL: svn://svnserver/coelaneasykit/2010/styles/easykit/easykit.css $
//
// (c) 2009 monsun media GmbH
//
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Layout                                     */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* {
	outline:none;
}
sup {
	font-size:75%;
	vertical-align:top;
}

body {
	background:#000 url(common/body-bg.jpg) 0 0 repeat-x;
	margin:0;
	padding:0;
	color:#fff;
	font-family:Verdana,Arial,sans-serif;
	font-size:70%;
}

div.contentContainer {
	margin:0 auto;
	padding:0 6px 6px 6px;
	width:960px;
	height:580px;
	background:transparent url(common/contentcontainer-bg.jpg) 0 0 repeat-x;
	position:relative;
}

div.mainbar {
	width:960px;
	height:580px;
	background:transparent url(common/mainbar-bg.jpg) 0 0 repeat-x;
}

div.bottombar {
	padding:10px 0 50px 0;
	overflow:auto;
	height:100%;
}

table {
	border-collapse:collapse;
}

table tr
,table tr td {
	padding:0;
	margin:0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* logo                                       */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.logoContainer a {
	width:223px;
	height:95px;
	background:transparent url(common/page-logo.gif) 0 0 repeat-x;
	position:absolute;
	top:14px;
	left:36px;
}
div.logoContainer a span {
	display:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MainNavi                                   */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.MainNavi {
	width:655px;
	height:41px;
	position:absolute;
	top:0;
	right:6px;
}

div.MainNavi ul {
	margin:0;
	padding:0;
	height:41px;
	width:655px;
}

div.MainNavi ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height:41px;
	width:131px;
}

div.MainNavi ul li a {
	display:block;
	height:41px;
	width:131px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	position:relative;
}

div.MainNavi ul li a.active
,div.MainNavi ul li a:hover {
	color:#ffcf00;
}

div.MainNavi ul li a span {
	bottom:10px;
	left:13px;
	position:absolute;
	display:block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MainNavi2                                   */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.MainNavi2 {
}

div.MainNavi2 ul {
	margin:0;
	padding:0;
}

div.MainNavi2 ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	width:141px;
	height:74px;
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
}

div.MainNavi2 ul li.mn1 { top:340px; left:617px; background-image:url(bubbles/bubble_right.gif);}
div.MainNavi2 ul li.mn2 { top:390px; left:135px; background-image:url(bubbles/bubble_left-white.gif);}
div.MainNavi2 ul li.mn3 { top:231px; left:414px; background-image:url(bubbles/bubble_left.gif);}

div.MainNavi2 ul li a {
	display:block;
	width:141px;
	height:74px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	position:relative;
}

div.MainNavi2 ul li a.active
,div.MainNavi2 ul li a:hover {
	color:#ffcf00;
}

div.MainNavi2 ul li a span {
	bottom:40px;
	left:15px;
	position:absolute;
	display:block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BoxGewinnspiel                             */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.BoxGewinnspiel {
	width:330px;
	padding:10px 10px 10px 20px;
	color:#fff;
	background:#cc0a1d url(bottombar/bg-red.jpg) left bottom repeat-x;
	float:left;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
	margin-right:10px;
}
div.BoxGewinnspiel h1 {
	color:#ffcf00;
	font-size:120%;
	margin:0;
	padding:0;
}
div.BoxGewinnspiel a {
	color:#ffcf00;
	font-weight:bold;
	text-decoration:none;
	font-size:110%;
}
div.BoxGewinnspiel p {
	margin:10px 0 0 0;
	padding:0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BoxCoelan                                  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.BoxCoelan {
	width:180px;
	padding:10px 20px;
	color:#000;
	background:#283138 url(bottombar/bg-gray.jpg) left top repeat-x;
	float:left;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
	margin-right:10px;
	text-align:center;
	font-weight:bold;
	font-size:110%;
}
div.BoxCoelan h1 {
	color:#ffcf00;
	font-size:130%;
	margin:0;
	padding:0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BoxDownloads                               */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.BoxDownloads {
	width:320px;
	padding:10px 20px;
	color:#fff;
	background:#cc0a1d url(bottombar/bg-red.jpg) left bottom repeat-x;
	float:left;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
}
div.BoxDownloads h1 {
	color:#ffcf00;
	font-size:120%;
	margin:0;
	padding:0;
}
div.BoxDownloads a {
	color:#ffcf00;
	font-weight:bold;
	text-decoration:none;
	font-size:110%;
}
div.BoxDownloads p {
	margin:10px 0 0 0;
	padding:0;
}
div.BoxDownloads #box-flyer {
	position:absolute;
	top:540px;
	right:10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Footer                                     */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.footer {
	clear:both;
	color:#585a5a;
	font-size:90%;
	text-align:right;
	width:830px;
	padding-top:4px;
}