@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;							/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background: #3d362f; 				/* dark gray */
}
.competition #topContainer {
	width: 100%;  						/* fill whole site */
	height: 318px;
	background: #e8e5e1;				/* light gray */
	text-align:center;
	padding:30px 0 0 0;					/* create some space over the flash */
}

.competition #topContainer1 {
	width: 100%;  						/* fill whole site */
	height: 362px;
	background: #e8e5e1;				/* light gray */
	text-align:center;
	padding:30px 0 0 0;					/* create some space over the flash */
}

.competition #bottomContainer {
	position: absolute;
	left: 50%;
	margin-left: -325px;
	width: 650px;
}

.competition #boxes {
	width:650px;						/* div holds the grayBox, arrow and redBox */
	padding:10px 0;
}
.competition #boxesPrevFloating {
	width:650px;						/* div holds the grayBox, arrow and redBox */
	height:200px;						/* if contains only floating elements, padding doesn't work, so height is set manually */
	padding:10px 0;
}
.competition #logosNavi {				/* div holds the logos and the few links */
	width:650px;
	padding:10px 0;
}

.competition #grayBox {
	width:239px;
	height:180px;
	padding:10px;						/* get some space to the borders */
	background:url(../img/ab_comp_graybox.png);
	background-repeat:no-repeat;
	float:left;
}

.competition #arrow {					/* this div holds the array between the boxes */
	padding:73px 6px 0 7px;
	float:left;
}

.competition #redBoxSmall {				/* smaller red box "Mitmachen und Gewinnen" */
	text-align:left;
	color:#FFFFFF;						/* text in this box is white */
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	float:left;
	/*padding:0 0 20px 0;					/* because of floating the padding of #boxes doesn't work, so written here once more */
}
.competition #redBoxSmallTop {
	width: 349px;
	height: 17px;
	background:url(../img/ab_comp_redbox_small_top.png);
	background-repeat:no-repeat;
}
.competition #redBoxSmallMiddle {
	width: 309px;						/* = 349 - 2* 20 */
	height: 166px;
	padding: 0 20px;
	background:url(../img/ab_comp_redbox_small_middle.png);
	background-repeat:repeat-y;
}
.competition #redBoxSmallBottom {
	width: 349px;
	height: 17px;
	background:url(../img/ab_comp_redbox_small_bottom.png);
	background-repeat:no-repeat;
}
.competition #redBoxSmall h1 {				/* smaller red box "Mitmachen und Gewinnen" */
	margin:0;								/* reset margin of h1 - for firefox */
	font:bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.competition #redBoxBig {				/* bigger red box "Ihre Gewinndaten" */
	text-align:left;
	color:#FFFFFF;						/* text in this box is white */
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
}
.competition #redBoxBigTop {
	width: 650px;
	height: 17px;
	background:url(../img/ab_comp_redbox_big_top.png);
	background-repeat:no-repeat;
}
.competition #redBoxBigMiddle {
	width: 610px;						/* = 650 - 2* 20 */
	height: 166px;					/* height is defined through the content which is placed in there */
	padding: 0 20px;
	background:url(../img/ab_comp_redbox_big_middle.png);
	background-repeat:repeat-y;
}
.competition #redBoxBigBottom {
	width: 650px;
	height: 17px;
	background:url(../img/ab_comp_redbox_big_bottom.png);
	background-repeat:no-repeat;
}
.competition #redBoxBig h1 {				/* smaller red box "Mitmachen und Gewinnen" */
	margin:0;								/* reset margin of h1 - for firefox */
	font:bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.competition #blueBoxBig {				/* bigger red box "Ihre Gewinndaten" */
	text-align:left;
	color:#FFFFFF;						/* text in this box is white */
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
}
.competition #blueBoxBigTop {
	width: 650px;
	height: 17px;
	background:url(../img/ab_comp_bluebox_big_top.png);
	background-repeat:no-repeat;
}
.competition #blueBoxBigMiddle {
	width: 610px;						/* = 650 - 2* 20 */
	padding: 0 20px;					/* create some space to the left and right */
	background:url(../img/ab_comp_bluebox_big_middle.png);
	background-repeat:repeat-y;
}
.competition #blueBoxBigBottom {
	width: 650px;
	height: 17px;
	background:url(../img/ab_comp_bluebox_big_bottom.png);
	background-repeat:no-repeat;
}
.competition #blueBoxBig h1 {				/* smaller red box "Mitmachen und Gewinnen" */
	margin:0;								/* reset margin of h1 - for firefox */
	font:bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
.competition #blueBoxBig p {				/* smaller red box "Mitmachen und Gewinnen" */
	margin:0;								/* reset margin of h1 - for firefox */
	padding:0 0 0 20px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.competition #logos {
	text-align:left;
	width:300px;
	float:left;
}
.competition #links {
	font: 0.55em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	color:#6d6b66;
	width:300px;
	float:right;
}
.competition #links a:link{
	text-decoration:none;
	color:#6d6b66;
}
.competition #links a:visited{
	text-decoration:none;
	color:#6d6b66;
}
.competition #links a:hover{
	text-decoration:none;
	color:#999999;
}
.competition #links a:active{
	text-decoration:none;
	color:#999999;
}
.competition #disclaimer {
	font: 0.55em Verdana, Arial, Helvetica, sans-serif;
	color:#6d6b66;
	text-align:justify;
	width:650px;
	float:left;
	padding:2px 0;
}


input{
	border:1px #7d1118 solid;
	color:#7d1118;
	background-color: #ffffff;
}
file{
	border:1px #7d1118 solid;
	color:#7d1118;
	background-color: #ffffff;
}

.button{
	border:0px #7d1118 solid;
	background-color: #ffffff;
	color:#7d1118;
}

select{
	border:1px #7d1118 solid;
	background-color: #ffffff;
	color:#7d1118;
}

textarea{
	border:1px #7d1118 solid;
	background-color: #ffffff;
	color:#7d1118;
}

a{ font-weight:bold; color:#ffffff; text-decoration:none; }
a:link { font-weight:bold; color:#ffffff; text-decoration:none; }
a:visited { font-weight:bold; color:#ffffff; text-decoration:none; }
a:active { font-weight:bold; color:#ffffff; text-decoration:none; }
a:hover { font-weight:bold; color:#ffffff; text-decoration:underline; }

a.submenu{ font-weight:bold; color:#6d6b66; text-decoration:none; font-size: 10px; }
a.submenu:link { font-weight:bold; color:#6d6b66; text-decoration:none; font-size: 10px; }
a.submenu:visited { font-weight:bold; color:#6d6b66; text-decoration:none; font-size: 10px; }
a.submenu:active { font-weight:bold; color:#6d6b66; text-decoration:none; font-size: 10px; }
a.submenu:hover { font-weight:bold; color:#999999; text-decoration:underline; font-size: 10px; }