html,body {

	height:100%;

}



body {

	padding: 0px;

	margin: 0px;

	width:100%;

	font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;

	color:#aaa;

	background:black url('http://www.dergrossekater.ch/includes/1/design/1/grkater_bg.jpg') no-repeat center -30px;

}



body.mceContentBody {

   background: #000;

}



.mceContentBody a {

   color: #b81919 !important; /* FF requires a important here */

}



div.iconDiv {

	position:absolute;

	top:7px;

	left:855px;

}



div.layoutDiv {

	width:891px;

	background:black;

	position:absolute;

	left:50%;

	margin-left:-437px;

	height:100%;

	top:200px;

	z-index:100;

}



div.titleDiv {

	width:890px;

	position:absolute;

	top:-10px;

	left:50%;

	margin-left:-445px;

	height:200px;

}



div.headerDiv {

	position:absolute;

	left:50%;

	top:-100px;

	margin-left:-760px;

	z-index:1;

}



div.menuDiv {

	height:30px;

	width:890px;

	background:black url('http://www.dergrossekater.ch/includes/1/design/1/menubg.png') no-repeat 25px 0px;

}



div.contentDiv {

	min-height:500px;

	width:890px;

	text-align:left;

	margin-bottom:60px;

}



div.contentDiv.small {

	min-height:700px;

	width:650px;

	text-align:left;

	margin-top:10px;

	margin-bottom:60px;

 }



div.interactiveDiv {

	margin-top:10px;

	background:#be2b2c;

	padding:9px;

	width:872px;

	height:205px;

}



div.footerDiv {

	position:relative;

	width:890px;

	height:200px;

	background:transparent url('http://www.dergrossekater.ch/includes/1/design/1/footer.jpg') no-repeat 0 0;

	top:130px;

	margin-top:-200px;

	left:50%;

	margin-left:-445px;

}





/* ################## HEADLINE STYLES ################################## */



h1 {

	font:20px 'Century Gothic', 'Tahoma';

	color:white;

	text-transform:uppercase;

}



h2 {

	font:16px 'Century Gothic', 'Tahoma';

	text-transform:uppercase;

	color:white;

	padding-bottom:5px;

	margin-bottom:0px;

	border-bottom:1px solid #333;

}



/* ################ LONGTEXT STYLES ############################# */



a {

	color:#b81919;

	text-decoration:none;

	font-weight:normal;

}



a:hover {

	text-decoration:underline;

}



div.pageFlip {

	width:100%;

	padding:5px;

	text-align:right;

}



div.pageFlip img{

	position:relative;

	top:3px;

}





/* ########################### MESSAGES AND ERRORS ##################################### */



div.message {

	padding:5px;

	border:1px solid green;

	font-weight:bold;

	color:green;

}



div.error {

	padding:5px;

	border:1px solid red;

	font-weight:bold;

	color:red;

}



/* ######################### FORMS AND BUTTONS ############################## */



input {

	background-color:#333333;

	border:none;

	padding:3px;

	font:11px Verdana, Arial, Helvetica, sans-serif;

	color:#dddddd;

}



.selectBtn {

	height:20px;

	position:absolute;

	cursor:pointer;

	display:inline;

	margin-left:-244px;

	text-align:left;

}



form.label {

	font-size:1.5em;

}



/* ######################### PICTURE GALLERY ############################## */



div.galleryMain {

	position:relative;

	left:5px;

	width:100%;

	text-align:center;

}



div.galleryImage {

	float:left;

	padding-right:9px;

	padding-bottom:15px;

}



div.galleryImage img {

	border:3px solid #333;

}



/* ######################### CSS-MENU ############################## */



ul.cssMenu ul{display:none}

ul.cssMenu li:hover>ul{display:block}

ul.cssMenu ul{position: absolute;left:-1px;top:98%;}

ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}

ul.cssMenu,ul.cssMenu ul {

	margin:0px;

	list-style:none;

	padding:0px 0px 0px 0px;

	background-repeat:repeat;

}

ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {

	display:block;

	zoom:1;

	width: 845px;

	float: left;

	margin-top:5px;

	padding-right:0px;}

ul.cssMenu ul{

	width:149px;

}

ul.cssMenu li {

	display:block;

	margin:0px 0px 0px 0px;

	font-size:0px;

}

ul.cssMenu a:active, ul.cssMenu a:focus {

outline-style:none;

}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {

	display:block;

	text-align:left;

	text-decoration:none;

	padding:4px;

	font:normal 16px 'Century Gothic';

	color: #ca9967;

	text-decoration:none;

	cursor:default;

	padding-right:20px;

	padding-left:20px;

	cursor:pointer;

	text-transform:uppercase;

}

ul.cssMenu span{

	overflow:hidden;

}

ul.cssMenu li {

	float:left;

}

ul.cssMenu ul li {

	float:none;

}

ul.cssMenu ul a {

	text-align:left;

	white-space:nowrap;

}

ul.cssMenu li.sep{

	text-align:center;

	padding:0px;

	line-height:0;

	height:100%;

}

ul.cssMenu li.sep span{

	float:none;	padding-right:0;

	width:5px;

	height:16px;

	display:inline-block;

	background-color:#AAAAAA;	background-image:none;}

ul.cssMenu ul li.sep span{

	width:80%;

	height:3px;

}

ul.cssMenu li:hover{

	position:relative;

}

ul.cssMenu li:hover>a{

	background-color:#4792E6;

	border-color:#665500;

	border-style:solid;

	font:normal 10px Verdana;

	color: #ffffff;

	text-decoration:none;

}

ul.cssMenu li a:hover{

	display:block;

	text-align:left;

	text-decoration:none;

	padding:4px;

	font:normal 16px 'Century Gothic';

	color: #fff;

	text-decoration:none;

	cursor:default;

	padding-right:20px;

	padding-left:20px;

	cursor:pointer;

	text-transform:uppercase;

}







ul.cssMenu li.dis a {

	color: #AAAAAA !important;

}

ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;

height:16px;

}

ul.cssMenu ul img {width:16px;

height:16px;

}

ul.cssMenu img.over{display:none}

ul.cssMenu li.dis a:hover img.over{display:none !important}

ul.cssMenu li.dis a:hover img.def {display:inline !important}

ul.cssMenu li:hover > a img.def  {display:none}

ul.cssMenu li:hover > a img.over {display:inline}

ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}

ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}

ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}

ul.cssMenu a:hover ul ul{display:none}

ul.cssMenu span{

	display:block;

	background-image:url('');

	background-position:right center;

	background-repeat: no-repeat;

   padding-right:9px;}

ul.cssMenu li:hover>a>span{	background-image:url('');

}

ul.cssMenu a:hover span{	_background-image:url('')}

ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url('')}

ul.cssMenu ul li:hover > a span{	background-image:url('');}

ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url('')}

ul.cssMenu table a:hover table span{background-image:url('')}

ul.cssMenu li.cssMenui0 {

height:21px;

}

ul.cssMenu li a.cssMenui0{

background-color:#F2F3F2;

}

ul.cssMenu li a.cssMenui0:hover{

background-color:#1665CB;

}

ul.cssMenu ul.cssMenum0 {

background-color:#F2F3F2;

border-width:0px;

	padding:0px 1px 1px 0px;

}

ul.cssMenu ul.cssMenum0>li>a {

padding:4;

}

ul.cssMenu ul.cssMenum0 a {

padding:4;

}

ul.cssMenu ul.cssMenum0 ul a {

padding:4px;

}

ul.cssMenu ul.cssMenum0>li {

margin:1px 0px 0px 1px;

}

ul.cssMenu ul.cssMenum0 li {

margin:1px 0px 0px 1px;

}

ul.cssMenu ul.cssMenum0 li li {

margin:0px 0px 0px 0px;

}





.activeMenu {

	color:white;

	text-decoration:underline;

}



/* ######################### MYSQL PROFILE ############################## */



.hl-reserved {

	color: blue;

	font-weight: bold;

}



.hl-code {

	font-weight: bold;

}



.hl-number {

	color: red;

}



.hl-brackets {

	font-weight: bold;

}



.hl-string {

	color: green;

}



.hl-quotes {

	color: green;

	font-weight: bold;

}



label {

	float: left;

	width: 150px;

}






#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: black; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 1px solid #333; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px 'Trebuchet MS', Helvetica, sans-serif; background-color: black; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 1px solid #333; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://www.dergrossekater.ch/lib/lytebox/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(http://www.dergrossekater.ch/lib/lytebox/images/blank.gif) no-repeat; display: block; left: 0; float: left; background: url(http://www.dergrossekater.ch/lib/lytebox/images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(http://www.dergrossekater.ch/lib/lytebox/images/prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(http://www.dergrossekater.ch/lib/lytebox/images/blank.gif) no-repeat; display: block; right: 0; float: right; background: url(http://www.dergrossekater.ch/lib/lytebox/images/next_grey.gif) right 15% no-repeat; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(http://www.dergrossekater.ch/lib/lytebox/images/next_grey.gif) right 15% no-repeat; }


#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #aaa; }

	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }

	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #aaa; }


#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(http://www.dergrossekater.ch/lib/lytebox/images/close_grey.png) no-repeat; }


#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(http://www.dergrossekater.ch/lib/lytebox/images/play_grey.png) no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(http://www.dergrossekater.ch/lib/lytebox/images/pause_grey.png) no-repeat; }