/*
Print CSS

@site       novelli.at
@author     Sindre Wimberger // wimberger@echonet.at
@copyright  echonet communication gmbh
		    schottenfeldgasse 24, 1070 vienna
	  	    http://www.echonet.at
@date       17.12.2007
@lastmodified 
@sections   =body
			=fontsize
			=standard
				=anchors
				=headlines
				=list
				=images
			=base
				=navigation
				=unternavigation
			=module
				=menu
				=product
				=flash/=googlemaps
			=snippets
				=layout
				=standard
				=imagebar
				=tabellen
				=form
*/
@import url("m-form.css");

/* @section =body
-------------------------------------------------------------------*/
html, body, div, p, h1, h2, h3, ul, ol, span, table, td, form, li {padding: 0;font-family:"Times New Roman", Times, serif;}
body {color:#000;font-size:62.5%;margin:0;text-align: left;}
html {margin:0;}

/* @section =standard Elemente
-------------------------------------------------------------------*/
/* ----- =anchors ----- */
a:link, a:visited, a:focus, a:hover, a:active {color: #C3B054;outline:none;text-decoration: underline;}
a:hover {}
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,
.spc a:link, .spc a:visited, .spc a:focus, .spc a:hover, .spc a:active {color:#1A0500;}

/* ----- =headlines/ Überschriften/ Absätze ----- */
/* Zeilenhöhe 18px */
h1 {font-size: 1.83em;font-weight:normal;line-height:1.09;margin:1.09em 0 .27em;}/*22px*/
h2 {font-size: 1.5em;font-weight:normal;line-height:1;margin:1em 0 .33em;}/*18px*/
h3 {font-size: 1.33em;font-weight:normal;line-height:1.13;margin:1.13em 0 .38em;}/*16px*/
h4 {font-size: 1.17em;font-weight:normal;line-height:1.29;margin:1.29em 0 .43em;}/*14px*/
h5 {font-size: 1em;font-weight:normal;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 1.5em;}

/* ----- =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 {position:relative;}
#c-logo {border-top:100px solid #402416;border-bottom:5px solid #C3B054;margin:0 0 10px;}
#c-logo img {left:10px;position:absolute;top:20px;}
#c-content {font-size:1.4em;}
img.header {border:1px solid #4E3221;}
/*#address {clear:both;border-top:1px solid #C3B054;color:#C3B054;font-style:normal;font-size:1.4em;margin:30px 0 0;padding:10px 0 0; text-align:left;}*/
#address {color:#C3B054;font-style:normal;font-size:1.4em;left:200px;position:absolute;top:10px;text-align:left;}
#address .note {position:absolute;left:210px;top:49px;width:230px;}
#address strong {color:#C3B054;}
#address a:link, #address a:visited, #address a:focus, #address a:hover, #address a:active {color: #C3B054;outline:none;text-decoration: none;}
.navtitle {color:#4E3221;text-align:right; text-transform:uppercase;}

/* @section =module
-------------------------------------------------------------------*/
/* ----- =article ----- */
ul.article {list-style:none;margin:0;padding:0;}
ul.article li {margin: 0 0 1em;}
ul.article h2, ul.article h2.title {margin:.1em 0;}
ul.article h3, h3.subtitle {font-size:1em;line-height: 1.5;}
ul.article h3, h3.subtitle, ul.article p {margin:.2em 0;}

/* ----- =menu ----- */
ul#menu, ul#menu ul {list-style:none;margin:0;padding:0;}
ul#menu ul {}
ul#menu li {border:1px solid #4E3221;margin:5px 0 0;padding:10px 10px;}
#c-content .menujs li {margin:2px 0 0;overflow:hidden;position:relative;}
#c-content .menujs li li {border:0 none;margin:10px 0 0;overflow:auto;}
ul#menu li.active {padding:10px;}
ul#menu li li {padding:0;}
ul#menu li li p {margin:0;}
ul#menu li li p.line {line-height:1.2;position:relative;padding: 0 100px 0 0;}
ul#menu li li span {padding-right:10px;}
ul#menu li li em {bottom:0;font-style:normal;padding-left:5px;position:absolute;right:0;}
ul#menu h3 {color:#C3B054;cursor:pointer;font-weight:normal;margin:0;text-transform:uppercase;}

/* ----- =product ----- */
ul.order {list-style:none;margin:0;padding:0;}
ul.order li {border:1px solid #4E3221;float:none;margin:10px 0 0;padding:10px 10px;width:auto;}
ul.order button {float:left;margin:0;}
ul.order label {font-weight:bold;margin-right:1em;margin-top:0;width:auto;}
ul.order input {text-align:center;margin-top:.1em;}
ul.order .stk {float:left;margin:0 2em 0 .5em;}
ul.order .descr {clear:both;padding:1em 0 0;}
.cancel {font-size: .67em;margin:0 0 0 1em;}
ul.basket {list-style:none;margin:0;padding:0; width:80%;}
ul.basket li {border-top:1px solid #1A0500;padding:.1em 0;}
.sum {border-top:3px double #1A0500;margin:.1em 0 0;padding-top:.2em;width:80%;}
form#gutschein legend {padding-left:10px;}

/* ----- =flash ----- */
#googlemap {background:#fff;color:#402416;height:371px;width:100%;}

/* @section =snippets
-------------------------------------------------------------------*/
/* ----- =layout ----- */
.page {page-break-after: always;} /* Inhalt beginnt auf einer neuen Seite  */
ul#c-sitenav, #c-nav, #c-mnav, .tools, .flash, #overlay, #lightbox, .v, .versteckt, .none {display: none; visibility:hidden;}

/* ----- =standard ----- */
.auto {width:auto;}
#c-parent .fnormal {font-weight:normal;}
.big {font-size:1.43em;}
.bg {border:1px solid #4E3221;padding:10px;}
.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;}
.mtd {margin-top:2em;}
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
.pad {padding:.5em 1em;}
/*.textpad {padding:0 10px;}*/
.spc {color:#1A0500;}
.spc2 {color:#C3B054;}
.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;}

/* ----- =imagebar ----- */
body.col #c-text {float:left;width:420px;}
body.col .imagebar {border:1px solid #4E3221;float:right;margin:0 0 30px;overflow:hidden;width:216px;}
body.col .imagebar img {display:block;}
body.col .imagebar ul {float:left;list-style:none;margin: 0;padding:8px 0 0 8px;}
body.col .imagebar ul li {float:left;height:98px;margin:0 4px 4px 0;overflow:hidden;width:98px;}
body.col .s1of4 a:link, body.col .s1of4 a:visited, body.col .s1of4 a:focus, body.col .s1of4 a:hover, body.col .s1of4 a:active, 
body.col .s1of6 a:link, body.col .s1of6 a:visited, body.col .s1of6 a:focus, body.col .s1of6 a:hover, body.col .s1of6 a:active {cursor:pointer;display:inline;float:left;margin:8px 0 0 8px;overflow:hidden;position:relative;width:205px;}
body.col .s1of6 a:link, body.col .s1of6 a:visited, body.col .s1of6 a:focus, body.col .s1of6 a:hover, body.col .s1of6 a:active {height:307px;}
body.col .s1of4 a:link, body.col .s1of4 a:visited, body.col .s1of4 a:focus, body.col .s1of4 a:hover, body.col .s1of4 a:active {height:205px;}
body.col .s1of6 img, body.col .s1of4 img {position:absolute;z-index:1;}
body.col .s1of6 span, body.col .s1of4 span {background-repeat:no-repeat; display:block;height:100%;position:absolute;width:100%;z-index:10;}
body.col .s4of4 a:link, body.col .s4of4 a:visited, body.col .s4of4 a:focus, body.col .s4of4 a:hover, body.col .s4of4 a:active, 
body.col .s6of6 a:link, body.col .s6of6 a:visited, body.col .s6of6 a:focus, body.col .s6of6 a:hover, body.col .s6of6 a:active {position:relative;}

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

/* ----- =form ----- */
input, select, textarea {background-color:transparent;background-image:none;border-bottom: 1px dashed #C3B054;color:#C3B054;}
a:link.button, a:visited.button, a:focus.button, a:hover.button, a:active.button, button {background-image:none;background-color:transparent;border:1px solid #71553D;color:#71553D;}
form.bg {border:0 none;padding:0;}
form.bg fieldset {border:1px solid #4E3221;padding:10px;}