@charset "utf-8";
/* CSS Document */
/*======================================================================================= GRUNDGERÜST */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}

img, div, a, input { 
	behavior: url(media/css/iepngfix.htc);
}

*:focus {
	outline:none;
}

body {
	background-color:#000;
	font:11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#dab699;
	background:#000 url(../img/background.jpg) top center; 
}

#container {
	position:relative;
	width:1024px;
	margin:53px auto 0 auto;
}

#head {
	float:left;
	width:1024px;
	height:406px;
	background-image:url(../img/header.jpg);
}

#content {
	position:relative;
	float:left;
	width:1024px;
}

.kurz {
	height:1625px;
	background-image:url(../img/bg-kurz.jpg);
}

.lang {
	height:2397px;
	background-image:url(../img/bg-lang.jpg);
}

#inhalt {
	position:absolute;
	left:240px;
	width:505px;	
}

/*======================================================================================= TEXT */
#inhalt h1 {
	margin-bottom:10px;
}

#suche h2 {
	overflow:hidden;
	text-indent:-500px;
}

/*======================================================================================= FORMULARE */
form {
	position:relative;
	width:505px;
	float:left;
	z-index:1;
}

label {
	position:relative;
	float:left;
	width:505px;
	height:43px;
	background:url(../img/input_bg.png) 150px 0 no-repeat;
	behavior:url(media/core/iepngfix.htc); 
}

* html label {
	background:url(../img/input_bg.gif) 150px 0 no-repeat;
}

label img {
	position:absolute;
	top:12px;
	right:365px;
	z-index:500;
}

fieldset {
	position:relative;
	border:0;
	width:505px;
	margin-bottom:20px;
	z-index:100;
}

label.area {
	height:170px;
	background:url(../img/textarea_bg.png) 135px 0 no-repeat;
}

* html label.area {
	background:url(../img/textarea_bg.gif) 135px 0 no-repeat;
}
input, textarea {
	position:absolute;
	width:268px;
	height:29px;
	background-color:#f1e7d3;
	border:none;
	color:#4d1e00;
	top:4px;
	right:62px;
	padding:0 5px;
	z-index:200;
}
input:focus, textarea:focus {
	border:#4d1e00 solid 1px;

}

textarea {
	height:140px;
	margin-top:14px;
	font:11px/17px Verdana, Arial, Helvetica, sans-serif;
}


#suche {
	position:absolute;
	left:822px;
	top:30px;
	width:200px;
	height:110px;
}

#suche form {
	width:200px;
}

#suche input {
	position:absolute;
	top:0;
	left:0;
	width:141px;
	height:29px;
	margin:0;
	border:0;
	color:#FFF;
	background:url(../img/suche_bg.jpg) no-repeat;
}

#suche input.btn_suche {
	position:absolute;
	top:33px;
	left:35px;
	width:110px;
	height:30px;
	background:url(../img/suchestarten.jpg) no-repeat;
}

#suche input.btn_suche:hover {
	background-position:0 -30px;
}
/*======================================================================================= BUTTONS */

input.abschicken {
	position:absolute;
	left:278px;
	top:310px;
	width:210px;
	height:115px;
	background:url(../img/abschicken.png) 0 -115px no-repeat;
}

input.abschicken:hover, input.abschicken:active {
	background-position:0 0;
	outline:none;
    border:0;
}

.vorschlag-abschicken-bg {
	position:absolute;
	width:383px;
	height:195px;
	top:445px;
	left:120px;
	background-image:url(../img/vorschlag-abschicken_bg.png);
	font-size:0px;
	z-index:50;
}
* html .vorschlag-abschicken-bg {
	top:410px;	
}

*+html .vorschlag-abschicken-bg {
	top:405px;	
}

input.vorschlag-abschicken {
	width:214px;
	height:60px;
	top:105px;
	right:0;
	background:url(../img/vorschlag-abschicken.png) 0 0  no-repeat;
	text-indent:-450px;
	overflow:hidden;
	background-color:transparent;
}

input.vorschlag-abschicken:hover, input.vorschlag-abschicken:active {
	background-position:0 -60px;
	outline:none;
    border:0;
}

#seite-vorschlagen-btn {
	position:relative;
	width:337px;
	height:134px;
	margin-left:-80px;
	background:url(../img/seite-vorschlagen.png) 0 -7px  no-repeat;
	behavior: url(media/css/iepngfix.htc);
	z-index:50;
}

#seite-vorschlagen-btn:hover {
	background-position:0 -134px;

}

#seite-vorschlagen-btn a {
	position:absolute;
	display:block;
	top:60px;
	left:80px;
	width:165px;
	height:34px;
	text-indent:-200px;
	overflow:hidden;
}

/*======================================================================================= ALLGEMEIN LINKS */
a {
	color:#dab699;
	text-decoration:underline;
}

a:hover {
	color:#fff0d8;
}
/*======================================================================================= HEADER LINKS */
#head h1 a {
	position:absolute;
	display:block;
	height:120px;
	width:340px;
	text-indent:-700px;
	overflow:hidden;
	left: 315px;
	top: 47px;
}

a#zu-kultika {
	position:absolute;
	left: 637px;
	top: 225px;
	width:108px;
	height:66px;
	background:url(../img/zurueck-zu-kultika.jpg);
	overflow:hidden;
	text-indent:-200px;
}
a#zu-kultika:hover {
	background-position:0 -66px;
}

a#regularien {
	position:absolute;
	left: 409px;
	top: 287px;
	width:147px;
	height:45px;
	background:url(../img/regularien.jpg);
	overflow:hidden;
	text-indent:-200px;
}

a#regularien:hover {
	background-position:0 -45px;
}

a#seite-vorschlagen {
	position:absolute;
	left: 373px;
	top: 214px;
	width:223px;
	height:58px;
	background:url(../img/seite-vorschlagen.jpg);
	overflow:hidden;
	text-indent:-200px;
}

a#seite-vorschlagen:hover {
	background-position:0 -58px;
}

/*======================================================================================= FOOTER LINKS */
a#kontakt {
	position:absolute;
	left: 36px;
	top: 21px;
	width:131px;
	height:94px;
	background:url(../img/kontakt.jpg);
	overflow:hidden;
	text-indent:-200px;
}

a#kontakt:hover {
	background-position:0 -94px;
}

a#agbs {
	position:absolute;
	left: 529px;
	width:104px;
	height:62px;
	background:url(../img/agbs.jpg);
	overflow:hidden;
	text-indent:-200px;
}

a#agbs:hover {
	background-position:0 -62px;
}

a#impressum {
	position:absolute;
	left: 633px;
	width:121px;
	height:69px;
	background:url(../img/impressum.jpg);
	overflow:hidden;
	text-indent:-200px;
}

a#impressum:hover {
	background-position:0 -69px;
}

	.kurz a#agbs, .kurz a#impressum {
		top: 1553px;
	}
	
	.lang a#agbs, .lang a#impressum {
		top: 2328px;
	}
	
/*======================================================================================= TOPLISTE */

.listenpunkt {
	position:relative;
	float:left;
	width:505px;
	height:171px;
	background:url(../img/list_bg.png) 0 23px no-repeat;
	margin-bottom:25px;
}

* html .listenpunkt {
	background:url(../img/list_bg_ie.png) 0 43px no-repeat;
}

.listenpunkt .text {
	position:absolute;
	top:95px;
	left:40px;
	width:416px;
	text-align:center;
}

.listenpunkt .platz {
	position:absolute;
	height:25px;
	width:250px;
	top:0;
	left:150px;
}

.listenpunkt img.banner {
	position:absolute;
	border:0;
	left:5px;
	top:23px;
}

/*========= TOP ===========*/
.listenpunkt .text h2, .listenpunkt_top .text h2 {
	font:11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#dab699;
	font-weight:bold;
	text-align:center;
}

.listenpunkt_top {
	position:relative;
	float:left;
	width:601px;
	height:179px;
	margin-left:-45px;
	background:url(../img/list_bg_top.png) 0 3px no-repeat;
	margin-bottom:25px;
}

.listenpunkt_top  img.banner {
	position:absolute;
	border:0;
	top:28px;
	left:50px;
}

.listenpunkt_top .text {
	position:absolute;
	top:100px;
	left:89px;
	width:416px;
	text-align:center;
}

.listenpunkt_top .platz {
	position:absolute;
	height:20px;
	width:250px;
	top:4px;
	left:190px;
}

/*======================================================================================= BANNER SEITE VORSCHLAGEN */
.banner {
	position:relative;
	float:left;
	width:468px;	
	margin-left:15px;
}

.banner textarea {
	position:relative;
	float:right;
	height:60px;
	width:100px;
	margin:0;
	padding:0;
	right:0;
	top:0;
}
.banner img {
	float:left;
}
.banner textarea.eins {
	width:320px;
}

.banner textarea.zwei {
	width:217px;
}

.banner textarea.drei {
	margin-top:5px;
	width:320px;
}

/*======================================================================================= PNG FIX IE6 */
img, div, a, input { 
	behavior: url(media/css/iepngfix.htc);
}