@charset 'utf-8';
/* 
	STYLESHEET: screen.css
	--------------------------------------------------------------
	
	Media Type: 	Screen
	Copyright:		(c)2009, gasometer 
	
------------------------------------------------------------------

__________________01. GLOBAL
__________________02. CONTAINER
__________________03. LOGO
__________________04. NAVIGATION
__________________03. MAIN
__________________03. FOOTER

------------------------------------------------------------------*/


/* Import default Stylesheets 
------------------------------------------------------------------*/
@import url(reset.css); 	/* Resets all styles */
@import url(base.css);		/* Apply basic styles (margins, font size, ect.)



/* 01. GLOBAL
------------------------------------------------------------------*/
html, body {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 11px;
	
}
body {background: #000 url(../images/bg.gif) left top no-repeat}
a:link {color:#fff; text-decoration:none}
a:visited {color:#fff; text-decoration:none}
a:active {color:#fff; text-decoration:none}
a:hover {color:#fff; text-decoration:underline}

p {line-height:1.4em; margin-bottom:1em}
.invisible {display:none}
.left {float:left}
.right {float:right}
hr {clear:both; height:1px; border:0; border-bottom:1px dotted #000; background:0}
th,td {border:none}
h1 {color:#fff; font-size:14px; margin:0 0 2em 0;}


/* 02. CONTAINERS
------------------------------------------------------------------*/
#wrapper {
	width: 805px;
	padding-top: 55px;

	position: relative;
}
#content {
	margin-left: 289px	;
	
}

#main {
	height: 336px;
	overflow: auto;

}
#mainscroll {
	margin-top: 37px;	
}


/* 03. LOGO
------------------------------------------------------------------*/
#logo {
	height: 49px;
	width: 183px;
	position: absolute;
	top: 92px; /*37 + 55 */
	left: 38px;
}
#logo a {
	background: url(../images/gasometer_logo.png) left top no-repeat;
	text-indent: -999em;	
	height: 49px;
	width: 183px;
	display: block;
}


/* 04. NAVIGATION
------------------------------------------------------------------*/
#navigation {	
	margin-top: 122px;
	color: #fff;
	float: left;	
	width: 200px;
}
/* 1st */
#navigation ul {margin:0; padding:0}
#navigation li {margin-bottom:2px; list-style: none}
#navigation a, #navigation span.active {
	display: block;
	height: 19px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -999em;
}
#navigation a:hover, #navigation span.active, #navigation .trail {background-position:left bottom}
a.nav-home, span.nav-home {background-image:url(../images/nav_home.png)}
a.nav-programm, span.nav-programm {background-image:url(../images/nav_programm.png)}
a.nav-vermietung, span.nav-vermietung {background-image:url(../images/nav_vermietung.png)}
a.nav-galerie, span.nav-galerie {background-image:url(../images/nav_galerie.png)}
a.nav-euref, span.nav-euref {background-image:url(../images/nav_euref.png)}
a.nav-kontakt, span.nav-kontakt {background-image:url(../images/nav_kontakt.png)}

a.nav-programm-en, span.nav-programm-en {background-image:url(../images/nav_programm_en.png)}
a.nav-vermietung-en, span.nav-vermietung-en {background-image:url(../images/nav_vermietung_en.png)}
a.nav-galerie-en, span.nav-galerie-en {background-image:url(../images/nav_galerie_en.png)}
a.nav-kontakt-en, span.nav-kontakt-en {background-image:url(../images/nav_kontakt_en.png)}


/* 2nd */
#navigation ul ul {margin-left:51px; margin-bottom:3px}
#navigation ul ul li {margin-bottom:0px; margin-top:3px}
#navigation ul ul a:hover {background:none}
#navigation ul .active ul, #navigation ul .trail ul {display:block}
#navigation ul ul a, #navigation ul ul span {font-size:11px; font-weight:normal; padding:0; text-indent:0; height:auto; line-height:1.3em; height:1.3em}
#navigation ul ul span {font-weight:bold}
#navigation ul ul .active span {text-indent:0; padding:0; line-height:1.3em; height:1.3em}

/* Hide subnav exept when parent active */
.submenu ul {
	display: none;	
}

/* 06. FOOTER
------------------------------------------------------------------*/
#footer {
	clear: both;
	text-align: right;
	color: #a0a09f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 37px 0 0 0;
	color: #808080;	
}
#footer a, #footer a:hover {
	color: #808080;	
}







/* Bestellen */
#orderform {}
#orderform .more {clear:both; padding-top:1em}
#orderform input, #orderform textarea {
	background: #9b9893;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	width: auto;
	border: 0;
	width: 210px;
	padding: 1px 2px;
	font-size: 12px;
}
#orderform input.small {
	padding: 0 1px 1px 3px;
	width: 1em;
	margin-right: 3px;
	margin-bottom: 2px;
}
#orderform label {
	float: left;
	width: 95px;
}
#orderform input[type=radio], #orderform input[type=checkbox] {width:auto}
#orderform input[type=checkbox] {float:left;}
#orderform .margin {margin-left:95px}
.ordernow {margin-left:95px; margin-top:3em}
.ordernow a {background:#9b9893; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#fff; padding:2px 7px;}












.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/bg_scrolltrack.gif) center top repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}







/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#000; 
     
    width:675px;     
    min-height:200px; 
	width: 1190px;
	height: 468px;
  
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
	background-image:url(../jquery.fancybox/fancy_closebox.png);
	position:absolute; left:-15px; top:-15px;
	cursor:pointer;
	height:30px;
	width:30px;
}