/*
Standard CSS

@site       diehelferwiens.at
@author     Philipp Brunner // brunner@echonet.at
@copyright  echonet communication gmbh
		    schottenfeldgasse 24, 1070 vienna
	  	    http://www.echonet.at
@date       19.01.2010
@lastmodified 

@sections   =body
			=standard
				=anchors
				=headlines
				=list
				=images
			=base
			=snippets
*/
/* @section =body
-------------------------------------------------------------------*/
html, body, div, span, a, form, textarea, input, select, h1, h2, h3, h4, h5, h6, p, ol, ul {font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;}
body {background-repeat: repeat-x; background-position: 0 10px; position:relative;text-align:center;}
html {overflow-y:scroll;} /* Scrollbar immer rechts im Firefox ab 1.5 */
/* ----- =size ----- */
body.size0 { font-size:52.5%; } 
body.size1 { font-size:62.5%; } /*default size*/
body.size2 { font-size:70.5%; }
body.size3 { font-size:75.5%; }

/* @section =base
-------------------------------------------------------------------*/
#page { background-position: 50% 0; background-repeat: no-repeat; }
#parent {margin: 0 auto 5em;text-align: left;width:940px;padding: 0 10px 5em; }
#head { height: 190px; margin: 0; position: relative; }
#head #logo { margin: 0; position: absolute; top: 13px; left: 16px; z-index: 899; }
/*#head #head-img { float: right; }
#head #head-title { width: 710px; height: 190px; text-indent: -999em; position: absolute; bottom: 0; right: 0; margin: 0; background-position: 0 0; background-repeat: no-repeat; }
*/#main { margin: 35px 0 0; }
#sidebar { float: left; width: 200px; margin: 8px 30px 0 0; font-size: 1.3em; }
#content {float:right;font-size:1.3em;width:710px; }
#footer { background-position: 0 0; background-repeat: repeat-x; /*min-height: 160px;*/ font-size: 1.3em; width: 100%; }
#footer .inner { width: 940px; margin: 0 auto; padding: 10px 0 10px 0/*230px*/; /*background-position: 158px 5px; background-repeat: no-repeat; min-height: 142px;*/ text-align: left; }
#footer h3#logo-footer { width: 230px; height: 17px; text-indent: -999em; background-position: 25px 0; background-repeat: no-repeat; margin: 0em; float: left; }
#footer p { margin-bottom: 0; float: left; padding: 2px 0 0; }
#footer strong { padding: 0 20px 0 0; }
#footer a { text-decoration: none; }
#footer a:hover, #footer a:focus, #footer a:active { text-decoration: underline; }

/* ----- =header ----- */
ul#imgrotator {float: right;height: 190px;list-style:none;margin:0;padding:0; overflow:hidden;position:relative; white-space:nowrap;width: 710px;}
#imgrotator li {display:inline;}
#imgrotator img {vertical-align:bottom;}

/* ----- =navigation ----- */
#sitenav {font-size:1.2em;font-weight:bold;list-style:none;left:0;margin:0;text-transform:uppercase; }
#sitenav, #sitenav li {display:inline;}
#sitenav .wai {left:-1000px;position: absolute;top:-1000px; }
#sitenav .wai:focus, #sitenav .wai:active {position:absolute;top:10px;left:240px;white-space:nowrap;z-index:100;}
#sitenav a:link, #sitenav a:visited, #sitenav a:focus, #sitenav a:hover, #sitenav a:active {padding:3px 5px;text-decoration:none;border-width: 1px; border-style: solid;}
#sitenav a:focus, #sitenav a:hover, #sitenav a:active {}

ul#mnav { margin: 0 0 3em 0; }
ul#mnav li a { display: block; padding: .2em .3em .4em; border-top-width: 1px; border-top-style: solid; text-decoration: none; }
ul#mnav li a:hover, ul#mnav li a:focus, ul#mnav li a:active, ul#mnav li a.active { font-weight: bold; }
ul#mnav li ul { list-style-type: none; margin: 0 0 .8em; }
ul#mnav li ul li a { border-top: none; padding: 0 .3em; }

#sidebar p.button { background-position: 0 100%; background-repeat: no-repeat; margin: 0 0 10px; }
#sidebar p.button a { display: block; background-position: 0 0; background-repeat: no-repeat; padding: 8px 5px 5px 50px; font-size: 1.1em; line-height: 1; min-height: 30px; }
#sidebar p.sms a { font-size: 1.3em; padding-top: 12px; padding-bottom: 0; }

.button #versicherung, #versicherung {}

/* @section =modules
-------------------------------------------------------------------*/
/* ----- =news ----- */
ul.news { margin-left: 0; }
ul.news li { border-bottom-width: 1px; border-bottom-style: solid; padding: 0 0 1em; margin: 0 0 1em; }
ul.news li div.lead img, div.lead img { padding: 0 20px 20px 0; }
ul.news li h2.title { margin: 0 0 1em; }
ul.news li p.more { margin-bottom: 0; }
/* ----- =gallery/multigallery ----- */
ul.gallery-thumbs li { margin: 0 10px 10px 0; float: left; }
ul.gallery-thumbs li a { display: block; }
ul.gal-nav { width: 100%; position: relative; }
ul.gal-nav li.prev, ul.gal-nav li.next { width: 50%; height: auto; position: absolute; }
ul.gal-nav li.prev { left: 0; top: 0; }
ul.gal-nav li.next { right: 0; top: 0; text-align: right;}
.viewport { /*margin: 2em 0 0;*/ text-align: center; }
p.imgtext { margin: 2em 0 0; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; padding: 1em 0; }
ul.m-gal .lead p { margin-bottom: 0; }
.m-viewport { position: relative; }
/* ----- =forum ----- */
form#forum { border-top-width: 1px; border-top-style: solid; padding: 1.5em 0 0 0; }

/* @section =snippets
-------------------------------------------------------------------*/
/* ----- =layout ----- */
ul#c-sitenav, .v {height:0;left:-1000px;display:inline;overflow:hidden;position: absolute;top:-1000px;width:0;}
.ir  {text-indent: -1000em;outline:0;}
.none, #c-nav em, .print {display:none;visibility:hidden;}
.block {display:block;visibility:visible;}
.cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.cfix {display: block;zoom:1;}
.ofix {overflow: hidden;}

/* ----- =e2s ----- */
#e2s-box { background-position: 0 0; background-repeat: no-repeat; padding: 6px 0 0; }
#e2s-box .inner { background-position: 0 100%; background-repeat: no-repeat; padding: 15px; }
#e2s-box h2#e2s-header { width: 134px; height: 30px; text-indent: -999em; float: left; background-position: 0 0; background-repeat: no-repeat; margin: 0; }
#e2s-box p#e2s-help a { display: block; float: left; width: 18px; height: 18px; text-indent: -999em; background-position: 0 0; background-repeat: no-repeat; margin: 0; }
#e2s-box #e2s-color { float: left; width: 105px; }
#e2s-box #e2s-size { float: left; width: 60px; }
#e2s-box #e2s-color ul li, #e2s-box #e2s-size ul li { float: left; margin: 0 1px 1px 0; }
#e2s-box #e2s-color ul li a, #e2s-box #e2s-size ul li a { display: block; height: 16px; }
#e2s-box #e2s-color ul li img, #e2s-box #e2s-size ul li img { border-width: 1px; border-style: solid; }
#e2s-box h3 { font-weight: normal; font-size: 1.1em; }
body#schwarz #e2s-box ul li#e2s_schwarz, body#blau #e2s-box ul li#e2s_blau, body#weiss #e2s-box ul li#e2s_weiss, body#gelb #e2s-box ul li#e2s_gelb, body#normal #e2s-box ul li#e2s_standard { visibility: hidden; display: none; }

/* ----- =standard ----- */
.auto {width:auto;}
.brd img {border:1px solid;display:block;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
div.error {border-width:1px; border-style: solid; margin:0 0 .5em;padding:.5em 1em;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.m0 {margin:0;}
.mtd {margin-top:2em;}
.mt0 {margin-top:0;}
.mt {margin-top:1.5em;}
.mb0 {margin-bottom:0;}
.pad {padding:.5em 1em;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.vcenter {vertical-align:middle;}
.vcenter img {vertical-align:middle;}
.versal {text-transform:uppercase;}
.noem em { display: none; visibility: hidden; }

/* ----- =tabellen ----- */
table {border-collapse:collapse;border-spacing:0;empty-cells:show;font-family:Arial, Helvetica, sans-serif;width:100%;}
caption{}
thead{}
tbody{}
tfoot{}
thead th {}
th, td {font-family:Arial, Helvetica, sans-serif;font-size:1em;padding: .5em .5em;text-align: left; }
thead td, th {font-weight:bold;}

/* ----- =browse ----- */
ul.browse {font-size:1em;list-style:none;list-style-image:none;margin:1.38em 0;padding:0;}
.browse li {float:left;margin-bottom:.25em;margin-right:.25em;}
.browse .bprev, .browse .bpages {margin-right:1em;}
.browse li.bpages {float:none;display:inline;}
.browse ul strong, .browse ul span, .browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active {display:block;float:left;padding:1px 5px;text-decoration:none;}
.browse ul span {padding:2px 5px;}
.browse ul strong, .browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active {border:1px solid;}
.browse a:focus, .browse a:hover, .browse a:active { text-decoration:underline;}
.browse ul {display:inline;list-style:none;list-style-image:none;margin:0;padding:0;}

/* @section =standard Elemente
-------------------------------------------------------------------*/
/* ----- =anchors ----- */
a { outline:none;text-decoration: none; }
a:hover { text-decoration: underline; }
a.nu {text-decoration:none;} 
a.nu:hover {text-decoration: underline;}
a.sbutton { border-width: 1px; border-style: solid; padding: .3em .4em; text-decoration: none; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-position: 0 0; background-repeat: repeat-x; }
a.sbutton:hover, a.sbutton:focus, a.sbutton:active { background-position: 0 -100px; }
a.icon { background-position: 0 50%; background-repeat: no-repeat; margin: 0 0 0 10px; }
a.link_mail { padding-left: 23px; }
a.link_site { padding-left: 18px; }

/* ----- =headlines/ Überschriften/ Absätze ----- */
h1 {font-size: 2.4em;line-height:1.2;margin:1.09em 0 .7em; padding: 0; font-weight: normal; }
#content > h1:first-child, #content > h2:first-child, #content > h3:first-child, #content > h4:first-child, #content > h5:first-child, #content > h6:first-child, #content > p:first-child, #content > ul:first-child { margin-top: 0; }
h2 {font-size: 1.6em;line-height:1.2;margin:1em 0 .33em; font-weight: normal;}
h3 {font-size: 1.33em;line-height:1.2;margin:1.13em 0 .38em; }
h4 {font-size: 1.17em;line-height:1.2;margin:1.29em 0 .43em;}
h5 {font-size: 1em;line-height:1.5;margin:1.5em 0 .5em;}
h6 {font-size: 0.915em;line-height:1.64;margin:1.64em 0 .55em;}
p {line-height: 1.5;margin: 0 0 1.5em; }
p.more { }
p.back { margin: 0 0 .8em; }
p.date { font-style: italic; margin-bottom: .5em; }

/* ----- =list ----- */
li {line-height: 1.5;}
ol {margin:1.5em 0 1.5em 2.5em;}
ul.tarn li ul, ul.tarn li ol, ul {margin:1.5em 0 1.5em 2.5em;list-style-type:disc;}
ul.tarn {list-style:none;margin:0;padding:0;}

/* ----- =image ----- */
img {border:0;}
.fright img, img.fright {margin: 0 0 .3em .8em;}
.fleft img, img.fleft {margin: 0 .8em .3em 0;}