@charset "iso-8859-1";

/* ---------------------------------------------------------- 
/* Autor: Michael Martin, m-dev.ch
/* Datum: 09.11.2009
/* Copyright: (c)2009 m-dev.ch
/* ------------------------------------------------------- */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, tr, td { margin: 0; padding: 0; }

html  { height:100%; margin-bottom:1px; overflow-y:scroll; }
body  { color:#000; font-family: Verdana, Arial, sans-serif; font-size:12px; }
#page { background:#333 url(../img/bg_page.gif) top center repeat; margin-top:5px; }


a, a:link, a:visited  { color:#AA0000; text-decoration:none; }
a:hover, a:active     { color:#FF9C2A; text-decoration:none; }

h1, h2, h3 { background:#730000; color:#fff; clear:both; display:block; padding:0 10px; }
h1 { font-size: 20px; font-weight:bold;   height:40px; line-height:40px; margin: 0 0 30px 0; }
h2 { font-size: 13px; font-weight:normal; height:20px; line-height:20px; letter-spacing:1px; margin:0 0 10px 0; }
h3 { font-size: 14px; font-weight:bold; }

p, ul, ol, td { line-height:150%; margin:0 0 20px 0; }

.clr { clear:both; display:block; height:1px; overflow:hidden; }

/*
-----------------------------------------
  LAYOUT
-----------------------------------------
*/
div#container { background:#fff; margin:0 auto; width:962px; overflow:hidden; text-align:left; }
div#header    { display:block; height:100px; overflow:hidden; position:relative; }
div#logo      { position:absolute; top:20px; left:20px; }
div#promo     { position:absolute; top:0; left:300px; width:250px; height:100px; }
div#plaquette { position:absolute; top:0; right:30px; }
div#nav       { display:block; height:20px; margin:0 0 3px 0; overflow:hidden; position:relative; }
div#content   { display:block; border:1px solid #730000; margin:0 20px 0 20px; overflow:hidden; }
div#left      { display:block; float:left; width:470px; overflow:hidden; margin:0 20px 0 0; }
div#right     { display:block; float:left; width:430px; overflow:hidden; }
div#footer    { display:block; clear:both; margin:0 20px; padding:10px 0; font-size:10px; position:relative; }

#footer a, #footer a:visited  { color:#000; }
#footer a:hover               { color:#a00; }
#footer span.views            { color:#fff; position:absolute; top:10px; right:0; }

/*
-----------------------------------------
  SETCARD CITY OVERVIEW STYLING
-----------------------------------------
*/
#setcard_list           { display:inline; float:left; width:660px; overflow:hidden; margin:0 0 20px 20px; padding:0 0 20px 0; position:relative; }
div.list_item           { border:1px solid #730000; display:block; float:left; width:98px; height:141px; overflow:hidden; margin:0 10px 10px 0; position:relative; z-index:1; }
div.list_item span.neu  { background:url(../img/neu.gif) top left no-repeat; height:25px; width:25px; z-index:99; position:absolute; top:0; left:0; }
div.list_item .ort      { background:#730000; color:#fff; position:absolute; bottom:0; left:0; font-size:10px; height:13px; width:98px; text-align:center; text-transform:uppercase; }

div#list_nav            { background:#730000 url(../img/nav_arrow.gif) center right no-repeat; color:#fff; font-size:11px; padding:0 3px; position:absolute; bottom:0; right:10px; height:15px; line-height:15px; padding:0 20px; overflow:hidden; }

#banner_right           { display:inline; float:right; width:175px; overflow:hidden; margin:0 20px 20px 0; }
div#banner_right img    { border:none; margin:0 0 5px 0; }

#text_ad_bottom         { clear:both; display:block; /*width:660px;*/ margin:0 0 20px 20px; overflow:hidden; }
div.text_ad             { border:1px solid #730000; display:block; float:left; margin:0 12px 10px 0; width:209px; overflow:hidden; }
div.text_ad h3          { display:block; background:none; color:#730000; font-size:11px; font-weight:bold; line-height:100%; margin:0; padding:3px 3px 2px 3px; text-align:center; }
div.text_ad p           { color:#333; font-size:10px; line-height:120%; margin:0; padding:3px; text-align:center; height:25px; }


/*
-----------------------------------------
  SETCARD DETAIL STYLING
-----------------------------------------
*/
#nav span.region                    { margin:0 0 0 20px; font-size:11px; height:11px; line-height:11px; }
#nav span.region img                { border:1px solid #333; }
#nav a, #nav a:visited              { color:#000; text-decoration:none; }
#nav a:hover                        { color:#a00; text-decoration:none; }

#nav ul                             { list-style-type:none; position:absolute; top:0; right:15px; overflow:hidden; }
#nav ul li                          { display:inline; float:left; height:13px; line-height:13px; }
#nav ul li a, #nav ul li a:visited  { color:#000; display:block; float:left; font-size:11px; padding:0 5px; }
#nav ul li a:hover                  { color:#a00; font-size:11px; }

p.info-lft, p.data-lft              { display:inline; float:left; padding:0 0 0 10px; }
p.info-lft                          { width:140px; }
p.data-lft                          { width:250px; }

table.info-lft                      { display:inline; float:left; margin:0 0 20px 10px; width:452px; }
table.info-lft tr td                { vertical-align:top; }
table.info-lft tr td.col1           { width:152px; }
table.info-lft tr td.col2           { width:300px; }

ul.service                          { clear:both; display:block; overflow:hidden; padding:0 0 0 10px; list-style-type:none; }
ul.service li                       { background: url(../img/list-icon.jpg) left center no-repeat; display:block; float:left; width:135px; padding:0 0 0 15px; }
p.service                           { clear:both; display:block; overflow:hidden; padding:0 0 0 10px; text-align:justify; }


div#right img                       { padding:4px; border:1px solid #a00; margin:0 15px 15px 0; }

/* Footer Menu */
#footer ul                                { list-style-type:none; position:absolute; top:10px; right:0; overflow:hidden; }
#footer ul li                             { display:inline; float:left; height:12px; line-height:12px; }
#footer ul li a, #footer ul li a:visited  { color:#000; display:block; float:left; font-size:10px; padding:0 5px; }
#footer ul li a:hover                     { color:#a00; }



/*
-------------------------------------------
  SETCARD AUFGEBEN STYLING
-------------------------------------------
*/
#setcard-aufgeben       { display:inline; float:left; width:600px; overflow:hidden; margin:0 0 20px 20px; padding:0 0 20px 0; position:relative; }
#setcard-aufgeben_right { display:inline; float:right; width:235px; overflow:hidden; margin:0 20px 20px 0; }

form.setcard-aufgeben               { clear:both; display:block; }
form.setcard-aufgeben p.small       { font-size:10px; margin:-5px 10px 20px 10px; }
form.setcard-aufgeben ul            { list-style-type:none; background:none; padding:0; margin:0 10px 25px 10px; }
form.setcard-aufgeben ul li         { clear:both; display:block; margin:0 0 5px 0; }
form.setcard-aufgeben label         { display:block; float:left; width:130px; }
form.setcard-aufgeben input         { width:300px; }
form.setcard-aufgeben input.file    {  }
form.setcard-aufgeben input.submit  { width:150px; }
form.setcard-aufgeben textarea      { width:300px; height:50px; }
form.setcard-aufgeben select        { width:150px; }

form.setcard-aufgeben .w145         { width:145px; }
form.setcard-aufgeben .w150         { width:150px; }
form.setcard-aufgeben .w200         { width:200px; }

.rechnungsbetrag                    { display:none; color:#a00; padding:0 0 0 10px; font-weight:bold; }

ul.right                            { margin:0; padding:0 0 0 20px; list-style:square; }
#setcard-aufgeben_right p           { padding:0 5px;  }

label.error { display:none; height:0px; visibility:hidden; }
input.error { border:1px solid #f00; background:#FFDFDF; padding:2px; }

/*
-------------------------------------------
  REGION WAEHLEN
-------------------------------------------
*/
ul.region-waehlen             { list-style:none; margin:0; padding:0; }
ul.region-waehlen li          { display:inline; float:left; margin:0 20px 5px 0; width:200px; }
ul.region-waehlen li img      { margin: 0 15px 0 0; }
ul.region-waehlen li a        { background:#eee; color:#000; display:block; height:25px; line-height:25px; }
ul.region-waehlen li a:hover  { background:#ddd; }

/*
-------------------------------------------
  PREISE UEBERSICHT
-------------------------------------------
*/
table.preise            { padding:0 0 15px 0; border:none; border-collapse:collapse; }
table.preise tr         { border-bottom:1px dashed #bbb; }
table.preise tr.row1    { background:#e4e4e4; }
table.preise tr.row2    { background:#efefef; }
table.preise tr td      { padding:4px 5px; }
table.preise tr td.col1 { width:70px; }
table.preise tr td.col2 { width:420px; }
table.preise tr td.col3 { width:80px; }