@CHARSET "UTF-8";

/**
 * More or less documented with CSSDoc[1]
 *
 * [1] http://cssdoc.net
 *
 * @media   screen
 * @version	$Revision: $
 * @date	$Date: $
 * @author  bitExpert AG <info@bitExpert.de>
 */

/**   +++++ experimental +++++ **/
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
	background-color: #000;
}
h1 {
	font-size: 14px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-stretch: narrower;
}
h2 {
	font-size: 14px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-stretch: narrower;
	color:#00CCFF;
	font-weight: bolder;
}

a,
a:visited
{
	text-decoration:none;
	color:#00CCFF;
}

.detachable, .detachableDragBorder {
	cursor: move !important;
}

.detachableDragBorder {
	border: 3px dotted white;
	background: transparent;
	z-index: 1500 !important;
	position: absolute;
}

.controls a,
.controls div {
	display:block;
	float:left;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}
ul , li{
	list-style: disc;
	list-style-position: outside;
	margin-left:7px;
}


#body .clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}


#body .container {
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

#body #bgImg {
	width: 100%;
	left: 0;
	top: 0;
}

object, embed{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.handle {
	cursor: move !important;
	float: left;
	overflow: hidden;
}
.button {
	cursor: pointer;
}

.errors {
	color: red;
}

table.centeredContent {
	width: 100%;
	height: 100%;
	border-collapse: collapse; /* needed for ie6 to prevent border */
}

table.centeredContent td {
	text-align: center;
	vertical-align: middle;
}

.container .sdOverlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 196px;
	width: 363px;
	display: none;
	background: #fff url("../img/gfx/ajax-loader.gif") no-repeat 50% 50% scroll;
}

.container .focussed {
	z-index: 1000 !important;
}

.container .required {
	color: red;
}

.container label{
	font-size:89%;
	font-weight:bold;
	padding-left:4px;
}

.container .sd_module {
	position: relative;
	height: 300px;
	width: 300px;
	background: #CCC;
	position: absolute;


}

.container #module1 .handle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.container .totalReset {
	position: absolute;
	right: 30px;
	bottom: 10px;
}



/* navigation */

.container .navigation {
	width: 866px;
	height: 41px;
	background-color: transparent;
}


.container .navigation .contenthandle {
	position: absolute;
	left: 0;
	top: 0;
	width: 856px;
	height: 57px;
}

.container .navigation .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 57px;
	overflow: hidden;
}

.container .navigation .content ul, .container .navigation .content li
{
	margin-left:0px;
}
.container .navigation .content li {
	display: inline-block;
	float: left;
	margin: 0px 0px 0 0;
}
.container .navigation .content li a{
	display: inline-block;
	float: left;
}
#navi{
	height: 60px;
}
#navi, #navi li a{
	position: relative;
}

.naviNews{
	background: transparent url("../img/navi/news_1.png") no-repeat 0 0 scroll;
	width: 64px;
	height:35px;
	top:20px;
}
.naviNews:hover{
	background: transparent url("../img/navi/news_2.png") no-repeat 0 0 scroll;
}
.naviDates{
	background: transparent url("../img/navi/termine_1.png") no-repeat 0 0 scroll;
	width: 97px;
	height:35px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	top:18px;
}
.naviDates:hover{
	background: transparent url("../img/navi/termine_2.png") no-repeat 0 0 scroll;
}
.naviBand{
	background: transparent url("../img/navi/band_1.png") no-repeat 0 0 scroll;
	width: 64px;
	height:35px;
	top:16px;
}
.naviBand:hover{
	background: transparent url("../img/navi/band_2.png") no-repeat 0 0 scroll;
}
.naviGallery{
	background: transparent url("../img/navi/bilder_1.png") no-repeat 0 0 scroll;
	width: 71px;
	height:35px;
	top:14px;
}
.naviGallery:hover{
	background: transparent url("../img/navi/bilder_2.png") no-repeat 0 0 scroll;
}
.naviMedia{
	background: transparent url("../img/navi/media_1.png") no-repeat 0 0 scroll;
	width: 71px;
	height:35px;
	top:12px;
}
.naviMedia:hover{
	background: transparent url("../img/navi/media_2.png") no-repeat 0 0 scroll;
}
.naviShop{
	background: transparent url("../img/navi/shop_1.png") no-repeat 0 0 scroll;
	width: 71px;
	height:35px;
	top:8px;
}
.naviShop:hover{
	background: transparent url("../img/navi/shop_2.png") no-repeat 0 0 scroll;
}
.naviGuestbook{
	background: transparent url("../img/navi/gaestebuch_1.png") no-repeat 0 0 scroll;
	width: 124px;
	height:38px;
	top:8px;
}
.naviGuestbook:hover{
	background: transparent url("../img/navi/gaestebuch_2.png") no-repeat 0 0 scroll;
}
.naviContact{
	background: transparent url("../img/navi/kontakt_1.png") no-repeat 0 0 scroll;
	width: 94px;
	height:35px;
	top:8px;
}
.naviContact:hover{
	background: transparent url("../img/navi/kontakt_2.png") no-repeat 0 0 scroll;
}
.naviArchiv{
	background: transparent url("../img/navi/archiv_1.png") no-repeat 0 0 scroll;
	width: 83px;
	height:28px;
	top:4px;
}
.naviArchiv:hover{
	background: transparent url("../img/navi/archiv_2.png") no-repeat 0 0 scroll;
}