/* CSS RESET by ERIC MEYER */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* //////////////////////////////////////////////////////////////////////// */
/* 		WERBEHAUS.COM/CSS												    */
/* 		GLOBAL / FOOTER STYLES											    */
/* //////////////////////////////////////////////////////////////////////// */
* ::-moz-selection           { background-color: #DAD7C6; color: #333; }
* ::selection                { background-color: #DAD7C6; color: #333; }

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html{
	height: 100%;
	margin-bottom: 1px; 
}

html, body, #wrap{
	height: 100%;
}

body > #wrap{
	height: auto;
	min-height: 100%;
}

body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	background: url(../gfx/bg_site.jpg);
	background-attachment: fixed;
	background-color: #fff;
	background-repeat: repeat-x;
	color: #666;
	line-height: 18px;
	margin: 0;
	padding: 0;
	min-height: 101%;	/* scrollbalken erzwingen */
}

#footer{
	position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
	width: auto;
/*	margin: 0 auto; */ /* geht nit wegen sticky solution */
	color: #999;
} 

#footer_content{
	width: 860px;
	margin: 0 auto;
	border-top: 1px solid #C4C4C4;
	padding-top: 5px;
}

#footer_content a{
	color: #9C9C9C;
	text-decoration: none;
}

#footer_content .footer_link{
	margin-left: 47px;
	margin-right: 20px;
}

/* CLEAR FIX*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */

#wrap{
	width: 900px;
	background-color: #fff;
	margin: 0 auto;
	background-position: 20px 60px;
}

#main{
	padding-bottom: 60px; /* must be same height as the footer */
	border-top: 3px solid #A7A7A7;
} 


h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 9px;
}

p{
	display: block;
	width: auto;
	margin-bottom: 15px;
}

a{
	color: #666;
}

a:active{
	position: relative;
	top: 1px;
}

a img{
	border: none;
}

sub, sup{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
}

sup{
	bottom: 1ex;
}

sub{
	top: .5ex;
}

#col_left a:link, #col_left a:visited, #col_right a:link, #col_right a:visited{
	display: block;
}

#col_left a:hover, #col_left a:active, #col_right a:hover, #col_right a:active{
color: #cd182e;
display: block;
}

strong{
	font-weight: bold;
}

em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 13px;
/*	background-color: #f3f2ec; */
/*	background-color: #E8E8DE; */
	line-height: 18px;
	display: block;
/*	text-align: center; */
	padding: 10px;
}

#main #col_left ul{
	margin: 10px;
	list-style-image: url(../gfx/bullet.gif);
	margin-bottom: 20px;
}

#main #col_left #subnavi ul{
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#main #col_left #subnavi ul li{
	margin: 3px;
	margin-top: 10px;
	padding: 0;
}

#main #col_left ul li{
	margin: 10px;
}

#main #col_right ul{
	margin: 10px;
}

#main #col_right ul li{
	margin: 3px;
}

/* //////////////////////////////////////////////////////////////////////// */
/* 		WERBEHAUS.COM/CSS												    */
/* 		PAGE HEADER														    */
/* //////////////////////////////////////////////////////////////////////// */

.wrap_start{
	background: url(../gfx/visual_home.jpg) no-repeat;
}

.wrap_projekte{
	background: url(../gfx/visual_projekte.jpg) no-repeat;
}

.wrap_referenzen{
	background: url(../gfx/visual_referenzen.jpg) no-repeat;
}

.wrap_agentur{
	background: url(../gfx/visual_agentur.jpg) no-repeat;
}

.wrap_dialog{
	background: url(../gfx/visual_dialog.jpg) no-repeat;
}

.wrap_kontakt{
	background: url(../gfx/visual_kontakt.jpg) no-repeat;
}

.archiv_frage{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	/*border-top: 1px solid #999;*/
}

.archiv_frage a{
	text-decoration: none;
}

#subnavi{
	border: 1px solid #EAEAEA;
	margin-top: 0px;
	padding: 0px 10px 5px 10px;
}

#col_left h1{
	background-color: #efefef;
	margin: 0;
	padding-left: 13px; 
	padding-top: 2px;
}

#logo{
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

#logo a{
	position: relative;
	top: 0px;
}

#navigation{
	float: left;
	margin-left: 123px;
	margin-top: 20px;
	margin-bottom: 9px;
	padding: 0;
}

#navigation li{
	display: inline;
}

#navigation a{
	margin: 0;
	padding: 0;
}

a:active{
	position: relative;
	top: 1px;
}

#navigation li span{
	display: none;
}

/* projekt navi */
#navigation #nav_projekte{
  display: inline-block;
  width: 94px;
  height: 23px;
  background: url(../gfx/nav_projekte.gif) no-repeat 0 0;
  background-position: 0 -23px;
}

#navigation li #nav_projekte:hover{ 
  background-position: 0 0px;
}


/* referenzen navi */
#navigation #nav_referenzen{
  display: inline-block;
  width: 110px;
  height: 23px;
  background: url(../gfx/nav_referenzen.gif) no-repeat 0 0;
  background-position: 0 -23px;
}

#navigation li #nav_referenzen:hover{ 
  background-position: 0 0px;
}

/* agentur navi */
#navigation #nav_agentur{
  display: inline-block;
  width: 87px;
  height: 23px;
  background: url(../gfx/nav_agentur.gif) no-repeat 0 0;
  background-position: 0 -23px;
}

#navigation li #nav_agentur:hover{ 
  background-position: 0 0px;
}

/* b2b-dialog navi */
#navigation #nav_dialog{
  display: inline-block;
  width: 102px;
  height: 23px;
  background: url(../gfx/nav_dialog.gif) no-repeat 0 0;
  background-position: 0 -23px;
}

#navigation li #nav_dialog:hover{ 
  background-position: 0 0px;
}

/* kunden-login navi */
#navigation #nav_login{
  display: inline-block;
  width: 65px;
  height: 23px;
  background: url(../gfx/nav_login.gif) no-repeat 0 0;
  background-position: 0 -23px;
}

#navigation li #nav_login:hover{ 
  background-position: 0 0px;
}

/* kunden-login navi */
#navigation #nav_logout{
  display: inline-block;
  width: 65px;
  height: 23px;
  background: url(../gfx/bt_logout.gif) no-repeat 0 0;
  background-position: 0 -23px;
}

#navigation li #nav_logout:hover{ 
  background-position: 0 0px;
}

/* kontakt navi */
#navigation #nav_kontakt{
  display: inline-block;
  width: 88px;
  height: 23px;
  background: url(../gfx/nav_kontakt.gif) no-repeat 0 0;
  background-position: 0 -23px;
}

#navigation li #nav_kontakt:hover{ 
  background-position: 0 0px;
}

#navigation li #nav_dialog .nav_hi{
  /*background-position: 0 26px;*/
}

#login_panel{
	width: 820px;
	height: 63px;
	color: #666;
	float: left;
	display: none;
	margin-left: 20px;
	padding: 20px;
	padding-top: 10px;
	font-size: 12px;
	line-height: 16px;
	background: url(../gfx/bg_login_panel.gif) bottom repeat-x;
	background-color: #efefef;
}

#login_panel_description{
	float: left;
	width: 200px;
	border-left: none;
}

#login_panel_form{
	float: left;
	margin-left: 20px;
	border-left: 1px solid #999;
	padding-left: 20px;
	height: 53px;
}

#login_panel_form label, #login_panel_info label{
	display: inline-block;
	width: 60px;
	font-weight: bold;
	padding: 0;
}

#login_panel_form input, #dialog_form input, #dialog_form textarea, #login_panel_info input{
	border: 1px solid #999;
	padding: 3px;
	margin-bottom: 3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;	
}

#login_panel_form input, #login_panel_info input{
	width: 150px;
}

#login_panel_form p{
	width: 180px;
	margin-left: 63px;
}


#login_panel_info{
	border-left: 1px solid #999;
	margin-left: 20px;
	padding-left: 20px;
	height: 53px;	
	float: left;
	width: 230px;
}

#login_panel #bt_close{
	float: right;
}

#anfordern_button{
	margin-left: 63px;
}

#bt_abstimmen{
	padding-left: 30px;
}

#chart{
/*	border: 1px solid #E8E8DE;
	margin-top: -13px;
*/
	text-align: center;
}

#legende_umfrage{
	padding-top: 10px;
	padding-bottom: 5px;
}

#results ul{
	margin: 0;
	margin-top: -10px;
	padding: 5px;
}

#legende_umfrage li{
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	margin: 0;
}

#results_description{
	padding-left: 10px;
}

#team_flash{
	text-align:  center;
	padding-top: 5px;
}

#greenpeace{
	background: url(../gfx/gp_energy.gif) no-repeat;
	height: 100px;
	margin-top: 40px;
	padding-top: 5px;
	padding-left: 100px;
	font-size: 12px;
	line-height: 14px;
}



/* //////////////////////////////////////////////////////////////////////// */
/* 		WERBEHAUS.COM/CSS												    */
/* 		CONTENT															    */
/* //////////////////////////////////////////////////////////////////////// */

#col_left{
	float: left;
	margin-left: 215px;
	margin-top: 200px;
	width: 305px;
	padding: 10px;
	margin-bottom: 20px;
}

#col{
	float: left;
	margin-left: 215px;
	margin-top: 200px;
	width: 600px;
	padding: 10px;
	margin-bottom: 20px;
}

#col_right{
	float: left;
	margin-left: 20px;
	margin-top: 200px;	
	width: 300px;
	background-color: #efefef;
	padding: 10px;
	margin-bottom: 20px;	
}


#col_right_logos{
	float: left;
	margin-left: 20px;
	margin-top: 200px;	
	width: 300px;
	padding: 0px;
	background-color: #fff;
}

/* //////////////////////////////////////////////////////////////////////// */
/* 		WERBEHAUS.COM/CSS												    */
/* 		FORMULAR														    */
/* //////////////////////////////////////////////////////////////////////// */

#main #col_left input[type="submit"]{
	width: 85px;
	height: 20px;
	border: 1px solid #999999;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
}

#main #col_left input[type="radio"]{
	float: none;
}

#main #col_left input[type="text"]{
	width: 200px;
}

#main #col_left input[type="password"]{
	width: 200px;
}

#main #col_left label{
	display: block;
	float: left;
	padding-bottom: 10px;
	width: 95px;
	clear: both;
}

#main #col input[type="submit"]{
	width: 100px;
	height: 20px;
	border: 1px solid #999999;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
}

#main #col input[type="radio"]{
	float: none;
}

#main #col input[type="text"]{
	width: 250px;
}

#main #col input[type="password"]{
	width: 250px;
}

#main #col label{
	display: block;
	float: left;
	padding-bottom: 10px;
	width: 200px;
	clear: both;
}



#main #col_right select{
	margin-top: 10px;
	width: 150px;
}

#main #col_right textarea{
	margin-top: 10px;
}

.salutation_label{
	width: 95px;
	float: left;
	padding-top: 1px;
}

.red_label{
	font-weight: bold;
	color: #B41229;
}

.form_error_drunter{
	font-weight: bold;
	color: #B41229;
}

.form_wunschfrage{
	width:285px;
	height:75px;
}

/* //////////////////////////////////////////////////////////////////////// */
/* 		WERBEHAUS.COM/CSS												    */
/* 		HACKS, IE6 CRAP													    */
/* //////////////////////////////////////////////////////////////////////// */

* html #navigation{
	margin-left: 103px;
}

* html #login_panel{
	margin-left: 10px;
}

* html #col_left{
	margin-left: 110px;
}

* html #footer{
	margin-top: -50px;
}