/*
Standard CSS

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

/* @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 { cursor:auto; line-height:1.23; height:100%; text-align: center; background-position: 0 0; background-repeat: repeat-x; }
body.size0 { font-size:52.5%; } 
body.size1 { font-size:62.5%; } /*default size*/
body.size2 { font-size:70.5%; }
body.size3 { font-size:78.5%; }
html { height:100%; }

/* @section =layout-container
-------------------------------------------------------------------*/
#c-parent { background-position: top left; background-repeat: no-repeat; margin: 34px auto 0; overflow:auto; position: relative; width: 912px; }
#c-page-wrap { background-position: top left; background-repeat: repeat-y; margin-top: 10px; }
#c-page-content { background-position: bottom left; background-repeat: no-repeat; padding-bottom: 3em; margin-bottom: 10em;}
#c-logo { position: absolute; top: 29px; left: 41px; width: 243px; height: 74px; }
#c-nav { position: absolute; top: 6px; right: 32px; }
#c-main { text-align: left; padding-top: 12em; margin: 0 31px; }
#c-text { margin-left: 20px; }
#c-content { float: right; width: 570px; }
#c-sidebar { width: 260px; margin: 22px 590px 0 0; }

/* @section =layout
-------------------------------------------------------------------*/
.v { height:0; left:-1000px; display:inline; overflow:hidden; position: absolute; top:-1000px; width:0; }
.ir { text-indent: -1000em; outline:0; }
.ir a { outline: 0; }
#c-nav em, #c-lnav em, #c-mnav em, #c-snav em, ul.tarn em, ul.list em, ul.downloads em, ul.galleries em, .none { display:none; visibility:hidden; }
.block { display:block; visibility:visible; }
.cfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cfix { display: block; }
.ofix { overflow: hidden; }
.clear { clear: both; }

/* @section =navigation
-------------------------------------------------------------------*/
#c-nav li { float: left; margin: 0 0 0 1px; background-position: bottom left; background-repeat: no-repeat; zoom:1;}
#c-nav li a:link, #c-nav li a:visited, #c-nav li a:focus, #c-nav li a:hover, #c-nav li a:active { /*width: 20px;*/ position: relative; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; padding: 6em 1.7em 1em 1.7em; background-position: bottom right; background-repeat: no-repeat; }
#c-nav li.active { background-position: bottom left; background-repeat: no-repeat; }
#c-nav li.active a { background-position: bottom right; background-repeat: no-repeat; }
#c-nav li a:hover { text-decoration: none; }
#c-nav li a:hover strong { text-decoration: underline; }
#c-nav li strong { font-size: 1.5em; }
#c-nav li em { display: block; visibility: visible; font-style: normal; position: absolute; top: 0; left: 0; font-size: 1.1em; text-align: center; width: 100%; padding: 1.5em 0 0 0; cursor: pointer; }
#c-nav li em span { display: block; padding: 0 5%; }

/* @section =standard Elemente
-------------------------------------------------------------------*/
/* ----- =anchors ----- */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* ----- =headlines ----- */
h1 { font-size: 2.1em; font-weight: normal; line-height:1; margin-bottom: .5em; }/*21px*/
#c-logo h1 { margin: 0; }
p { font-size: 1.3em; margin: 0 0 1.5em; line-height: 1.5em; }
p.date { font-size: 1.1em; margin-bottom: .5em; }
p.more { margin-bottom: 0; font-weight: bold; }

/* ----- =list ----- */
#c-content ul, #c-content ol {margin:1em 0 2em 2em;padding:0; } 
#c-content ul li, #c-content ol li { color: #323640; font-size: 1.3em;line-height: 1.5em;}
ul.tarn, ol.tarn, #c-content ul.tarn, #c-content ol.tarn { list-style:none; margin:0; padding:0; }
ul.tarn li, ol.tarn li, #c-content ul.tarn li, #c-content ol.tarn li { background: none; padding: 0; margin: 0; font-size: 1em; }
#c-content ul.news li { padding-bottom: 1em; margin-bottom: 2em; }
#c-content ul.news li img, .lead img {float:left;margin:0 10px 0 0;}
/* ----- =image ----- */
img { border:0; }
.fright img, img.fright {  float: right; margin: 0 0 .3em .8em; }
.fleft img, img.fleft { margin: 0 .8em .3em 0; }

/* @section =forms
-------------------------------------------------------------------*/

/* @section =module
-------------------------------------------------------------------*/
/* ----- =news ----- */






/* @section =snippets
-------------------------------------------------------------------*/
/* ----- =notrufe----- */
h3.notruf { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; background-position: top left; background-repeat: no-repeat; width: 100px; text-align: center; padding: 3px 0 0 0; right: 50px; position: absolute; height: 19px; }
#c-notrufe { margin: 22px 0 2em 0; background-position: top left; background-repeat: no-repeat; }
#c-notrufe ul.notruf { background-position: bottom left; background-repeat: no-repeat; }
#c-notrufe ul.notruf li { float: left; margin: 1em 0 1em 20px; }
#c-notrufe ul.notruf li h4 { font-size: 1.3em; font-weight: bold; float: left; padding: .6em .5em 0 0; }
#c-notrufe ul.notruf li p { font-size: 2.5em; font-weight: bold; float: left; margin: 0;}
/* ----- =e2s----- */
#c-e2sbox { position: relative; background-position: top left; background-repeat: no-repeat; margin: 10px 0; }
#c-e2sbox #c-e2sbox_inner { background-position: bottom left; background-repeat: no-repeat; padding: 10px; }
#c-e2sbox ul { float: left; }
#c-e2sbox ul li { float: left; padding: 0; margin: 0 1px 0 0; width: 22px; }
#c-e2sbox ul li#help { width: 16px; }
#c-e2sbox #c-e2sbox_inner h3 { font-size: 1.2em; font-weight: normal; float: left; margin: .2em .2em 0 0; }
#c-e2sbox #c-e2sbox_inner #e2s_farbe { width: 132px; float: left; }
#c-e2sbox #c-e2sbox_inner #e2s_groesse { width: 107px; float: right; }
#c-e2sbox ul li img { border-style: solid; border-width: 1px; }
#c-e2sbox ul li#help img { border: none; }
body#schwarz #c-e2sbox ul li#e2s_schwarz, body#blau #c-e2sbox ul li#e2s_blau, body#weiss #c-e2sbox ul li#e2s_weiss, body#gelb #c-e2sbox ul li#e2s_gelb, body#standard #c-e2sbox ul li#e2s_standard { visibility: hidden; display: none; }
/* ----- =alarmsignale----- */
#c-signalbox { position: relative; background-position: top left; background-repeat: no-repeat; }
#c-signalbox_inner { position: relative; background-position: bottom left; background-repeat: no-repeat; padding: 15px; }
#c-signalbox h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.7em; margin-bottom: 1em; }
#c-signalbox h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold;  }
#c-signalbox ul .signal_detail { position: absolute; top:0; right: 0; }
#c-signalbox ul .signal_detail img { float: left; margin-right: 5px; }
#c-signalbox ul .signal_detail .flashsound { border: 1px solid #000000; width: 20px; height: 20px; float: left; }
#c-signalbox p { padding: 1em 0 0 0; line-height: 1.2em; margin: 0;}
#c-signalbox ul {  }
#c-signalbox ul li { border-bottom-style: solid; border-width: 1px; padding-bottom: 1em; margin-bottom: 1em; position: relative; }
#c-signalbox ul li.last { border-bottom: none; }
#c-signalbox ul .signal_detail a, #c-signalbox ul .signal_detail a:link, #c-signalbox ul .signal_detail a:visited, #c-signalbox ul .signal_detail a:hover, #c-signalbox ul .signal_detail a:active, #c-signalbox ul .signal_detail a:focus { /*display: block; width: 21px; height: 21px; background: transparent url(gfx/link_audio.png) center center no-repeat;*/display:block; position:relative;padding-right:30px;}
#c-signalbox ul .signal_detail span {background-repeat:no-repeat;height:20px;position:absolute;right:0;top:0;width:20px;}

/* ----- =partner----- */
#c-partner ul li { margin-top: 1em; }
/* ----- =adressbox----- */ 
#c-adressbox { margin: 10px 15px 0 15px; }
#c-adressbox address { font-style: normal; font-size: 1.3em; background-position: top left; background-repeat: no-repeat; padding: 0 0 0 27px; }

/* ----- =infobox----- */
.testbox_outer { position: relative; background: url(gfx/bg_e2sbox_top.png) no-repeat top left; zoom: 1; } 
.testbox_outer ul { background: url(gfx/bg_e2sbox_bottom.png) no-repeat bottom left; padding: 15px; }

/* ----- =infobox----- */
#c-infobox { position: relative; width: 230px; height: 147px; background-position: top left; background-repeat: no-repeat; padding: 15px; margin: 0 0 10px 0; } 
#c-infobox h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.6em; }
#c-infobox a.map { position: absolute; display: block; }
#c-infobox a.map:hover { background-position: top left; background-repeat: no-repeat; }
#c-infobox a#map_wien { top: 63px; left: 210px; width: 22px; height: 19px; }
#c-infobox a#map_noe { top: 46px; left: 162px; width: 75px; height: 65px; }
#c-infobox a#map_burgenland { top: 78px; left: 210px; width: 32px; height: 66px; z-index: 10; }
#c-infobox a#map_steiermark { top: 96px; left: 139px; width: 79px; height: 53px; }
#c-infobox a#map_ooe { top: 59px; left: 114px; width: 64px; height: 59px; z-index: 11; }
#c-infobox a#map_salzburg { top: 93px; left: 96px; width: 58px; height: 46px; z-index: 12; }
#c-infobox a#map_kaernten { top: 130px; left: 114px; width: 72px; height: 31px; z-index: 13; }
#c-infobox a#map_tirol { top: 108px; left: 40px; width: 86px; height: 46px; }
#c-infobox a#map_vorarlberg { top: 117px; left: 20px; width: 24px; height: 34px; }

/* @section =tables
-------------------------------------------------------------------*/
table { border-collapse:collapse; border-spacing:0; empty-cells:show; font-family: Arial, Helvetica, sans-serif; }
caption { }
thead { }
tbody { }
tfoot { }
thead th { }
th, td { font-family: Arial, Helvetica, sans-serif; font-size:1.2em; padding: .5em .5em; }
thead td, th { font-weight:bold; }

/* @section =forms
-------------------------------------------------------------------*/
form.f-std { position: relative; }
form.f-std fieldset { margin: 0; padding: 0; border: none; }
form.f-std legend { display: none; visibility: hidden; }
#c-content form.f-std ol.tarn li { padding-bottom: 1em; }
form.f-std ol ul {float:left;margin:0;padding:0;width:300px;}
form.f-std ol ul li {float:left;padding:2px 0;width:100%;}
form.f-std label { font-size: 1.3em; display: block; width: 200px; float: left; padding: .4em 0 0; }
form.f-std input.text { width: 280px; border-style: solid; border-width: 1px; padding: .3em; }
form.f-std textarea { width: 280px; height: 200px; border-style: solid; border-width: 1px; padding: .3em; }
form.f-std button { margin: 20px 0 0 200px; background-position: 0 0; background-repeat: none; width: 150px; height: 23px; border: 0; font-weight: bold; }
form label.checktxt {margin-top:=;padding-top:0;vertical-align:top;width:270px;}
form input.checkbox {background-color: transparent;border: 0 none;float:left;margin:0 5px 0 0;padding:0;width:auto;}