html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section{display:block;}
body{line-height:1.3;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
table, td, th{vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"""";}

html {overflow-y:scroll;}
html, body
{
   	height: 100%;
   	width: 100%;
   	margin: 0;
   	padding: 0;
	background: url(../images/eisoldt-texte.jpg) center center repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #58585a;
}

div.bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0}
div.bg img {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; min-width: 900px}

div.outer {z-index: 1; position: relative; width: 820px; margin: auto;}
#logo {float: right; padding-top: 30px; padding-bottom: 10px}

div.inner { clear: both;
	background: white; 
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-bottom-left-radius: 12px;
-moz-border-bottom-right-radius: 12px;

border-top-left-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-top-left-radius: 8px;
-moz-border-top-right-radius: 8px;

  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

  -webkit-box-shadow: 4px 8px 25px -5px #999; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 4px 8px 25px -5px #999; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}

ul.nav {list-style-type: none; padding:0; margin: 0; overflow: hidden; margin-bottom: 1px;

background: #fbfbfb;

background: -moz-linear-gradient(top,  #fbfbfb 0%, #c5c5c5 50%, #b2b2b2 51%, #cccccd 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(50%,#c5c5c5), color-stop(51%,#b2b2b2), color-stop(100%,#cccccd));

background: -webkit-linear-gradient(top,  #fbfbfb 0%,#c5c5c5 50%,#b2b2b2 51%,#cccccd 100%);

background: -o-linear-gradient(top,  #fbfbfb 0%,#c5c5c5 50%,#b2b2b2 51%,#cccccd 100%);

background: -ms-linear-gradient(top,  #fbfbfb 0%,#c5c5c5 50%,#b2b2b2 51%,#cccccd 100%);

background: linear-gradient(to bottom,  #fbfbfb 0%,#c5c5c5 50%,#b2b2b2 51%,#cccccd 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#cccccd',GradientType=0 );



border-top-left-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-top-left-radius: 8px;
-moz-border-top-right-radius: 8px;



}
ul.nav li {float: left; display: block}
ul.nav li a {float: left; display: block; width: 101px; text-align: center; padding-top: 2px; line-height: 36px; border-top: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid #a4a4a4; color: white; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 0.916em}
ul.nav li.last a {border-right: none; width: 105px}
ul.nav .section a, ul.nav a:hover {color: #58585a}

div.content {
	padding: 15px 40px 20px 50px;
	overflow: hidden;
	}
	
h1 {font-size: 1.8em; font-weight: bold; color: #75c0cc;  margin-bottom: 1em; text-transform: uppercase}
h2 {font-size: 1em; font-weight: bold; margin-bottom: 1em}
h3 {font-size: 1em; font-weight: bold; margin-bottom: 0; margin-top: 1em}
p {margin-bottom: 1em; line-height: 1.3em}

div.content a {color: #58585a; font-weight: bold; text-decoration: none}
div.content a:hover {text-decoration: underline}
div.content ul {padding: 0; margin: 0; overflow: hidden}
div.content ul li {display: inline; float: left; background: url(../images/Schnee.gif) no-repeat left center; padding-left: 13px; padding-right: 5px}
div.content ul li:first-child {padding-left: 0; background: none}

img.left {float: left; margin-right: 1em; margin-bottom: 1em}
img.right {float: right; margin-left: 1em; margin-bottom: 1em}