/*

***************************************************************************************
*                                                                                     *
*   SWISSHAUS                                                                         *
*   http://www.swisshaus.ch                                                           *
*                                                                                     *
*   S C R E E N . C S S                                                               *
*                                                                                     *
*   Last modified: 18. Mai 2010 / 14:20                                               *
*                                                                                     *
**************************************************************************************/



/*  B A S I C S
------------------------------------------------------------------------------------ */

* { border: 0; margin: 0; padding: 0; }
html { height: 100% }
body { background: #FFF; font-size: 100.01%; text-align: center; }

#container { background: #FFF; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #535557; width: 960px; margin: 10px auto; }

p, ul, ol, fieldset, img, table { margin-bottom: 1em; }
h2, h3, h4, h5, strong, b { font-weight: bold; }

h2 { font-size: 1.5em; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 0.5em; }
h3 { font-size: 1.2em; line-height: 140%; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 0.5em; }
h4 { font-size: 1em; }

a:link, a:visited { color: #535557; text-decoration: none; outline: 0; border-bottom: 1px solid #535557; }
a:hover, a:active { color: #000; text-decoration: none; outline: 0; border-bottom: 1px solid #000; }

:focus { outline: 0; -moz-outline-style: none; }

ul { list-style: none; }
ol { list-style: inside decimal; }

table { table-layout: fixed; width: 100%; overflow: hidden; border: 0; border-collapse: separate; border-spacing: 0; }

thead td { background: #fff3a7; font-weight: bold; }
tr td { border-bottom: 1px solid #E3E5E7; padding: 3px; }
tr.alt td { background: #F3F5F7; }

input, textarea, select { font-size: 1em; font-family: Helvetica, Arial, sans-serif; color: #939597; vertical-align: middle; border-width: 1px; border-style: solid; padding: 3px; }
textarea { overflow: auto; }
select { padding: 0; }
button { background: url("../images/button-bg.gif") repeat-x top left; font: bold 1em helvetica, arial, sans-serif; color: #FFF; cursor: pointer; display: block; border: 0 !important; margin-bottom: 1em; padding: 0.5em 1em; }

label.auto { width: auto !important; }

small { font-size: 0.9em; line-height: 160%; }

em, i { font-style: italic; }
strike, del { text-decoration: line-through; }
blockquote, cite { background: #EEE; border-left: 1px solid #999; height: 1% /* stupid IE */; width: auto; margin: 1em 0 1em 2em; padding: 1.5em 2em 0.5em; }
code { font-family: Monaco, monospace; font-size: 1em; }
sup, sub { line-height: 0; }


/*  S P E C I A L   F O R M A T T I N G
------------------------------------------------------------------------------------ */

.no-border { border: 0 !important; }
.no-margin { margin-bottom: 0; }
.margin { margin-bottom: 1em; }
.big-margin { margin-bottom: 2em; }

/* Hidden Elements */

hr, legend, .inv, #skip { display: none; }

/* Floats */

.left { float: left; }
.right { float: right; }

/* Floating Images */

img.left { margin: 0.4em 1em 1em 0; }
img.right { margin: 0.4em 0 1em 1em; }

/* More Link */
a.more { background: transparent url("../images/a-more.gif") no-repeat right center; font-weight: bold; border: 0 !important; padding-right: 7px; }
a.more:hover {  }
a.more span { display: none; }

/* Clearfix */

.clear { clear: both; }

* html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */
*+html .clearfix { min-height: 1%; } /* IE7 Fix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Colors */

.light { color: #C3C5C7; }


/*  H E A D E R
------------------------------------------------------------------------------------ */

#header { margin-bottom: 5px; }

/* Top Navigation */

#topnav ul { font-size: 0.9em; text-align: right; float: right; margin: 0; margin-top: 60px; }
#topnav li { float: left; display: inline; margin-left: 1em; }
#topnav a { color: #535557; border-width: 0px; }
#topnav a:hover { color: #535557; border-width: 1px; border-color: #535557; }

#topnav li#language-selection { background: transparent url("../images/li-topnav.gif") no-repeat left center; padding-left: 1em; }


/*  N A V I G A T I O N
------------------------------------------------------------------------------------ */

#nav { background: #5c5d5f; }

#nav ul { margin: 0; }
#nav li { display: inline; padding: 0; }

/* Default State */

#nav a { background-color: transparent; background-repeat: no-repeat; background-position: top left; float: left; display: block; height: 32px; border-bottom: none !important; border-right: 1px solid #FFF; }

/* NAV IMAGES > See screen_0.css and screen_1.css! */

/* Hover State */

#nav a:hover { background-position: 0 -32px; }

/* Active State */

#nav .current a { background-position: 0 -64px !important; }
#nav a span { display: none; }


/*  S U B N A V
------------------------------------------------------------------------------------ */

#subnav { width: 180px; margin-right: 15px; background-color: #fff; }
#subnav ul { margin-bottom: 0; border-bottom: 1px solid #B3B5B7; }
#subnav ul ul { border-bottom: none; }
#subnav ul li span.left { width: 80%; }
#subnav ul li span.right { padding-right: 4px; }

#subnav a:link, #subnav a:visited { border-bottom: none; }
#subnav a:hover { background-color: #5C5d5f; color: #edee16; }

#subnav ul li a { width: 164px; padding: 4px 0 0 16px; }
#subnav, #subnav ul, #subnav li a.current, #subnav li, #subnav ul li a, #subnav a { float: left; }
#subnav ul li span.left, #subnav ul li span.right, #subnav ul li a, #subnav li a.current, ul.secondlevel li a, #subnav li { display: block; }
#subnav li { border-top: 1px solid #B3B5B7; }
#subnav ul li span.right { font-size: 0.9em; line-height: 160%; }

ul.secondlevel li a, ul.firstlevel li a { background-color: #fff; color: inherit; }
ul.firstlevel li a { padding-bottom: 4px !important; }
ul.secondlevel li a { font-size: 0.9em; width: 152px !important; padding: 4px 0 4px 28px !important; }
ul.firstlevel li a:hover { background: #5C5D5f url("../images/li-subnav.gif") no-repeat 6px center !important; font-weight: bold !important; cursor: pointer !important; }
ul.secondlevel li a:hover { font-weight: normal !important; cursor:pointer !important; background-position: 18px center !important; }
#subnav li a.current { background-color: #f3f5f7 !important; font-weight: bold !important; }
#subnav li a:hover.current { background-color: #f3f5f7 !important; color: #535557 !important; background-image: none !important; }


/*  M A I N
------------------------------------------------------------------------------------ */

#main { margin-top: 16px; }

/* Grid */

.cols { margin-bottom: 16px; }

.col1_5, .col2_5, .col3_5, .col4_5, .col5_5  { float: left; display: inline; margin-right: 15px; }

.col1_5 { width: 180px; }
.col2_5 { width: 375px; }
.col3_5 { width: 570px; }
.col4_5 { width: 765px; }
.col5_5 { width: 960px; }

.cols .last { margin: 0; }

.intro { background: #F3F5F7; margin-bottom: 1.5em; padding: 10px 10px 5px; }

img.full { width: 570px; }

.img-with-capt { background: #F3F5F7; float: left; margin: 0 20px 20px 0; }
.img-with-capt img { margin: 0;  }
.img-with-capt p { font-size: 0.9em; line-height: 160%; display: block; width: 220px; margin: 0 !important; padding: 8px 8px 8px; }

img.inlinepic { vertical-align: middle; margin-right: 10px; }

* html .img-with-capt p { padding-bottom: 14px; } /* IE6 Fix */
*+html .img-with-capt p { padding-bottom: 14px; } /* IE7 Fix */

.imgtextwrapper { border-bottom: 1px solid #b3b5b7; margin-bottom: 18px; padding-bottom: 6px; }

/* Slideshow / Startpage */

#slideshow { position: relative; height: 312px; margin-bottom: 16px; }
#slideshow img { width: 765px; height: 312px; border: 0 none !important; }
#slideshow a { border: 0 none !important; }

/* Architectur */

.hausmodell_start { margin: 0 0 15px; }

.hausmodell_start div { background: #F3F5F7; float: left; width: 180px; height: 290px; margin: 0 15px 15px 0; padding-bottom: 15px; }

.hausmodell_start img { margin-bottom: 10px; }
.hausmodell_start h3 { margin: 0; padding: 0 10px; }
.hausmodell_start h4 { margin: 0; padding: 10px 10px 0; }
.hausmodell_start p { margin: 0; padding: 0 10px 5px; }

.hausmodell_start a { font-weight: bold; border: 0 !important; }

p.hauscat_subline { height: 62px; }

.hausmodell_cat { margin: 0 0 15px; }

.hausmodell_cat div { background: #F3F5F7; float: left; width: 180px; margin: 0 15px 15px 0; padding-bottom: 15px; }

.hausmodell_cat img { margin-bottom: 10px; }
.hausmodell_cat h3 { margin: 0; padding: 0 10px; }
.hausmodell_cat h4 { margin: 0; padding: 10px 10px 0; }
.hausmodell_cat p { margin: 0; padding: 0 10px 5px; }

.hausmodell_cat a { font-weight: bold; border: 0 !important; }

.hausmodell_detail { border-bottom: 1px solid #B3B5B7; margin-bottom: 18px; padding-bottom: 18px; }

.hausmodell_idee { float: left; width: 75px; }
.hausmodell_idee h4 { margin-bottom: 1em; padding-top: 0.25em; }
.hausmodell_idee img { width: 67px; margin-bottom: 6px; }

.hausmodell_individuell { float: right; width: 405px !important; width: 411px; }
.hausmodell_individuell img { width: 67px; margin-left: 6px; margin-bottom: 6px; }
.hausmodell_individuell img.dummy-haus { border: 1px solid #B3B5B7; padding: 3px; }
.hausmodell_individuell h4 { display: block; /* float: left; */ text-align: left; margin-bottom: 1em; margin-left: 0 !important; margin-left: 6px; /* IE6 Fix */ padding-top: 0.25em; padding-left: 6px; }

.hausmodell_idee a img, .hausmodell_individuell a img { display: block; float: left; border: 1px solid #B3B5B7; padding: 3px; }
.hausmodell_idee a:hover img, .hausmodell_individuell a:hover img { background: #E3E5E7; border-color: #939597; }

div.last { margin-right: 0 }

/* Contact */

#contactform {  }
#contactform fieldset { display: block; border-bottom: 1px solid #B3B5B7; margin-bottom: 1.5em; padding-bottom: 1.5em; }
#contactform h4 { margin-bottom: 1em; }
#contactform label { display: block; float: left; clear: left; width: 180px; }
#contactform input { border-color: #B3B5B7; width: 300px; margin-bottom: 0.5em; }
#contactform input.checkbox { border: none; width: auto; margin-right: 0.25em; margin-bottom: 0; padding: 0; }
#contactform select { border: 1px solid #B3B5B7; color: #535557; width: 260px; margin-bottom: 0.8em; }
#contactform textarea { display: block; border-color: #B3B5B7; width: 450px; height: 100px; margin-bottom: 1.5em; }

#contactform input#contact-location { margin-bottom: 1.5em; }
#contactform input#contact-email { margin-bottom: 1.5em; }

#contactform #contact-ref { padding-bottom: 2em; }
#contactform #contact-ref div.left { width: 290px; }
#contactform #contact-ref div.right { width: 260px; }
#contactform #contact-ref label, #contactform #contact-message label, #contactform #contact-schweizercup label { display: inline; float: none; width: auto; }
#contactform #contact-ref label { display: block; float: left; width: 110px; }
#contactform #contact-ref .right label { display: block; float: left; width: 180px; }
#contactform #contact-ref select { display: block; float: left; width: 150px; }

#contactform button { background: url("../images/button-bg.gif") repeat-x top left; font: bold 1em helvetica, arial, sans-serif; color: #FFF; cursor: pointer; display: block; border: 0 !important; margin-bottom: 1em; padding: 0.5em 1em; }

div.error { text-align: center; color: #CD0000; border: 1px solid #CD0000; margin-bottom: 1em; padding: 1em 1em 0; }
label.error { color: #CD0000; font-weight: bold; }
p.error { color: #CD0000; font-weight: bold; }
label.auto { width: auto !important; }
input.error { border-color: #CD0000 !important; }
div.success { text-align: center; color: #2a7f00; border: 1px solid #2a7f00; margin-bottom: 1em; padding: 1em 1em 0; }

/* Sitemap */

div.sitemap { display: block; float: left; width: 180px; margin-bottom: 1em; }
ul.sitemaplist a { color: #939597; border-color: #FFF; }
ul.sitemaplist a:hover { color: #535557; border-color: #535557; }
ul.sitemaplist ul { font-size: 0.9em; margin: 0 0 0 12px !important; }

/* Bauland-Suche */

#bauland-form-big fieldset { border-top: 1px solid #939597; padding-top: 1em; }
#bauland-form-big div { float: left; margin-right: 10px; }
#bauland-form-big label { font-weight: bold; font-size: 0.9em; display: block; }
#bauland-form-big input { font-size: 1.2em; width: 300px; border-width: 2px 1px 1px; border-style: solid; border-color: #939597; border-bottom-color: #B3B5B7; padding: 4px 3px 3px; }
#bauland-form-big select { font-size: 1.2em; border-width: 1px 1px 1px; border-style: solid; border-color: #939597; margin-top: 3px; }
#bauland-form-big button { margin: 17px 0 0; }

#bauland-results td.bauland-results-plz { width: 40px; }
#bauland-results td.bauland-results-location { width: 280px; }
#bauland-results td.bauland-results-kanton { width: 60px; }
#bauland-results td.bauland-results-flaeche { width: 80px; }
#bauland-results td.bauland-results-preis { text-align: right; width: 80px; }

/* Branches */

.standorte { border-top: 1px solid #B3B5B7; padding-top: 1.5em; }
.standorte div { /* background: #F3F5F7; */ float: left; display: inline; width: 275px; margin-right: 10px; margin-bottom: 1em; }
a.pdf { background: url("../images/icon-pdf.gif") no-repeat left center; font-weight: bold; border: 0 !important; padding: 2px 0 2px 20px; }

/* Jobs */

table#jobs { margin-bottom: 2em; }

table#jobs td.jobdescription { width: 230px; }
table#jobs td.joblocation { width: 136px; }
table#jobs td.jobdate { text-align: right; width: 100px; }
table#jobs td.jobdetails { text-align: right; width: 80px; }

/* Bautechnik */

hr.divider { display: block; color: #b3b5b7; clear: both; display: block; height: 1px; border: 1px solid #b3b5b7; border-width: 0 0 1px; margin: 0.5em 0 1em; }

img.framed { display: block; float: left; border: 1px solid #B3B5B7; margin-right: 1em; padding: 3px; }
a img.framed { background: transparent; display: block; float: left; border: 1px solid #B3B5B7; margin-right: 10px; padding: 3px; }
a:hover img.framed { background: #E3E5E7; border-color: #939597; }

.projektblock { border-top: 1px solid #b3b5b7; padding: 18px 0; }
.projektblock .left { width: 300px; }
.projektblock .right { width: 270px; }

.brandbox { border-top: 1px solid #B3B5B7; padding-top: 1em; }
.brandbox .right a { border: 0 none !important; }
.brandbox .left { width: 134px !important; }
.brandbox .right { width: 430px !important; }

/* Aktuelles */

.news-block { border-bottom: 1px solid #B3B5B7; margin-bottom: 18px; padding-bottom: 6px; }
.news-block .news-pic { float: left; width: 80px; }
.news-block .news-text { float: left; width: 490px; }
.news-block img { border: 1px solid #B3B5B7; padding: 3px; }

/* Glossar */

.glossarleft, .glossarright { font-weight: bold; float: left; display: inline; width: 150px; padding: 2px 0 5px 10px; }
.glossarright { font-weight: normal; width: 400px; margin-right: 0; }
.alternate { background: #f3f5f7; }

/* Presse */

.medienkontakt div { float: left; display: inline; width: 275px; margin-right: 10px; margin-bottom: 1em; }

/* Mitgliedschaften */

ul.bullets { list-style-image: url("../images/li-bullet.gif") !important; margin-left: 30px }
ul.bullets li img { vertical-align: middle; }

/* Capture */

div.capture div { overflow: hidden; border-bottom: 1px solid #CCC; margin-bottom: 1.5em; padding-bottom: 1.5em; }
div.capture label { margin-bottom: 5px; }
div.capture img { float: left; margin: 0 5px 0 0; }
div.capture input { margin: 0 !important; }


/*  S I D E B A R
------------------------------------------------------------------------------------ */

.sidebar { margin: 0 !important; }

.sidebar h3 { margin: 0 !important; }

.sidebar .box { border-bottom: 1px solid #B3B5B7; margin: 0 !important; padding: 1em 10px 0; }
.sidebar .yellow { background: #fff3a7; }
.sidebar .box img { margin: -10px -10px 12px; }

#bauland-form fieldset { background: #fff3a7; margin-top: 0.5em; padding: 10px; }
#bauland-form label { display: none; }
#bauland-form input { width: 100px; border-width: 2px 1px 1px; border-style: solid; border-color: #939597; border-bottom-color: #B3B5B7; float: left; margin-right: 3px; padding: 3px; }
#bauland-form button { background: #5c5d5f url("../images/button-search.gif") no-repeat top left; cursor: pointer; vertical-align: middle; height: 23px; width: 26px; border: 0 !important; margin-bottom: 0; }
#bauland-form button span { display: none; }

p.sbtext { margin-bottom: 0; }


/*  F O O T E R
------------------------------------------------------------------------------------ */

#footer { font-size: 0.9em; line-height: 160%; color: #737577; text-align: center; border-top: 1px solid #B3B5B7; padding: 15px 0; }

#footer p { font-size: 0.95em; line-height: 120%; text-align: left; display: block; width: 525px; margin: 0 auto; }
#footer p span { display: block; float: left; height: 24px; border-left: 1px solid #999; padding: 0 10px; }
#footer p span.first { border: 0; padding: 0 10px 0 0; }
#footer p span a { border: 0 !important; }


/*  S P E C I A L S
------------------------------------------------------------------------------------ */

/* Gewinnspielformular */

#gameform fieldset { display: block; border-bottom: 1px solid #B3B5B7; margin-bottom: 1.5em; padding-bottom: 1.5em; }
#gameform h4 { margin-bottom: 1em; }
#gameform label { display: block; }
#gameform input { vertical-align: baseline; border-color: #B3B5B7; width: 300px; margin-bottom: 1em; }
#gameform input.checkbox, #gameform input.radio { border: none; width: auto !important; margin-right: 0.25em; margin-bottom: 0; padding: 0; }
#gameform select { border: 1px solid #B3B5B7; color: #535557; width: 260px; margin-bottom: 0.8em; }
#gameform textarea { display: block; border-color: #B3B5B7; width: 450px; margin-bottom: 1.5em; }

#gameform fieldset#gameform-data label { display: block; float: left; clear: left; width: 160px; }

#gameform #submitlink { background: url("../images/button-bg.gif") repeat-x top left; font: bold 1em helvetica, arial, sans-serif; color: #FFF; cursor: pointer; display: block;float: left; border: 0 !important; margin-bottom: 1em; padding: 0.5em 1em; }

/* Preistabelle */

table.preistabelle { width: 550px; }
table tr.line, table tr.line-bold { background: #535557; }
table tr.line td { background: #535557; border: 0; height: 1px; padding: 0; }
table tr.line-bold td { background: #535557; border: 0; height: 2px; padding: 0; }
table tr.empty td { background: #FFF; height: 15px; border: 0; padding: 0; }
/* table tr.noline, table tr.noline td { background: #FFF; border: 0; } */

td.alignright { text-align: right; padding-right: 0; }




/*  E N D   S T Y L E S . C S S
------------------------------------------------------------------------------------ */