 /* Webseite Gerlinde SMEKAL */
 
body { 
font-family:Arial; 
font-size:16px; 
background-color:rgb(153,153,153); 
line-height:120%; 
font-weight:normal; 
text-align:center;
border:1px solid rgb(180,180,180);
margin:0;
min-width:800px;
padding:0;
height:100%;
color:#333;
}

p { font-family:Arial; font-size:16px; line-height:120%; font-weight:normal;}
ul, li { line-height:120%; }
td { line-height:120%; background-color:rgb(153,153,153) }
th { line-height:120%; background-color:rgb(153,153,153) }

a:link { color:rgb(34,93,113); text-decoration:underline; }
a:visited { color:rgb(0,43,69); text-decoration:underline; }
a:active { color:rgb(255,102,0); text-decoration:underline; }
a:hover { color:blue; text-decoration:underline; }

table { border-width:0; border-color:rgb(153,153,153); border-style:solid; }

h1 { font-size:16px; line-height:120%; font-weight:bold; color:rgb(255,102,0); letter-spacing: 0.4em;}
h2 { font-size:16px; line-height:120%; font-weight:normal; color:rgb(255,102,0); }
h3 { font-size:16px; line-height:120%; font-weight:bold; color:#748C42; letter-spacing: 1.0em;}
h4 { font-size:16px; line-height:120%; font-weight:normal; color:#748C42; letter-spacing: 0.2em;}

#upper_banner  { border-radius: 18px; position: relative; z-index: 3; width: 930px; margin: 10px auto; padding: 5px; background: rgba(222, 222, 222, 0.6); } 

#navigation { border-radius: 18px; position: relative; z-index: 2; width: 600px; margin: 0px auto; padding: 0px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; } 
#banner { border-radius: 0px; position: relative; z-index: 2; width: 1000px; margin: 20px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#main { border-radius: 18px; position: relative; z-index: 2; width: 900px; margin: 2px auto; padding: 20px; background: rgb(222,222,222); -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#schmal { border-radius: 18px; position: relative; z-index: 2; width: 900px; margin: 5px auto; padding: 5px; background: rgb(222,222,222); -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }

#breit { position: relative; z-index: 2; width: 100%; background: rgb(153,153,153); }
#preis { border-radius: 18px; position: relative; z-index: 3; width: 620px; margin: 0px auto; padding: 1px; 	background: rgba(222, 222, 222, 0.6); }
#unten { border-radius: 18px; position: relative; z-index: 2; width: 400px; margin: 30px auto; padding: 5px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }

#bild { border-radius: 18px; position: relative; z-index: 2; width: 620px; margin: 5px auto; padding: 5px; background: rgb(111,111,111); -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }


a:link { color:#66CD00; text-decoration:underline; }
a:visited { color:#748C42; text-decoration:underline; }
a:active { color:#748C42; text-decoration:underline; }
a:hover { color:#748C42; text-decoration:underline; }

.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(222, 222, 222);
	/* RGBa with 0.6 opacity */
	background: rgba(222, 222, 222, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.sektion {
	position: relative;
	height: 100%;
	overflow: hidden;
	margin:0;
	padding: 0px;
	margin-right: 0px;
}

.hintergrundbild {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.text {
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	z-index: 2;
	background-color: #efefef;
}

.hintergrundbild img {
	min-height: 100%;
	min-width: 100%;
}

#nav{
	list-style: none;
	position: fixed;
	right: 5px;
	z-index: 3;
}

#nav li{
	margin: 0 0 15px 0;	
}
