/*
Standard CSS

@site       eternitdachtchek.at
@copyright  netural communication gmbh
		    europaplatz 4, 4020 linz
	  	    http://www.netural.at
@date       19.01.2009
@lastmodified 

@sections   =body
			=fontsize
			=standard
				=anchors
				=headlines
				=list
				=images
			=base
			=module
				=article
			=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-color:#fff;color:#FFFFFF;font-size:12px;position:relative;text-align:center;}
html {overflow-y:scroll;} /* Scrollbar immer rechts im Firefox ab 1.5 */

/* @section =standard Elemente
-------------------------------------------------------------------*/
/* ----- =anchors ----- */
a:link, a:visited, a:focus, a:hover, a:active {color: #BF4342;outline:none;text-decoration:none;}
a:hover { text-decoration:underline;}
a.nu:link, a.nu:visited, a.nu:focus, a.nu:hover, a.nu:active {text-decoration:none;} 
a.nu:hover {text-decoration: underline;}
a.spc:link, a.spc:visited, a.spc:focus, a.spc:hover, a.spc:active {color: #BF4342;}
a.spc:hover {}

/* ----- =headlines/ Überschriften/ Absätze ----- */
/* Zeilenhöhe 18px */
h1 {font-size: 1.83em;line-height:1.09;margin:1.09em 0 .27em;}/*22px*/
h2 {font-size: 1.5em;line-height:1;margin:1em 0 .33em;}/*18px*/
h3 {font-size: 1.33em;line-height:1.13;margin:1.13em 0 .38em;}/*16px*/
h4 {font-size: 1.17em;line-height:1.29;margin:1.29em 0 .43em;}/*14px*/
h5 {font-size: 1em;line-height:1.5;margin:1.5em 0 .5em;}/*12px*/
h6 {font-size: 0.915em;line-height:1.64;margin:1.64em 0 .55em;}/*11px*/
p {line-height: 1.5;margin: 0 0 1em;}

/* Erster Buchstabe des Absatzes Groß und hinterlegt
p:first-child:first-letter{float:left;font-size:1.6em;padding:5px;background:#000;color:#fff;margin-right:4px;font-weight:bold;}
p:first-child:first-line{font-variant:small-caps;}
*/

/* ----- =list ----- */
li {line-height: 1.5;}
ol {margin:1.5em 0 1.5em 2.5em;} /* position: relative; Verhindert das verschwinden von Hintergrundbilder bei Listen */
ul.tarn li ul, ul.tarn li ol, ul {margin:1.5em 0 1.5em 1.67em;list-style-type:square;}
ul.tarn {list-style:none;margin:0;padding:0;}

/* ----- =image ----- */
img {border:0;}/* display:block; Verhindert whitespace unter bild */
.fright img, img.fright {margin: 0 0 .3em .8em;}
.fleft img, img.fleft {margin: 0 .8em .3em 0;}

/* @section =base
-------------------------------------------------------------------*/
#c-parent {margin: 0 auto;position: relative;text-align: left;width: 955px;}
#c-header {height:90px; background-color:#000;}
.c-logo{position:absolute; top:24px; left:30px;}
.button{ position:absolute; top:15px; right:10px;}
#c-content {font-size:1.17em; min-height:527px; background:#000000 url(/images/BG_Eternit-Dach-Check-Formular.jpg) repeat-x top left; padding:128px 0 0 173px;}
.thanks #c-content {padding:46px 70px 0 30px;}


.inprint a:link,.inprint a:visited,.inprint a:focus,.inprint a:hover,.inprint a:active{color:#545454;}
/* @section =module
-------------------------------------------------------------------*/
.col-right{ width:330px; height:auto;float:right;}
.thanks .col-right{ padding-top:60px;}
.formular .col-right{ width:480px;}
.col-left{ width:265px; height:auto; float:left; font-size:12px;}
.slogan{ margin:0 0 50px 0;}

.col-right .big{ font-size:1.5em;text-align:center;}
.col-right .bigsub{ font-size:1.2em;text-align:center;}

.haus{ margin-top:80px;margin-left:30px;}
.haus span{ margin-top:70px;}

.haus a:link,.haus a:visited,.haus a:focus,.haus a:hover,.haus a:active{padding-left:33px; color:#FFFFFF; text-decoration:underline;}



/* @section =formular
-------------------------------------------------------------------*/
#formmail label{ display:none;}

/* ----- +form layout ----- */
form {clear: both;margin:0;padding:0;width:100%;}
form.bg {padding:2%;width:96%;}
fieldset {border:0 none;margin:0;padding:0;text-align: left;}
legend {font-weight:bold;font-size:1.1em;margin-bottom: .5em;}
form h2 {margin-top:0;}
form p {margin:.5em 0;}
form ul {list-style-type:none;margin:0;overflow:hidden;padding:0;}
form ul li {background-image:none;float:left;list-style-image:none;padding:4px 0;width:100%;}
form ul label {display:block;float:left;margin:0;width:8em;}
form li.req {background-color:#ccc;}

/* ----- +form label ----- */
form small {clear:both;}
label {float:left;margin:.2em .5em 0 0;width:7em;}
form .checktxt, form .radioktxt {margin-top:.15em;vertical-align:top;width:13.5em;}
label span{ color:#e8e4e1;}
/* ----- +form elements ----- */
input, select, textarea {background-color: #cccccc;border: 1px solid #666;color:#333333;float:left;font-size:1em;width:31.5em; padding:0 .2em .8em  .4em;}
select {margin-right:.3em;width:32.2em;}
option {padding-left: 0.4em;} /* resets rendering error */
textarea {vertical-align:top;}
input.button {padding:.2em .4em;text-align:center;width: 15.8em;}
input.nobutton {border:0 none;font-weight:bold;padding:.2em .4em;width: auto;}
input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:.2em;padding:0;width:auto;}
input.check {background-color: transparent;border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
input.radio {background-color: transparent;border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
input:focus, select:focus, textarea:focus {border-color:#626262;}
label, input[type=checkbox], input[type=radio], input[type=submit] {cursor:pointer;}

/* ----- +form standard----- */
form .auto {width:auto;}
form .info {background-color:#ccc;color:#333;font-size:0.85em;margin: 0 0 1em;padding:.5em;}
form .inline {display:inline;}
form .long {width:20em;}
form .right {margin-left:7.5em;text-align:left;}
form .short {width:15.16em;}
form .shortli{ width:16.3em;}
form .lisend, form .liabort{ width:7em;}
form #send{ font-size:1.5em; width:7em; margin-left:237px; border:none; background:none; text-align:right; color: #fff; }
form #abort{font-size:1.5em; width:7em; border:none; background:none; padding-left:0;}
form .top {margin-top:.2em;vertical-align:top; }


/* @section =ie6 / ie7 debug
-------------------------------------------------------------------*/
.cfix, .ofix, .iefix {zoom:1;}
* html #c-content {height:500px;}
*html form #send{margin-left:59px;}
*html form #send, *html form #abort{ cursor:pointer;}


/* @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 {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;}

/* ----- =standard ----- */
.auto {width:auto;}
.brd img {border:1px solid;display:block;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.m0 {margin:0 0 0 813px;}
.mtd {margin-top:2em;}
.mt0 {margin-top:0;}
.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;}




m 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;}