html, body {
	margin: 0 !important; padding: 0 !important;
	width: 100%;
	height: 100%;
}

body {
	font-family: Arial,sans-serif;
	font-size: 0.9em !important;
	color: #000;
}

div#header {
	border-bottom: 20px solid #f80000;
	height: 55px;
}

div#header img {
	float: left;
	margin: 10px 15px 0px 25px;
}

div#doc {
	margin: auto;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative; 
}


div#main {
	width: 980px;
	padding: 0 0 20px 0;
}

div#bg {
	width: 980px;
	background: #fff3d7 url(../img/blind.gif) 0 bottom no-repeat;
	min-height: 600px;
	margin: 0 0 20px 0;
}
*html div#bg { height: 600px; }

#content {
	padding: 37px 20px 180px 64px;
	width: 465px; 
}
.cont_start { padding-top: 110px !important; }
.cont_fotos { width: 700px !important; padding-right: 0 !important; }
.cont_einsenden { padding-bottom: 0px !important; min-height: 655px; }
.cont_agb { padding-bottom: 211px !important; }
.cont_gewinne { padding-bottom: 205px !important; min-height: 450px; }

#schmetterling {
	background: url(../img/content/schmetterling.gif) 0 0 no-repeat;
	width: 51px;
	height: 51px;
	position: absolute;
	left: 30px;
	top: 126px;
}
.sl_2 { width: 56px !important; height: 54px !important; background-image: url(../img/content/schmetterling-2.gif) !important; }
.sl_einsenden { left: 405px !important; top: 90px !important; }
.sl_gewinne { left: 605px !important; top: 160px !important; }
.sl_fotos { left: 343px !important; top: 90px !important; }
.sl_start { left: 485px !important; }


div#unten {
 	position: absolute;
	bottom: 4px;
	margin: auto;
}

div#footer {
	left: 0 !important;
	margin: 0 0 0 10px !important;
	border-bottom: 8px solid #f00;
	width: 980px;
	position: absolute;
	bottom: 0;
	height: 30px; 
}
div#footer-nav {
	left: 292px !important;
	margin: 0 !important;
	position: absolute !important;
	bottom: 0px;
}
#footer-nav a { padding: 0 7px 0 7px !important; }

.clearb { clear: both; }
.clear { clear: left; }
.left { float: left; margin: 0 10px 0 0; }

.links {
	clear: left;
	width: 110px;
	float: left;
	font-size: 0.75em;
}
.rechts {
	width: 265px;
	font-size: 0.75em;
	float: left;
}
.mitte {
	font-size: 0.75em;
	clear: left;
}

.form {
	padding: 0px 20px 5px 15px;
	margin: 0px 0 15px -15px;
	height: 477px;
	width: 404px;
	overflow: auto;
}
#scroll {
	overflow: auto;
	padding: 5px 20px 7px 15px;
	margin: 20px 0 15px -10px;
	height: 470px;
	width: 438px;
}
.scroll_agb {
	height: 310px !important;
}
.scroll_gewinne {
	padding: 10px 0 0 0;
	height: 310px !important;	
	width: 438px !important;
}
.scroll_fotos {
	width: 700px !important;
	height: 535px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	margin-top: 10px !important;
}
.klar {
	filter:alpha(opacity=100) !important;
	moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
}
.inp {
	border: 1px solid #1c1b19;
	margin: 0 0 6px 0;
	padding: 1px 2px 1px 2px;
	width: 258px;
}
img.rahmen { border: 1px solid #ddd; margin: 0 5px 5px 0; }

.inp_desc { margin: -2px 0 6px 0; font-size: 0.85em; }
.inp_ort { width: 198px; }
.inp_plz { width: 50px; }
.inp_file { }


#navi {
	margin: 10px 3px 0 0;
	width: 200px;
	float: right;
}
#navi img { margin-top: -3px; }
#navi img, #navi a { display: block; }

h1 { clear: left; margin: 0 0 15px 0 !important; }
h1.uml { margin-top: -9px !important; }
h1 img { display: block; }
h2 { clear: left; margin: 0 0 0px 0 !important; color: #000; font-size: 1.3em !important; font-weight: normal !important; }
h2.p { font-size: 1.3em !important; font-weight: normal; margin: 0 0 20px 0 !important; }
h3 { clear: left; font-size: 0.9em !important; padding: 5px 0 0 0 !important; margin: 0px 0 5px 0 !important; }

#content p {
	clear: left;
	font-size: 0.75em !important;
	margin: 0 0 10px 0 !important;
	color: #000 !important;
	max-width: 435px;
	line-height: 1.45em;  
}
#content ul { font-size: 1em !important; margin: 0 0 0 0 !important; }
p ul { } 
#content li { font-size: 0.75em !important;  padding: 0 0 6px 10px; margin: 0 0 0 10px; background: url(../img/li.gif) 2px 6px no-repeat; }
#footer li { font-size: 1.1em !important; }
.klein { font-size: 0.95em !important; }
#content div.klein li { font-size: 1em !important; }
input.radio { width: 20px; float: left; margin: 0 5px 8px 0; }
label.radio { float: left; margin: 0 20px 8px 0; }
label.check { width: 338px; }


.fehler { color: #c00; }
ul.fehler { }

.button { 
	display: block; 
	float: left; 
	margin: 0 0px 1px -5px; 
	background: transparent !important; 
	border: 0 !important; 
}
.button_grau { 
	border: 1px solid #333; 
	background: #ccc; 
	padding: 2px; 
	font-size: 1.2em !important; 
}

.box {
	float: left;
	width: 160px;
	margin: 0 11px 25px 0 !important;
	padding: 0 !important;
	min-height: 195px;
	border: 0 !important;
	background: #fff3d7 !important;
}
.box_last { margin-right: 0 !important; }

.box .bild {
	border: 1px solid #c0c0c0 !important;
	width: 160px;
	height: 160px;
	background: url(img/blind.gif) center center no-repeat;
}

.box .bildtext {
	padding: 2px 3px 0 3px;
	font-size: 0.75em !important;
}

.buttons { padding: 4px 0 2px 0; }
.buttons img { margin: 0 6px 0 0; }

.paginierung {
	font-size: 0.75em;
	margin: 20px 0 5px 0;
}
.pf { 
	background: url(../img/pfeilchen.png) 2px 4px no-repeat; 
	padding: 0 0 0 15px; 
	display: inline; 
	font-weight: bold; 
	margin: 0; 
}
.paginierung .pf {
	display: block;
	float: left;
	margin: 0 10px 0 0;
} 

div.right {
	float: right; 
	display: block;
	margin: 0 10px 20px 10px;
}
div.img { width: 180px; }
div.img span { display: block; font-size: 11px; margin: -13px 0 0 12px !important; }
.ausgl { margin-left: -4px !important;  }

#cboxTitle {
	color: #555 !important; 
	text-align: left !important;
	padding: 0 0 0 10px !important;	
}
#cboxContent {
}