<!--
body {
	background:url(../images/background.png) repeat-x 0px -55px;
	text-align: center; /*centers the main in IE5/win */
}
body, td {
	font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	}

p, input, div, td, textarea {
	font-size:12px;
	}


label {
 cursor: pointer;
 cursor: hand;
}

h1 {
	font-size:14px;
	margin-top:5px;
	margin-bottom:0px;
	padding-bottom:1px;
	font-weight:bold;
	color:#000;
	font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	}

h2 {
	font-size:13px;
	margin-top:5px;
	margin-bottom:4px;
	font-weight:bold;
	display:block;
	color: #51aa37;
	}

h3 {
	margin-bottom:5px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

hr {
	height:1px;
	background:white;
	border:none;
	border-bottom:1px dotted #DEDEDE;
	width:auto;
	margin-top:3px;
	margin-bottom:3px;
	display:block;
}

a:link, a:visited, a:active {
	color:#333;
	text-decoration:none;
	}

a:hover {
	color:#333;
	}

a.white:link, a.white:visited, a.white:active {
	color:#fff; }

a.white:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #000000;
}

#container {
	width: 950px;
	margin: auto; /* centers the whole container */
	text-align: left;
	padding:none;
	background:url(../images/logo.png) no-repeat center -55px;
}

#popup {
	margin: auto; /* centers the whole container */
	margin-top: 10px;
	text-align: center;
	font-size:12px;
	padding:0px;
	border:0px solid #C70E11;
}


/* main===== */

#eyecatcher {
	height:90px;
	background:url(../images/blackbar.gif) no-repeat;
	position:absolute;
	bottom:2px;
	left:0px;
}

#main {
	clear: left;
	padding-left:10px;
	margin-top:30px;
	margin-left:275px;
	font-family:Lucida Sans, Verdana, Arial;
	line-height:20px;
	min-height:380px;
	_height:380px;
	position:relative;
}

#main input, #main textarea{
	border:1px solid #CAE6C2;
	background:#CAE6C2;
}

#main input:focus,#main textarea:focus{
	border:1px solid #51AA37;
	background:#CAE6C2;
}


#main a:link,
#main a:visited,
#main a:active {
	color:#51aa37;
	text-decoration:none;
	background-image:url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	padding-left: 8px;
	border-bottom: 1px dotted #51aa37;
	}

#main a:hover {
	color:#FFF;
	background-color:#51aa37;
	background-image:url(../images/link_hover.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	padding-left: 8px;
	}


#main div.gallery a,
#main div.gallery a:link,
#main div.gallery a:visited,
#main div.gallery a:active {
  background:none;
	color:#069;
	text-decoration:none;
	border:none;
	padding:0;
	}

#main div.gallery a:hover {
	background:none;
	color:#333;
	border:none;
	padding:0;
	}

#main div.gallery img {
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
}


/* GOOGLE HEADER ===== */

#googleheader {
	display:none;
}

#googleheader h1 {
}

/* NAVIGATION ===== */

#header {
	position: relative;
	height:355px;
}

#header ul#meta {
	margin: 0;
	padding: 0;
	position: absolute;
	right:10px;
	top:10px;
}

#header ul#meta li  {
	display: inline;
	list-style: none;
	font-family: Arial, sans-serif;
	font-size:11px;
	color:#555;
}

#header ul#meta li a{
	width: auto;
	display: block;
	float: left;
	padding: 1px 5px;
	margin: 0px 0px 0 0;
	text-align: center;
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	top:164px;
	left:0px;
	width: 950px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	height:90px;
	background:url(../images/greenbar.gif) no-repeat;
}

#header ul#primary li{
	display: inline;
	list-style: none;
}
#header ul#primary li a{
	display: none;
}

/* GFX Replacement */
#header ul#primary a#nav-home,
#header ul#primary a#nav-alkohol-und-gesundheit,
#header ul#primary a#nav-besser-verzichten,
#header ul#primary a#nav-unter-18-nicht,
#header ul#primary a#nav-kodex,
#header ul#primary a#nav-partner,
#header ul#primary a#nav-ziele
 {
	display:block;
	position:absolute;
	height:0px;
	padding-top:70px;
	top:10px;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
	color:#53AE38;
}

a#nav-home{
	width:325px;
	top:-130px!important;
	left:310px;
	padding-top:105px!important;
	color:#FFF!important;
}

a#nav-alkohol-und-gesundheit{
	background:url(../images/nav/green_nav_off_03.gif) no-repeat 50% 50%;
	width:130px;
	left:60px;
}

a#nav-besser-verzichten{
	background:url(../images/nav/green_nav_off_05.gif) no-repeat 50% 50%;
	width:155px;
	left:220px;
}

a#nav-unter-18-nicht{
	background:url(../images/nav/green_nav_off_07.gif) no-repeat 50% 50%;
	width:100px;
	left:400px;
}

a#nav-alkohol-und-gesundheit:hover,
a#nav-alkohol-und-gesundheit.on{
	background:url(../images/nav/green_nav_03.gif) no-repeat 50% 50%;
}

a#nav-besser-verzichten:hover,
a#nav-besser-verzichten.on{
	background:url(../images/nav/green_nav_05.gif) no-repeat 50% 50%;
}

a#nav-unter-18-nicht:hover,
a#nav-unter-18-nicht.on{
	background:url(../images/nav/green_nav_07.gif) no-repeat 50% 50%;
}

a#nav-kodex{
	background:url(../images/nav/green_nav_10.gif) no-repeat 50% 50%;
	width:45px;
	right:300px;
}

a#nav-partner{
	background:url(../images/nav/green_nav_12.gif) no-repeat 50% 50%;
	width:120px;
	right:162px;
}

a#nav-ziele{
	background:url(../images/nav/green_nav_14.gif) no-repeat 50% 50%;
	width:34px;
	right:110px;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	left:0px;
	top: 230px;
	left: 50px;
	width: 200px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	z-index:2;
	text-align:right;
	background: url(../images/dots.gif) no-repeat right bottom;
}

#header ul#secondary li{
}

#header ul#secondary li a,
#header ul#secondary li span {
	font-size:9pt;
	width: auto;
	display:block!important;
	padding: 7px 0px 0px 10px;
	margin: 0px 0px 7px 0px;
	background: url(../images/dots.gif) no-repeat right top;
	color: #333;
}

#header ul#secondary li a:hover {
	color: #000;
	text-decoration: none;
}

#header ul#secondary li a:active {
	color: #51aa37;
}

#header ul#secondary li a.chosen{
	color:#51aa37;
}

a#calc{
	position:absolute;
	font-size:0px;
	line-height:0px;
	color:#FFF!important;	
	height:0px;
	padding:0;
	border:none!important;
	display:block!important;
	overflow:hidden;
}

a#calc.big {
	top: 0px;
	left: -230px;
	background: url(../images/alkohol-test-gross.gif) no-repeat center bottom;
	width:215px;
	padding-top:192px;
}

a#calc.small {
	bottom: 20px;
	left: -140px;
	background: url(../images/alkohol-test-klein.gif) no-repeat center bottom;
	width:112px;
	padding-top:112px;
}


/* FOOTER ===== */

#footer{
	position:relative;
	font-size:11px;
	color:#999;
	font-family:Arial;
	padding-left:10px;
}
#footer div.easycms {
	position:absolute;
	top:0px;
	right:10px;
	font-size:11px;
	color:#ddd;
	font-family:Arial;
}
#footer div.easycms a{
	color:#bbb;
}

#main .box input, #main .box textarea{
	border:1px solid #999;
	background:#E1ECD7;
	padding-left:3px;
}

#main .box input:focus,#main .box textarea:focus{
	border:1px solid #666;
	background:#FFF;
	padding-left:3px;
}


div.gallery {
  margin-top: 10px;
}

/* HACKS (hide from) */

/* Mac IE */

@media screen, projection {
.search-box { color:white }
}
/* end Mac IE */


-->

.icon_lock
{
  padding-left: 22px;
  padding-bottom: 1px;
  background: url(../images/css/lock.png) no-repeat left;
  line-height: 16px;
}

.access_denied
{
  padding: 7px;
  padding-left: 28px;
  background: #fdd url(../images/css/lock.png) no-repeat 5px;
  margin-bottom: 20px;
}

div.info{
	padding: 5px;
	background: #FFA;
	margin-bottom: 10px;
}

div.error{
	padding: 5px;
	background: #FCC;
	margin-bottom: 10px;
}

span.hl{
	background:#E1ECD6;
}

cite {
	display:block;
	line-height:12px;
	font-style:normal;
	font-size:10px;
	color:#aaa;
}

/* Promille Rechner */

#promcalc {
	position:relative;
}
#promcalc input.prominput{
	position:absolute;
	background:transparent;
	border:none;
	width:40px;
	height:23px;
	color:#55ab26;
	font-size:18px;
	text-align:center;
	top:210px;
	z-index:2;
}

#promcalc a,
#promcalc a:link,
#promcalc a:visited,
#promcalc a:active,
#promcalc a.promup,
#promcalc a.promdown{
	padding:0;
	margin:0;
	display:block!important;
	position:absolute;
	width:40px;
	height:10px;
	background:none;
	text-decoration:none;
	border:none;
	outline: 0;
	z-index:3;
	zoom:1;
}

/* IE is so stupid */
*+html #promcalc a{
	background:url(../images/spacer.gif)!important;
}

#promcalc a:hover{
	background:white;
	opacity:0.4;
}

/* IE is so stupid */
*+html #promcalc a:hover{
	background:url(../images/spacer.gif)!important;
}

#promcalc a.promup{
	top:200px;
}
#promcalc a.promdown{
	top:235px;
}

#promcalc input.bier{
	left:40px;
}
#promcalc input.biermisch{
	left:102px;
}
#promcalc input.wein{
	left:166px;
}
#promcalc input.sekt{
	left:224px;
}
#promcalc input.korn{
	left:286px;
}
#promcalc input.likoer{
	left:348px;
}
#promcalc input.whisky{
	left:412px;
}
#promcalc input.misch{
	left:497px;
}

#promcalc a.bier{
	left:40px;
}
#promcalc a.biermisch{
	left:102px;
}
#promcalc a.wein{
	left:166px;
}
#promcalc a.sekt{
	left:224px;
}
#promcalc a.korn{
	left:286px;
}
#promcalc a.likoer{
	left:348px;
}
#promcalc a.whisky{
	left:412px;
}
#promcalc a.misch{
	left:497px;
}

#promcalc_result{
	position:absolute;
	top:287px;
	left:283px;
	width:62px;
	font-size:17px;
	color:white;
	text-align:right;
	font-weight:bold;
}