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

author: gorotron (www.gorotron.com)
version: 1.0
license: Commons Attribution 3.0 United States License

http://creativecommons.org/licenses/by/3.0/us/

Do whatever you like with this template– just be
sure to leave my link at the bottom of each page.

Thanks!

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

@import "dropdown.css";

* {
	margin:0 auto;
	padding:0;
}

html {
	text-align:center;
}

body {
	font:62.5% Verdana, Arial, Helvetica;
	text-align:left;
	color:#333;
	background: #2e2e2e;
}

#all 	{
 		width:850px;
		margin:0em auto;
	}
p {
	font-size:1.2em;
	line-height:1.5em;
	margin:1em 0;
}

a:link{
	text-decoration: none;
	border: 0;
	color: #a1c01c
}

a:visited {

color: #a1c01c;

}
a:hover,a:active {color:#069} 

a img {
border: none;
text-decoration: none;
}

ul {
	list-style:none;
}


#masthead {
	height:140px;
	width: 850px;
	background: #d5efff url(../images/header.png) no-repeat;
	margin-top: 10px;
}


/* Main Column */

#mainContent {
	width:53em;
	padding:0 0 1em 15px;
	float:left;


}

#mainContent h2 {
	color: #0994dc;
	font-size:1.5em;
}

#mainContent p + h2 {
	margin-top:1.5em;
}

#mainContent h3 {
	font-size:1.25em;
}

#mainContent blockquote {
	padding:0 2em;
	font-style:italic;
	font-size:0.9em;
	color:#444;
	border-left:4px solid #F90;
}

#mainContent ul {
	color:#F90;
	width: 100%;
}

#mainContent li {
	background:url(../images/quare.gif) left center no-repeat;
	font-size:1.2em;
	padding-left:1em;
	margin:0 0 0.5em 1em;
	color:#333;
	padding-bottom: 4px;
	border-bottom: 1px solid gray;
}

#suckerfish {
	width:100%;
	height:10em;
	font-family:monaco, courier;
}


/* Form */

fieldset {
	padding:1em 1em 0.5em;
	border:1px solid #EAEAEA;
	margin-top:2em;
	background:#F7F7F7;
}

label {
	display:block;
	font-weight:bold;
}

textarea, select{
	border:1px solid #CCC;
	padding:0.25em;
	width:20em;
	border: 4px solid #ebebeb;
	margin: 6px 0 6px 0;
	}

input {
	border: 4px solid #ebebeb;	
	width: 30px;
	padding: 2px;


	}

textarea {
	width:28em;
	height:5em;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
	border: 4px solid #ebebeb;
}

input:hover, input:focus, textarea:hover, textarea:focus, select:focus, select:hover {
	border: 4px solid #ebebeb;
}


/* Side Column */

#secondaryContent {
	width:203px;
	float:left;
	height: 100%;
	padding-left: 85px;
	margin-top: 5px;
}

#secondaryContent a {
color: #6B78A9;
font-weight: bold;

}

#secondaryContent a:hover {
color: #a1c01c;
font-weight: bold;

}

#secondaryContent h2, #secondaryContent p {
	font-size:1.2em;
}

#secondaryContent h2 {
	color:#F60;
}

.secondaryContentBox {
	padding:1em 1em 0.5em;
	margin-bottom:2em;
}

.secondaryContentBox span {
	color: #0994dc;
	font-weight:bold;
}

#secondaryContent blockquote {
	font-style:italic;
	font-size:0.9em;
	padding:0.5em 0 0 2em;
	background:url(../images/left_quote.gif) no-repeat;
}

#secondaryContent blockquote p {
	background:url(../images/right_quote.gif) right bottom no-repeat;
	padding-bottom:1em;
}

#secondaryContent blockquote span {
	margin-left:2em;
}

#secondaryContent .source {
	text-align:right;
	margin:-0.5em 0 2em;
	font-size:1em;
}

#footer {
	text-align:center;
	clear:both;
	background: url(../images/footer.png) no-repeat;
	width: 850px;
	height: 59px;
}

#footer li {
	display:inline;
	margin:0.5em;
}

#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#c00;background: #fee url("images/sprites.gif") no-repeat 10px -695px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

.login { border: 4px solid #ebebeb; width: 160px; margin: 0; font-weight: bold; color: #6f6f6f; margin-top: 5px; margin-left: 5px;}
.login:hover, .login:focus { border: 4px solid #ebebeb;}

div#qTip{
	padding: 0px 3px 0px 3px;
	border: 2px solid black;
	display: none;
	background: #d2ff00;
	position: absolute;
	z-index: 1000;
	color: #000000;
	font: bold 9px Verdana, Arial, sans-serif;
	line-height: 17px;
	max-width: 200px;
}

div#qTip *{
	color: #ff4800;
	font: bold 9px Verdana, Arial, sans-serif;
}

a.ball { border: 0px; text-decoration: none}
a.ball:hover { border: 0px; text-decoration: none}

.table2 {align: left; border: 2px solid #ededed;border-collapse:collapse;width:90%}
		.table2 td {background: #fff; font-align: center; padding:1px;}
		.table2 th {text-align:center;}
		.table2 thead th {color:#fff;font-size:145%;background: #0994dc;padding: 4px 3px}
		.table2 tbody th {color:#fff;font-size:115%;background: #0994dc;padding: 3px}
		.table2 tbody th.sub {font-size:100%;font-align: right;color:#000;padding: 6px; background: white;border: 0px}
		.table2 tbody td.sub {font-size:100%;font-weight: bold;font-align: right;color:#000;padding: 6px; background: url(/images/subtab.gif) no-repeat top left;border: 0px}
		.table2 tbody td.btd {font-weight: bold; background: #edf8fe; border-bottom: 1px solid #aed3e4; border-right: 1px solid #aed3e4; border-left: 1px solid #aed3e4;}
		.table2 tbody td.gtd {font-weight: bold; background: #effeed; border-bottom: 1px solid #b5e4ae; border-right: 1px solid #b5e4ae; }

.table1 {border: 2px solid #ededed;border-collapse:collapse;width:90%}
		.table1 td {background: #fff; font-align: center; padding:1px;border: 1px solid #ededed}
		.table1 th {text-align:center;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #0994dc;padding: 4px 3px}
		.table1 tbody th {color:#fff;font-size:115%;background: #0994dc;padding: 3px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

span.bluefont { 
color: #0994dc;
}

span.greenfont { 
color: #a1c01c;
}

span.redfont { 
color: red;
}

input.groovybutton
{
   background-color:#33CC00;
   border: none;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
   margin: 1px 1px 1px 1px;
   width: 26px;
   height: 26px;
}
input.groovybutton2
{
   background-color: #CCCCCC;
   border: none;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
   margin: 1px 1px 1px 1px;
   width: 26px;
   height: 26px;
}
input.groovybutton3
{
   background-color: #FFFF00;
   border: none;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
   margin: 1px 1px 1px 1px;
   width: 26px;
   height: 26px;
}


#point ul {
	width: 100%;
}

#point li {
	background:url(../images/quare.gif) left center no-repeat;
	font-size:1.2em;
	padding-left:1em;
	margin:0 0 0.5em 1em;
	color: #0994dc;
	padding-bottom: 4px;
}

#pointermenu{
margin: 0;
padding: 0;
}

#pointermenu ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background-color: black;
background: black url(media/leftround.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
float: left;
color: white;
font-weight: bold;
padding: 2px 11px 7px 7px;
text-decoration: none;
background: url(media/pointer.gif) bottom center no-repeat;
}

#pointermenu ul li a:visited{
color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
color: white;
background-color: darkred;
}

#pointermenu ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(media/rightround.gif) bottom right no-repeat; /*optional right round corner*/
}

.more {
    display: none;
    }

#underfoot a:link, #underfoot a:visited {
	text-decoration: none;
	border: 0;
	color: #d2ff00
}
#underfoot a:hover, #underfoot a:active {color: white} 

div.vma{
	background: url(/images/viewbg.gif) no-repeat;
	}

div.vma:hover {
	background: url(/images/viewbg2.gif) no-repeat;
	}

div.vma:visited{
	background: url(/images/viewbg3.gif) no-repeat;
	}

div.vma:hover {
	background: url(/images/viewbg2.gif) no-repeat;
	}

div.premvma{
	background: url(/images/viewbg3.gif) no-repeat;
	}

div.premvma:hover {
	background: url(/images/viewbg2.gif) no-repeat;
	}


#coupon         { top:0; right:100px; position:absolute; cursor:pointer; width:585px; background:url(slider-coupon.png) 0 bottom no-repeat; }  
.closed         { height:29px; }  
.open           { height:176px; } 

#adstyle a:link{
	text-decoration: none;
	border: 0;
	color: #ffffff
}

#adstyle a:visited {

}
#adstyle a:hover, #adstyle a:active {color:#00000}  














div.overlay {position: absolute; width:390px; top: 170px;left: 270px; z-index:10;};
div.overlay img.fr {position: relative; top:0px;left:0px;}
div.overlay img.lr {position: relative; bottom:0px; left:0px;}
div.overlay div.w_liste {margin: 10px 0 0 14px;}

div.w_liste div {position: relative; float: left; margin: 2px 3px 10px 0;}
div.w_liste img.w_button {position: absolute; top:0; left:0; z-index:18}
div.w_liste table.w_werte {position: absolute; border-collapse: collapse; z-index:14}
div.w_liste table.w_werte td {white-space:nowrap;}
div.w_liste table.w_werte td.right {text-align:right;}

div.w_liste div.w_big {width: 361px; height:64px;}
div.w_liste div.w_small {width: 175px; height:46px;}
div.w_liste div.w_big table.w_werte {left:235px; top:14px; width:105px;}
div.w_liste div.w_small table.w_werte {left:123px; top:3px;}
div.w_liste div.w_big img.w_button {width: 361px; height:64px;}
div.w_liste div.w_small img.w_button {width: 175px; height:46px;}

#signup_layer, #login_layer {display:none;}



div.overlay img.subhead {position: absolute; top:21px; left:20px; width: 200px; z-index: 12;}
div.overlay img.closer {position: absolute; top: 10px; right: 10px; height:20px; width:20px; z-index:12;}

div.overlay {background-image:url(/images/box2.gif); margin-bottom: 11px}