/* ------------- RESET -------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

* { margin: 0; outline: none; }

html, body { height: 100%; }

/* ----------- PAGE LAYOUT ----------- */

#wrapper { width: 890px; /* Width of main container */min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px 90px; /* The bottom margin is the negative value of the footer's height */margin-bottom: 1px; overflow: hidden; }

#header { background: #fff url(img/header.jpg) no-repeat top right; height: 150px; margin-bottom: 20px; }
 
#header2 { background: #fff url(img/header2.jpg) no-repeat top right; height: 150px; margin-bottom: 20px; }  
 
#header3 { background: #fff url(img/header3.jpg) no-repeat top right; height: 150px; margin-bottom: 20px; }

#header4 { background: #fff url(img/header4.jpg) no-repeat top right; height: 150px; margin-bottom: 20px; }

#header5 { background: #fff url(img/header5.jpg) no-repeat top right; height: 150px; margin-bottom: 20px; }

#header6 { background: #fff url(img/header6.jpg) no-repeat top right; height: 150px; margin-bottom: 20px; }

#header7 { background: #fff url(img/header7.jpg) no-repeat top right; height: 150px; margin-bottom: 20px; }

#column1, #column2, #column3 { float: left; min-height: 500px; height: auto !important; height: 500px; }

#column1 { margin-right: 20px;width: 180px; }

#column2 {background: #fff url(img/tueterrasse.jpg) no-repeat left bottom; margin-right: 20px;  width: 180px; padding-bottom: 170px; }

#column3 { width: 490px; }

/* STICKY FOOTER */

#footer { border-top: 1px solid #ebebeb; margin: 0 auto; width: 960px; }

#footer, #push { height: 30px; /* #push must be the same height as #footer */}

/* ---------- FONTS/COLORS ----------- */

body { background: #fff url(img/bg.png) no-repeat top center; color: #444; font: normal 13px/1.5em Verdana, Arial, Helvetica, Sans-Serif; }

h1, h2, h3, h4, h5, h6 { color: #228e8f; line-height: 1em; margin-bottom: 20px; }
h1 { font-size: 3.5em; margin-bottom: 0; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4, h5, h6 { color: #444; font-size: 1.3em; margin-bottom: 5px; }

a, a:link, a:active, a:visited { color: #228e8f; font-weight: bold; text-decoration: none; }
a:hover { color: #c18d51; text-decoration: none; }

/* -------------- HEADER ------------- */

#header h1 { padding-top: 30px; }
#header2 h1 { padding-top: 30px; }
#header3 h1 { padding-top: 30px; }
#header4 h1 { padding-top: 30px; }
#header5 h1 { padding-top: 30px; }
#header6 h1 { padding-top: 30px; }
#header7 h1 { padding-top: 30px; }
#header h2 { color: #444; font-family: verdana, arial, helvetica, sans-serif; font-size: 2em; margin-left: 55px; }
#header2 h2 { color: #444; font-family: verdana, arial, helvetica, sans-serif; font-size: 2em; margin-left: 55px; }
#header3 h2 { color: #444; font-family: verdana, arial, helvetica, sans-serif; font-size: 2em; margin-left: 55px; }
#header4 h2 { color: #444; font-family: verdana, arial, helvetica, sans-serif; font-size: 2em; margin-left: 55px; }
#header5 h2 { color: #444; font-family: verdana, arial, helvetica, sans-serif; font-size: 2em; margin-left: 55px; }
#header6 h2 { color: #444; font-family: verdana, arial, helvetica, sans-serif; font-size: 2em; margin-left: 55px; }
#header7 h2 { color: #444; font-family: verdana, arial, helvetica, sans-serif; font-size: 2em; margin-left: 55px; }

/* ------------ NAVIGATION ----------- */

#menu1 { margin-bottom: 20px; }
#menu1 li { border-bottom: 0; }
#menu1 a { color: #5e5a5a; font-weight: bold; text-decoration: none; margin-bottom: 20px; }
#menu1 a:hover { color: #999; }

#menu2 { padding-top: 5px; text-align: center; }
#menu2 li { border-bottom: 0; display: inline; list-style-type: none; padding: 0 10px; }
#menu2 li a { color: #444; }
#menu2 li a:hover { color: #999; }

/* ----------- SITE STYLES ----------- */

p { margin-bottom: 20px; }

ul {  }
li { border-bottom: 1px solid #444; }
ol { list-style-type: decimal; margin: 0 0 20px 10px; padding-left: 20px; }
ol li { border-bottom: 0; margin-bottom: 10px; }

strong { font-weight: bold; }

blockquote { background-color: #ebebeb; border: 1px solid #444; margin-bottom: 20px; padding: 5px 10px; }

blockquote p { margin-bottom: 0; }

/* IMAGES */

img { border: 0; }

/* ------------- CLASSES ------------- */



/* -------------- EXTRAS ------------- */



/* ------------- CLEARFIX ------------ */

.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clear { display: inline-block; }

* html .clear { height: 1%; }