/*----- Autor: Benno Sökeland
        Sökeland Werbung / Design
		www.soekeland.de
		 © 2008------*/

/*------design.css Angaben zum Design------*/
body
{
	background-color:#FFFFFF;
	background-image:url(../elemente/hg.jpg);
	background-repeat:repeat-x;
    margin-left: 0px;
	margin-top: 0px;
}

#page
{
	position:relative; margin:auto;
	width:965px; height:675px;
	z-index:0;
}

#logo
{
	position:absolute; left:400px; top:550px;
	width:138px; height:80px;
	background-image:url(../elemente/swd.gif);
	background-repeat:no-repeat;
	z-index:1;
}

#slogan
{
	position:absolute;
	left:0px;
	top:0px;
	width:710px;
	height:25px;
	z-index:2;
	padding-left:123px;
}

#startmotiv
{
position:absolute; left:125px; top:50px;
width:675px; height:250px;
background-image:url(../bilder/startmotiv.jpg);
background-repeat:no-repeat;
z-index:2;
}

#navigation 
{
width:675px; height:25px;
position:absolute; 
left:125px; 
top:50px;
z-index:4;
}

.topcontainer
{
width:675px;
margin-top:0px;
}

.top1
{
display:block;
position:absolute; left:1px; top:0px;
width:44px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top1
{
display:block;
position:absolute; left:1px; top:0px;
width:45px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top1:link, a.top1:visited
{
display:block;
position:absolute; left:1px; top:0px;
width:45px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top1:active, a.top1:hover
{
display:block;
position:absolute; left:1px; top:0px;
width:45px; height:20px;
font-weight: 100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top2
{
display:block;
position:absolute; left:46px; top:0px;
width:41px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;

}

a.top2
{
display:block;
position:absolute; left:46px; top:0px;
width:41px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top2:link, a.top2:visited
{
display:block;
position:absolute; left:46px; top:0px;
width:41px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top2:active, a.top2:hover
{
display:block;
position:absolute; left:46px; top:0px;
width:41px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top3
{
display:block;
position:absolute; left:87px; top:0px;
width:60px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top3
{
display:block;
position:absolute; left:87px; top:0px;
width:60px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top3:link, a.top3:visited
{
display:block;
position:absolute; left:87px; top:0px;
width:60px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top3:active, a.top3:hover
{
display:block;
position:absolute; left:87px; top:0px;
width:60px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top4
{
display:block;
position:absolute; left:147px; top:0px;
width:61px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top4
{
display:block;
position:absolute; left:147px; top:0px;
width:61px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top4:link, a.top4:visited
{
display:block;
position:absolute; left:147px; top:0px;
width:61px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top4:active, a.top4:hover
{
display:block;
position:absolute; left:147px; top:0px;
width:61px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top5
{
display:block;
position:absolute; left:208px; top:0px;
width:70px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top5
{
display:block;
position:absolute; left:208px; top:0px;
width:70px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top5:link, a.top5:visited
{
display:block;
position:absolute; left:208px; top:0px;
width:70px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top5:active, a.top5:hover
{
display:block;
position:absolute; left:208px; top:0px;
width:70px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top6
{
display:block;
position:absolute; left:278px; top:0px;
width:59px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top6
{
display:block;
position:absolute; left:278px; top:0px;
width:59px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top6:link, a.top6:visited
{
display:block;
position:absolute; left:278px; top:0px;
width:59px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top6:active, a.top6:hover
{
display:block;
position:absolute; left:278px; top:0px;
width:59px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top7
{
display:block;
position:absolute; left:337px; top:0px;
width:94px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top7
{
display:block;
position:absolute; left:337px; top:0px;
width:94px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top7:link, a.top7:visited
{
display:block;
position:absolute; left:337px; top:0px;
width:94px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top7:active, a.top7:hover
{
display:block;
position:absolute; left:337px; top:0px;
width:94px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top8
{
display:block;
position:absolute; left:431px; top:0px;
width:64px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top8
{
display:block;
position:absolute; left:431px; top:0px;
width:64px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top8:link, a.top8:visited
{
display:block;
position:absolute; left:431px; top:0px;
width:64px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top8:active, a.top8:hover
{
display:block;
position:absolute; left:431px; top:0px;
width:64px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top9
{
display:block;
position:absolute; left:495px; top:0px;
width:43px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top9
{
display:block;
position:absolute; left:495px; top:0px;
width:43px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top9:link, a.top9:visited
{
display:block;
position:absolute; left:495px; top:0px;
width:43px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top9:active, a.top9:hover
{
display:block;
position:absolute; left:495px; top:0px;
width:43px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top10
{
display:block;
position:absolute; left:538px; top:0px;
width:35px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top10
{
display:block;
position:absolute; left:538px; top:0px;
width:35px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top10:link, a.top10:visited
{
display:block;
position:absolute; left:538px; top:0px;
width:35px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top10:active, a.top10:hover
{
display:block;
position:absolute; left:538px; top:0px;
width:35px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top11
{
display:block;
position:absolute; left:573px; top:0px;
width:71px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top11
{
display:block;
position:absolute; left:573px; top:0px;
width:71px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top11:link, a.top11:visited
{
display:block;
position:absolute; left:573px; top:0px;
width:71px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top11:active, a.top11:hover
{
display:block;
position:absolute; left:573px; top:0px;
width:71px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

.top12
{
display:block;
position:absolute; left:644px; top:0px;
width:31px; height:20px;
font-weight:100;
color:#a90230;
text-decoration:none;
text-align:left;
padding-top:5px;
}

a.top12
{
display:block;
position:absolute; left:644px; top:0px;
width:31px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top12:link, a.top12:visited
{
display:block;
position:absolute; left:644px; top:0px;
width:31px; height:20px;
font-weight:100;
color:#000000;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

a.top12:active, a.top12:hover
{
display:block;
position:absolute; left:644px; top:0px;
width:31px; height:20px;
font-weight:100;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:5px;
float:left;
}

/* Farbe unter Navigation (für Seiten ohne Motiv) */

#streifen_top
{
	position:absolute;
	left:0px; 
	top:0px;
	background-color:#999988;
	width:675px;
	height:25px;
	z-index:2;
}

/* Navigation (Linke Spalte) */

#projektlinks
{
width:125px; height:225px;
position:absolute;left:0px; top:75px;
z-index:3;
}

.menucontainer
{
width:125px;
margin-top:0px;
}

.menu 
{
display:block;
background-color:#a90230;
border-bottom:1px solid #FFFFFF;
font-weight:500;
text-align:left;
text-decoration:none;
color:#FFFFFF;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
}

a.menu 
{
display:block;
background-color:#a90230;
border-bottom:1px solid #FFFFFF;
font-weight:500;
text-decoration:none;
text-align:left;
color:#999999;
padding-left:20px;
padding-top:3px;
padding-bottom:3px;
}

a.menu:link, a.menu:visited
{ 
background-color:#a90230;
border-bottom:1px solid #FFFFFF;
color:#999999;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
}

a.menu:active, a.menu:hover
{ 
background-color:#a90230;
border-bottom:1px solid #FFFFFF;
background-repeat:no-repeat;
text-decoration:none;
color:#FFFFFF;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
}

