/**																											
 * Grüne Hölle (http://www.gruene-hoelle.de) Default Stylesheet
 **
 * Filename: default.css							Location: /css
 * Created: March 2009								Last Update: 0
 * Author: Jan T											jan.tue*at*gmail*dot*com
 **
 * Colors
 * ------------------------------------------------------------
 * 		#fce5af								Gold
 *		#35660f								Green (Border, Outline)
**/

* {
	outline: none;
	font-family: Tahoma;
}

body, html {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

img {
	border: none;
}

.gold {
	color: #fce5af;
}

.hoverBorder {
	/* border: 1px solid #000; */
}

a.bc_9433 {
	text-decoration: none;
}
a.bc_9433:hover {
	
}

a#start:hover {
	color: #fce5af;
}

.gallery_img {
width: 290px; 
height: 140px;
font-size: 11px;
}

#sc_wrap_3839 {
width: 500px; 
position: relative; 
left: 235px; 
top: 8px; 
display: block;
}

#sc_arrow_l_3839{
position: absolute; 
width: 20px; 
left: -20px; 
background: url(../images/sc_arrow_l.png);
}

#sc_track_3839{
position: absolute; 
width: 500px; 
background: url(../images/sc_track.png);
}

#sc_handle_3839{
position: relative; 
left: 0px; 
background: url(../images/sc_handle.png);
 width: 75px; 
cursor: pointer;
}

#sc_arrow_r_3839{
position: absolute;
width: 20px;
left: 500px;
background: url(../images/sc_arrow_r.png);
}


/*
a div {
	border: 1px solid #000;
}
a div:hover {
	border: 1px solid #fce5af;
}
*/

/* overlay frame start */

div.overlayFrame_4896 { 
	z-index: 100;
	position: absolute; 
	width: 681px; 
	height: 285px; 
	top: 29px; 
	left: 0px; 
	border: 1px solid #fce5af; 
	background-position: top left;
}

/* overlay frame end */

/* layout start */

div#bg_8793 {
	z-index: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120px;
	background: #000 url(../images/header_background_gradient.png);
}

div#curb_4311 {
	z-index: 0;
	position: absolute;
	top: 118px;
	left: 0px;
	width: 100%;
	height: 20px;
	background: #000 url(../images/header_curb.png);
}

div#belowCurb_3154 {
	z-index: 0;
	position: absolute;
	top: 138px;
	left: 0px;
	width: 100%;
	height: 10px;
	background: #000 url(../images/below_curb.gif);
}

div#mainContainer_3472 {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

div#mainContainer_3472, div#mainContainer_4473 {
	width: 970px;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -485px;
}

div#ghLogo {
	z-index: 101;
	position: absolute;
	top: 18px;
	left: 20px;
}

div#streetUp_7633 {
	/* position: absolute; */
	width: 970px;
	height: 83px;
	background: url(../images/street_upside2.jpg);
	/* border-bottom: 1px solid #292929; */
}

div#header_3784 {
	/* top: 249px; // 259 w border*/
	left: 0px;
}




#ghCountdown {
	z-index: 1;
}

div.flamesWrapper {
	width: 970px;
	height: 120px;
	/* display: none; */
}

/* layout end */

/* contents start */

div.roadSep_init_4351 {
	float: left;
	width: 970px;
	background: url(../images/street_downside2.jpg) repeat-x;

}

div.roadSep_4351 {
	float: left;
	width: 970px;
	background: url(../images/street_downside2.jpg) repeat-x;
	border-top: 1px solid #292929;
}

div.threeCfloat_l_2901, div.threeCfloat_r_2901 {
	width: 290px;
	margin-top: 30px;
	font-size: 11px;
	color: #fff;
	text-align: justify;
}
div.threeCfloat_l_2901 {
	float: left;
}
div.threeCfloat_r_2901 {
	float: right;
}


/* 4 CMS CONTENT */

div.cntFloat_l_3333, div.cntFloat_l_3334, div.cntFloat_l_3335 {
	float: left; 
	width: 450px;
	margin-left: 20px;
	margin-top: 30px;
	font-size: 11px;
	color: #fff;
	text-align: justify;
}
div.cntFloat_l_3334 {
	margin-left: 29px;
}
div.cntFloat_l_3335 {
	width: 625px;
}

.picOverlayHeadline {
	color: #fce5af;
	background: black; 
	font-size: 11px; 
	padding: 2px;
	position: relative;
	top: 0px; left: 0px;
	z-index: 99;
}

/* CMS END */

div.cntFloat_s_4501 {
	float: left; 
	width: 929px;
	margin-left: 20px;
	margin-top: 30px;
	font-size: 11px;
	color: #fff;
	text-align: justify;
}

div.cntFloat_l_4501 {
	float: left; 
	width: 450px;
	margin-left: 20px;
	margin-top: 30px;
	font-size: 11px;
	color: #fff;
	text-align: justify;
}
div.cntFloat_r_4501 {
	float: right; 
	width: 450px;
	margin-right: 20px;
	margin-top: 30px;
	font-size: 11px;
	color: #fff;
	text-align: justify;
}

div.cntFloat_single_4551 {
	float: left; 
	width: 930px;
	margin-left: 20px;
	margin-top: 30px;
	font-size: 11px;
	color: #fff;
	text-align: justify;
}

/* contents start */


a {
	text-decoration: underline;
	color: #fce5af;
}
a:hover {
	color: #fff;
}

p {
	line-height: 18px;
	margin: 10px 0 12px 0;
	color: #e1e1e1;
}

.color01 {
	color: #e1e1e1;
}

ol, ul {
	margin: 30px 0 30px 0;
}

li {
	line-height: 18px;
	
	text-align: left;
	color: #fce5af;
}

p.art0 { /* no top margin */
	margin: 0px 0 12px 0;
}
p.art1 { /* no bottom margin */
	margin: 10px 0 0 0;
}
a.ablnk{ /* actionbox link */
	color: #35660f;
}

p.sub_navi {
	margin: 0 0 5px 5px;
	color: #fff;
}
p.sub_navi a {
	text-decoration: none;
}

h3 {
	margin: 0;
	padding: 0;
	color: #fce5af;
	font-size: 13px;
}

.navi_headline, .navi_headline_a, .navi_headline_na {
	margin: 0;
	padding: 0;
	color: #fce5af;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none;
	/* font-weight: bold; */
}
.navi_headline:hover, .navi_headline_a {
	color: #fff;
}

.navi_headline_na {
	color: #fce5af;
	cursor: default;
}
.navi_headline_na:hover {
	color: #fce5af;
}

h2 {
	margin: 0;
	padding: 0;
	color: #fce5af;
	font-size: 16px;
}

a.topNaviBtn {
	position: absolute;
	height: 21px;
	width: 68px;
	text-decoration: none;
}
a.topNaviBtn#home {
	background: url(../images/buttons/home.gif);
	left: 0px;
}
a.topNaviBtn#login {
	background: url(../images/buttons/login.gif);
	left: 68px;
}
a.topNaviBtn#register {
	background: url(../images/buttons/register.gif);
	left: 136px;
}
a.topNaviBtn#contact {
	background: url(../images/buttons/contact.gif);
	left: 204px;
}
a.topNaviBtn#home:hover, a.topNaviBtn#login:hover, a.topNaviBtn#register:hover,
a.topNaviBtn#contact:hover {
	background-position: -68px 0;
}

.contentNavi {
	position: absolute;
	/* width: 100px; 
	float: left; */
	font-size: 11px; 
	padding:0px 20px 0px 20px;
	text-decoration: none; 
	border: none; 
	color: #fff;
	background: none;
	height: 20px;
	line-height: 20px;
	cursor: default;
}
.contentNavi:hover {
	/* background: url(../images/navi_bg.gif) repeat-x; */
	color: #fff;
}

td{
font-size: 11px;
}

a.button1 {
	display: block;
	height: 21px;
	width: 68px;
	text-decoration: none;
	float: right;
}
a.button1#newsletter_send, a.button1#contactform_send, a.button1#register_submit, a.button1#login_submit {
	background: url(../images/buttons/send.gif);
}
a.button1#back_btn {
	background: url(../images/buttons/back.gif);
}
a.button1#shop_checkout {
	background: url(../images/buttons/checkout.gif);
}
a.button1#product_view {
	background: url(../images/buttons/show.gif);
}

a.button1#newsletter_send:hover, a.button1#back_btn:hover, a.button1#contactform_send:hover, 
a.button1#register_submit:hover, a.button1#login_submit:hover, a.button1#shop_checkout:hover,
a.button1#product_view:hover {
	background-position: -68px 0;
}

a.button2 {
	display: block;
	height: 21px;
	width: 97px;
	text-decoration: none;
	margin-top: 10px;
}
a.button2#read_more {
	background: url(../images/buttons/readmore.gif);
}
a.button2#order_submit {
	background: url(../images/buttons/order_now.gif);
}
a.button2#read_more:hover, a.button2#order_submit:hover {
	background-position: -97px 0;
}

.ghInput {
	height: 16px;
	padding: 4px 0 0 0;
	/* background-height: 20px! */
	background: url(../images/form_input_text.png);
	border: none;
	font-size: 11px;
}

input.default {
	height: 16px;
	padding: 4px 0 0 0;
	width: 300px;
	/* background-height: 20px! */
	background: url(../images/form_input_text.png);
	border: none;
	font-size: 11px;
}
textarea.default {
	padding: 4px 0 0 0;
	width: 300px;
	/* background-height: 20px! */
	background: url(../images/form_textarea_bg.png);
	border: none;
	font-size: 11px;
}



/* navigation start */

div#contentNavi_8943 {
	position: absolute;
	z-index: 99;
	left: 220px;
}

div.subNaviBox4641 {
	z-index: 99;
	position: absolute;
	height: 100px;
	margin-top: 20px;
	top: 150px;
	background: none;
	cursor: pointer;
}

div.subNaviCont7986 {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 120px;
	background: #000 url(../images/news_box.gif) repeat-x;
	background-position: bottom; 
	border: 1px solid #35660f;
	padding: 10px 10px 6px 10px;
	font-size: 11px;
}

div.hitArea_3513 {
	background: none; 
	height: 20px; 
	position: absolute; 
	top: 0px; 
	left: 0px;
}

/* navigation end */



/* LIGHTBOX */

#lightbox{
	background: red;
	padding: 0px;
	height: 100px;
	overflow: visible;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: 10px solid black; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background: none;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	}

/* NEW NAVI */

ul#navigation {
	font-family: Arial, Helvetica;
	font-size: 12px;
	list-style-type:none;
	margin: 0 0 0 10px;
	padding: 0;
}
ul#navigation li {
	float: left;
	margin: 10px 5px 5px 5px;
	padding: 0;
}
ul#navigation li.e {

}
ul#navigation li.e:hover {

	cursor: pointer;
}

ul#subNavigation {
	font-family: Arial, Helvetica;
	font-size: 12px;
	list-style-type:none;
	margin: 0 0 0 71px;
	padding: 0;
}
ul#subNavigation li {
	float: left;
	margin: 0 5px 10px 5px;
	padding: 0;
}
ul#subNavigation li.e {

}
ul#subNavigation li.e:hover {
	cursor: pointer;
}

ul#navigation li a {
text-decoration: none;
}