/* ////////////////// Standard CSS //////////////////

Project:  natuerlichwien.at/weniger-mist
Autor:    Sindre Wimberger // wimberger@echonet.at
Company:  echonet communication gmbh
		  schottenfeldgasse 24, 1070 vienna
	  	  http://www.echonet.at
Created:  25.01.2006
Modified: 

/////////////////////////////////////////////////// */

/* +body
-------------------------------------------------------------------*/
html, body, div, span, a, table, td, form, fieldset, img, h1#start, #c-left p {
margin: 0;
padding: 0;
text-align: left;	
}
body {
color: #37383B;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;	
}
body {font-size: 62.5%;}
html {overflow-y:scroll;} /* Scrollbar immer rechts im Firefox ab 1.5 */

/*umfragebutton
---------------------------------------------------------------------*/
#surveystart {margin:0 0 1em;position:relative;width:100%;}
#surveystart h2 {font-size:1.335em; font-weight:bold;background-color:#BF4342;color: #fff;margin: 0 0 3px 0;padding:5px 110px 5px 20px;}
#surveystart .cbox {background-color:#F0E5D8;padding:10px 20px;}
#surveystart .button {float:right;height:85px;margin:0;width:130px;}
#surveystart .button span {background:url(http://webkueche.natuerlichwien.at/assets/style/gfx/button-gewinnen.png) no-repeat;display:block;height:139px;margin:0;position:absolute;right:0; text-indent:-10000px;top:5px;width:139px;}
* html #surveystart .button span {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://webkueche.natuerlichwien.at/assets/style/gfx/button-gewinnen.png',sizingMethod='crop');background-image:none;cursor:pointer;}
#surveystart .cbox p {margin:.5em 0;}
#surveystart a {float:right; font-weight:bold;}


/* +standard Elemente
-------------------------------------------------------------------*/
.c {clear: both;}
.center {text-align: center;}
.right, .mehr {text-align: right;}
.halb {float:left;margin-bottom: 20px;width: 47%;}
.halbdetail {float:left;width: 49%;}
.detail p {margin:0;}
.halbdetail img {margin:0 5px 4px 0;}
.high {color:#BF4342;}
.lead {color:#BF4342;line-height: 1.2em;margin-top:0;margin-bottom:.8em;}
.lead p {margin:0;}
.leadtop {margin: .2em 0 2.5em 0;}
.px16 {font-size: 1.45em;}
.px18 {font-size: 1.65em;}
.px23 {font-size: 2.1em;}
.rdetail, .fright {float:right;}
.rdetail img {margin:0 0 4px 5px;}

h1#start span, ul#sitenav, ul#c-nav li em, ul#logout li em, ul#c-help li em, .v, .versteckt {display: none; visibility:hidden;}
h1, h2, h3, h4, h5, #c-left, #c-help, .lead {font-family: trebuchet ms, Verdana, Geneva, Arial, Helvetica, sans-serif;}

/* zwingt den container die beinhalteten elemente zu umfließen */
.clearfix:after, .cfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* \*/
* html .clearfix, * html .cfix  {height: 1%;}
/* */


/* ----- +Links ----- */
a {color: #BF4342;text-decoration: underline;}
a.decor {background: url(design/pfeile-rechts.gif) no-repeat right center;margin-top:5px;padding-right: 10px;}
a.decol {background: url(design/pfeile-links.gif) no-repeat left center;float:left;padding-left: 10px;}
a.darchiv {background: url(design/icon-archiv.gif) no-repeat left center;padding-left: 10px;}
a.dprint {background: url(design/icon-print.gif) no-repeat left center;float:right;padding-left: 15px;}
h4 a, h5 a {text-decoration:none;}

/* ----- +headlines/ Überschriften/ Absätze ----- */
h1 {font-size: 2.1em;}
h2 {font-size: 1.8em;font-weight:normal;margin:0 0 .5em 0;}
h3 {color:#BF4342;font-size: 2.3em;margin:0.1em 0 0 0;font-weight:normal;}
h4 {font-weight:normal;margin: 0.5em 0;}
h4.over2 {color:#BF4342;line-height: 1.1em;margin-bottom:0;margin-top:0;}
h5 {margin-bottom:0;}
h5.over1 {background-color:#F0E5D8;color:#BF4342;line-height: 1.1em;padding:0.2em 0.6em;}

/* ----- +listen ----- */
ol{margin-left:26px;padding-left:0;position: relative;}
ul{margin-left:20px;padding-left:0;position: relative;}

/* ----- +bilder ----- */
img {border: 0;}
img.left {margin:0 7px 3px 0;}
.detail img {margin: 3px 7px;}

/* ----- +links ----- */
ul#auflist {list-style:none;margin-left:0;}
ul#auflist li, ul#archiv li {clear:both;margin-bottom: 1.5em;margin-left: 0px;}
ul#archiv li {margin-bottom: 1em;}
ul#auflist h4 {font-weight:bold;font-size: 1em;margin:0;}
ul#auflist p {margin:0;}
ul#auflist li img {float:left;margin: 0 7px 3px 0;}
ul.termine h4 a {text-decoration:none;}

/* +grundlayout
-------------------------------------------------------------------*/
#start {height:1px;overflow:hidden;}
#stadtwien {left:622px;position:absolute;top:41px;}
#logo {position:absolute;top:59px;}
#c-parent {font-size: 1.1em;height: auto;margin: 0 auto;position: relative;text-align: left;width: 752px;}
#c-left {font-size: 1.1em;left:11px;padding-bottom: 20px;position:absolute;top:180px;width:224px;}
#c-content {margin: 179px 0 30px 266px;}

/* +navigation
-------------------------------------------------------------------*/
#c-nav, #logout {background-color:#F0E5D8;list-style: none;margin:0;padding:15px 0;}
#logout {margin:0;}
#c-nav li, #logout li {margin:5px 0 6px 0;padding-left:20px;}
#c-nav li a, #logout li a {color:#333;display:block;text-decoration:none;width:204px;}
#c-nav li a:hover, #c-nav li a.active, #logout li a:hover, #logout li a.active {background-color:#BF4342;}
#c-nav li a span, #logout li a span {background-color:#F0E5D8;line-height: 1.2em;padding-right: 5px; font-weight:bold;}
#c-nav li ul {list-style-type:none;}
#c-nav li ul li a {list-style-type:none;width:164px;}

/* +hilfe
-------------------------------------------------------------------*/
#c-help {background-color:#F0E5D8;height: 40px;left:265px;list-style: none;margin:0;padding:0;position:absolute;top:105px;width:485px;}
#c-help li {float:left;display:inline;margin:16px 0 5px 20px;}
#c-help li a {color:#333;text-decoration:none;}
#c-help li.search{display:inline;margin:14px 10px 2px 0;float:right;}

/* +gallery
-------------------------------------------------------------------*/
#gallery {list-style: none;margin:0;padding:0;}
#gallery li {float:left;display:inline;margin:0;padding:0;}
#gallery li a {background-color:#F0E5D8;display:block;height:171px;margin:5px 10px 5px 0;overflow:hidden;text-align:center;width:228px;}

/* +left
-------------------------------------------------------------------*/
#c-left h2 {
background-color:#BF4342;
color: #fff;
font-size: 1em;
font-weight:normal;
line-height: 2em;
margin: 20px 0 3px 0;
padding:0 20px;
} 
#c-left div {background-color:#F0E5D8;padding: 15px 0;}
#c-left div p {text-align:center;}
#c-left div.logout p {margin-left: 20px;text-align:left;}
#c-left img {border: 3px solid #fff;margin-bottom:5px;}
#c-left div a.txt {
background: #fff url(design/pfeil-rechts.gif) no-repeat 164px 6px;
display:block;
font-size: 1.2em;
font-weight:bold;
margin:0 auto;
padding: 30px 6px 10px 6px;
text-decoration:none;
width: 172px;
}

/* +formulare
-------------------------------------------------------------------*/
form {margin: 0;}
form#search {padding:0;}
fieldset {
background-color:#F0E5D8;
border: 0px solid transparent;
padding: 5px 10px 15px 10px;
}
#search fieldset {display:inline;padding:0;}
#c-content fieldset {margin-bottom: 10px;}
input, select, textarea {
background-color: #fff;
border: 1px solid #C9CDD5;
width: 200px;
}#search input, #search label {float:left;margin-right: 5px;}
#search input {width:100px;}
#search label {margin-top:2px;}
legend {
color:#BF4342;
font-weight: bolder;
padding: 0px 0 20px 0;
}
form br {clear:both;}
#c-content select {width: auto;}
#c-content input, #c-content select, textarea {
float: left;
margin: 3px 0px 3px 5px;
}
#c-content label {
clear: both;
float: left;
margin: 6px 5px 3px 0px;
text-align: right;
width: 130px;
}
#c-content input.button, input.button {
color: #BF4342;	
border: 1px solid #BF4342;
float:right;
font-size:1em;
margin: 3px 0px;	
width:auto;		
}
#c-content input.button {display:inline;float:left;margin-left:140px;}
#login input.button, #search input.button {background-color: transparent;border:0px none;}
#search input.button {color:#37383B;margin:3px 0 0 0;float:left;width:auto;	}
input.noborder {
background: transparent;
border: 0px none;
width:auto;
}
input.text-small { width:38px; }
input.text-large { width:153px; }

#formbestellung label { width:180px; }
#formbestellung input.button {margin-left:190px;}

/* BEGIN: uldo 2006-03-10 */

.lead2 { margin-bottom:0; } 
.mehr { margin-top:0px; }
p#login-error { background-color:#F0E5D8;color:#BF4342;padding:5px 10px; }

#contact input {width:300px; }
#contact input.button {width:auto;}
#contact textarea {width:300px;}

#skyscraper {overflow:hidden;position:fixed;left:50%;margin-left:400px;top:100px;width:160px;height:600px;}
* html #skyscraper {position:absolute;}




/* TEMP */ .TPL { position:fixed;color:#000;background-color:#ffc;top:0;right:0;padding:5px;display:block !important;display:none;font:1.2em Arial, Helvetica, sans-serif;display:none; }
/* Stile nur für IE5/Mac
   Verwendet den "E5/Mac Band Pass Filter":
   http://stopdesign.com/examples/ie5mac-bpf/
----------------------------------------------- */
/*\*//*/
  #c-content {margin-top: 180px;}
  a.dprint {margin-top:-10px;}
/**/