/*
 * Stylesheet für www.fewolangeoog.de
 * Author: Markus Luczak (ml it solutions)
 * Für: www.fewolangeoog.de - Oliver Bock
 */

/* Containers */

#head
{
         position:absolute;
         top:0px;
         left:0px;
         width:100%;
         height:50px;
         z-index:1;
}

#scenerie
{
         position:absolute;
         top:50px;
         width:100%;
         height:100px;
         border-top: 1px solid #002D59;
         border-bottom: 1px solid #002D59;
         background-image:url(../images/scenery.gif);
         z-index:2;
}

#teaserpic
{
	position:absolute;
         left:2%;
         top:170px;
         width:26%;
         height:200px;
         background-repeat: no-repeat;
         background-position: center;
         z-index:4;
}

#main
{
         position:absolute;
         top:150px;
         right:0px;
         width:70%;
         z-index:1;
}

#content
{
         float:right;
         right:20%;
         width:80%;
}

#text
{
         left:0px;
         width:90%;
         padding:4%;
}

#teaser1
{
	position:absolute;
         left:15%;
         top:0px;
         width:15%;
         height:50px;
         background-image:url(../images/teaser_bg.gif);
         z-index:1;
}

#teaser2
{
	position:absolute;
         left:15%;
         top:150px;
         width:15%;
         height:100%;
         background-image:url(../images/teaser_bg.gif);
}

#slogan
{
	position:absolute;
         left:32%;
         top:5px;
         width:200px;
         height:40px;
         z-index:3;
         font-size:1.4em;
         color:#004080;
}

#adress
{
	position:absolute;
         left:36%;
         top:10px;
         width:200px;
         height:40px;
         z-index:2;
         font-size:2.2em;
         font-weight:bold;
         color:#EAEAEA;
}

#navigation
{
         float:right;
         right:0px;
         width:20%;
         height:100%;
         background-image:url(../images/navigation_bg.gif);
}

#navigation a {
	display: block;
	line-height: 1em;
	padding: 4px 2px 2px 4px;
	border-top: 1px solid #bbb;
}

#navigation1 a {
	display: block;
	padding: 5px 5px 5px 22px;
	border-top: 1px solid #fff;
}

/* Basics */

body
{
	margin:0px;
         font-family:verdana, helvetica, sans-serif;
         font-size:84%;
         font-color:#000000;
}

p
{
	margin:0px 0px 1em 0px;
}

h1
{
         font-weight:bold;
         font-size:1.2em;
         font-color:#004080;
}

h2
{
         font-weight:bold;
         font-size:1em;
         font-color:#002D59;
         margin:0px;
}

a {
	font: bold 0.83em verdana,helvetica,sans-serif;
         color:#004080;
	text-decoration: none;
}

iframe
{
	border: none;
}