/* layout.css
    Author: Adrian Schärli, Azular GmbH
    Inhalt: Layout, Farben und Hintergrundbilder
*/

/* ### Layout ### */
.floatLeft {float: left; display: inline;} 
.floatRight {float: right; display: inline;}
.column {width: auto; height: 100%; overflow: hidden;}
.clearing {content: "."; height: 0; visibility: hidden; clear: both; width: 100%; font-size: 0; line-height: 0;} 
.rowup {display: inline-block; vertical-align: top;}
/*hacks for ie6 and ie7*/
* html .rowup {display: inline;} 
*:first-child+html .rowup {display: inline;}

html {height: 101%; width: 101%;} /*forces vertical scroll bars*/
body {text-align: left;background-color:#fff;margin:0;padding:0; }
#mainwrap {min-width: 960px;max-width:1400px;position:relative;margin:auto;} /* Reference for right col image */
* html div#mainwrap {width: 1200px;}
#threecolwrap {width: 100%;min-width:960px; text-align: left;}
#twocolwrap {width: 100%;} /*negative margin space for rightcol*/
#leftcol {width:30%;height: 650px;}
#midcol {width: auto;} /*Space for rightcol*/
#rightcol {width: 300px;} /*IE6+7: 5px weniger*/
*html div#rightcol {width: 290px;}
#footer {width: 100%;}
#header {width: 100%;text-align: left;position:relative;}
#bgright {width: 300px;padding-left:50px;}

/*Innenabstände */
#header-i {padding: 0;margin:0;}
#mainwrap-i {padding:150px 10px 0 0;}
#threecolwrap {}
#leftcol-i {padding: 70px 100px 0 40px;} 
#midcol-i {padding: 0 50px 0 0;}
#rightcol-i {padding: 0 0 0 0px;}
#footer-i {}
#language {height: 50px;padding: 0 0 0 3px;}

/*Graphics */
img#topdots {position:absolute;top:0%;left:400px;}
img#bottomdots {position:absolute;left:600px;}
div#bgleftimg {position: absolute;top:0%;left:-170px;width: 655px;z-index:-1;}
div#bgleftimg img {width: 100%;}
div#rightcol img {width: 100%;}
img#itsallaboutlove {position:absolute;top:-100px;right:300px;}


/* Fonts */
body {font-size: 100%; font-family: Century Gothic, Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;}
body {color: #2c2c2a;}
a {color: #2c2c2a;}
a img {border: none;text-decoration: none;}
#language a {font-size: 80%;}
h1,h2,h3 {font-weight: 100;}

/* Menus */
ul.rex-navi1 {margin: 0; padding: 0; font-size: 120%;}
ul.rex-navi2 {margin: 0; padding: 0 0 0 20px;}
ul.rex-navi1 li {list-style-type: none;}
ul.rex-navi1 a {text-decoration: none;display:inline-block;width: 100%;margin: 0 0 0.5em 0;padding: 0 0 0 3px;}

/* Guestbook */
div.pinnwandLead {background-color: #fbb77f;}
div.pinnwandText {margin: 0 0 10px 0;}
div.pinnwandneuereintrag label {display:inline-block;width: 150px; vertical-align: top;}

/*Preisliste */
table.pricelist {border-collapse:collapse;width:100%;}
table.pricelist td {vertical-align:top;padding-right:10px;border-bottom: 1px solid #2a2a2a;}
table.pricelist p {margin:0;}

div.imagecontrols {opacity:0.5 !important;}