@charset "utf-8";
/* CSS Document */

* {	border: none; outline: none; overflow: hidden; }
html, body { width: 100%; height: 100%; }

body {
	margin: 0;
	padding: 0;
	background-color:#000;
	background-image: url(../img/bg/bg_2.jpg);
	overflow-x: hidden;
}

div#imagePreload { visibility: hidden; }

div#bg {
	position: absolute;
	width: 1223px;
	height: 344px;
	z-index: 10;
	left: 0px;
	top: 0px;
}

div#sterne {
	position: absolute;
	width: 100%;
	height: 332px;
	z-index: 5;
	left: 0px;
	top: 0px;
}

div#stern01 {
	position: absolute;
	width: 100px;
	height: 100px;
	z-index: 15;
	left: 378px;
	top: 142px;
}

div#logo {
	position: absolute;
	width: 354px;
	height: 354px;
	z-index: 15;
	left: 419px;
	top: 29px;
}

div#kingsley {
	position: absolute;
	width: 460px;
	height: 602px;
	z-index: 15;
	left: 60px;
	top: 10px;
	background-image: url(../img/sysimg/kingsley_fluegel.png)
}

div#balken_links {
	position: absolute;
	left: 0;
	top: 230px;
	width: 400px;
	height: 12px;
	z-index: 10;
	background-image: url(../img/sysimg/balken_links.png);
}

div#balken_links_fuer_rechts {
	position: absolute;
	left: 783px;
	top: 230px;
	width: 100%;
	height: 12px;
	z-index: 10;
	background-image: url(../img/sysimg/balken_links.png);
}

div#bild_schnoerkel {
	position: absolute;
	left: 870px;
	top: 545px;
	height: 57px;
	width: 156px;
	background-image: url(../img/sysimg/bilderwelt_schnoerkel.png);
	z-index: 10;
}

div#deko_streifen {
	position: absolute;
	left: 576px;
	bottom: 0;
	height: 130px;
	width: 400px;
	background-image: url(../img/sysimg/deko_streifen.png);
	z-index: 1;
}

div#footer {
	position: absolute;
	left: 715px;
	bottom: 25px;
	height: 15px;
	width: 190px;
	z-index: 10;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #777;
	text-align: left;
	text-decoration: none;
}

div#footer a:link, div#footer a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #777;
	text-align: left;
	text-decoration: none;
}

div#footer a:hover, div#footer a:active {
	color: #CCC;
	text-decoration: none;
}

div#lang_DE, div#lang_EN, div#lang_FR, div#lang_balken {
	position: absolute;
	top: 195px;
	height: 19px;
	width: 22px;
	z-index: 15;
	cursor: pointer;
}

div#lang_balken {
	left: 0;
	width: 10px;
	background-image: url(../img/sysimg/balken_links_lang_schmal.png);
	cursor: default !important;
}

div#lang_FR { left: 12px; background-image: url(../img/sysimg/btn_lang_FR_off.png); }
div#lang_FR:hover, div#lang_FR.active { background-image: url(../img/sysimg/btn_lang_FR_on.png) !important; }

div#lang_DE { left: 36px; background-image: url(../img/sysimg/btn_lang_DE_off.png); }
div#lang_DE:hover, div#lang_DE.active { background-image: url(../img/sysimg/btn_lang_DE_on.png) !important; }

div#lang_EN { left: 60px; background-image: url(../img/sysimg/btn_lang_EN_off.png); }
div#lang_EN:hover, div#lang_EN.active { left: 60px; background-image: url(../img/sysimg/btn_lang_EN_on.png) !important; }

div#btn_salsakurs {
	position: absolute;
	top: 500px;
	left: 100px;
	height: 121px;
	width: 121px;
	z-index: 15;
	cursor: pointer;
	background-image: url(../img/sysimg/btn_salsa_kurs_off.png);
}

div#btn_salsakurs:hover, div#btn_salsakurs.active { background-image: url(../img/sysimg/btn_salsa_kurs.png) !important; }

div#headline {
	position: absolute;
	left: 377px;
	top: 247px;
	width: 375px;
	height: 51px;
	z-index: 5;
}

div#content_bg {
	position: absolute;
	left: 413px;
	top: 274px;
	width: 363px;
	height: 329px;
	z-index: 0;
	background-image: url(../img/sysimg/bg_content.png);
}

div#content, div.content {
	position: absolute;
	left: 430px;
	width: 310px;
	top: 310px;
	bottom: 140px;
	z-index: 100;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 14px;
	color: #B2AF99;
	text-align: left;
	padding-right: 25px;
	overflow: hidden;
	text-shadow: #000 2px 2px 6px;
}

div#content a:link { background:#333; color: #fff; text-decoration: none; font-style:italic; }
div#content a:visited {background:#111; color: #BB9B62; text-decoration: none; }
div#content a:hover {background:#333; color: #BB9B62; text-decoration: none; }
div#content a:active {background:#333; color: #BB9B62; text-decoration: none; }

.mittel { font-size: 11px; line-height: 12px; }
.klein { font-size: 9px; line-height: 9px; }

.workshop_date 
	{ 
	color: #000000;
	font-size: 9px; line-height: 9px; 
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	}

.content_gold {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #BB9B62;
	text-align: left;
	font-weight: bold;
	text-shadow: #000 2px 2px 3px;
	font-size: 12px; line-height: 14px;
}


h1, h2 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #BB9B62;
	text-align: left;
	font-weight: bold;
	text-shadow: #000 2px 2px 3px;
}

h1 { font-size: 12px; line-height: 14px; }
h2 { font-size: 14px; line-height: 16px; }

div#navigation {
	position: absolute;
	left: 12px;
	top: 266px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	z-index: 50;
	line-height: 25px;
	text-shadow: #000 1px 1px 3px;
}

div#navigation span.active, div#navigation div.active { color: #BB9B62; }

div#navigation span.inactive, div#navigation div.inactive, div#navigation span a:link, div#navigation span a:visited, div#navigation span a:hover, div#navigation span a:active {
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}

div#image, div#image2 {
	position: absolute;
	left: 789px;
	top: 280px;
	width: 203px;
	height: 308px;
	z-index: 1;
}

div#image2 { z-index: 2; }

form input[type=text] ,form input[type=password] {
	width: 146px;
	height: 16px;
	border: 1px #FFF solid;
	background-color: transparent;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: rgba(255, 255, 255, 0.2);
}

form textarea {
	width: 295px;
	height: 60px;
	max-width: 299px;
	max-height: 60px;
	border: 1px #FFF solid;
	background-color: transparent;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: rgba(255, 255, 255, 0.2);
}

form select {
	width: 299px;
	height: 19px;
	max-width: 299px;
	max-height: 60px;
	border: 1px #FFF solid;
	background-color: #006;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #333;
}

form input[type=submit] {
	width: 299px;
	height: 19px;
	max-width: 299px;
	max-height: 60px;
	border: 1px #FFF solid;
	background-color: #006;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #CCC;
}

form input[type=submit]:hover {
	color: #333;
	background-color: #FFF;
	cursor: pointer;
	line-height: 18px;
}

form .contacterror { border: 1px #BB9B62 solid !important; }

.prealoadImage {
	width:0px;
	height:0px;
	display:none;
}

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 9px; cursor: n-resize; padding-top: 33px; }
.vscrollerbar { width: 9px; background: #BB9B62; }
.vscrollerbar, .hscrollerbar { padding: 0px; z-index: 2; }