@charset "utf-8";
/* CSS Document */

/* ##################################### Allgemeines ##################################### */
li {
margin: 0 0 7px 0;
}

img {
border: none;
float:left;
margin: 0 20px 0 0;
}

.thumbs {
width: 50px;
height: 50px;
}

body {
background-color: #fff;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #797979;
text-decoration: none;
 elevation: inherit;
}

.fliess {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #666666;
text-decoration: none;
text-align:justify;
}

hr{
border-top:solid #CCCCCC 1px;
border-left:0px;
border-right:0px;
border-bottom:0px;
height:1px;
margin-bottom:15px;
margin-top:15px;
}

.fliessliste {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:27px;
color: #666666;
text-decoration: none;
text-align:left;
}


.fliessliste a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:27px;
color: #666666;
text-decoration: none;
text-align:left;
}

.fliessliste a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:27px;
color: #666666;
text-decoration: none;
text-align:left;
}

.fliessliste a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:27px;
color: #666666;
text-decoration: none;
text-align:left;
}

.fliessliste a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:27px;
color: #9d0000;
text-decoration: none;
text-align:left;
}

.fliessliste a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:27px;
color: #9d0000;
text-decoration: none;
text-align:left;
}

.fliesslink {
color: #666666;
}

.fliesslink a{
color: #666666;
}

.fliesslink a:hover{
color: #9d0000;
}

.pnavi {
color: #666666;
}

.pnavi a{
color: #666666;
}

.pnavi a:hover{
color: #9d0000;
font-weight:bold;
}

a {
outline: none;
color: #6ab6ff;
text-decoration: overline;
}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
color: #eee8aa;
}
a:active {
text-decoration:none;
}

h2 {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 18px;
line-height:26px;
font-weight:100;
font-weight:lighter;
color: #8b4513;
display:inline;
}

h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height:12px;
font-weight:100;
font-weight:lighter;
color: #d07b51;
display:inline;
}
h4{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px;
line-height:18px;
font-weight:100;
font-weight:lighter;
color: #ecd9c9;
display:inline;
}
h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #7d6142;


display:inline;
}
h5 {
	font-weight: bold;
	font-style: italic;
}
h6 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height:11px;
font-weight: bold;
display:inline;
color: #7d6142;
margin-left:5px;
}

.gloss {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 13px;
color: #9D0000;
font-weight:bold;
}

.copy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999999;
text-decoration: none;
}

.copy a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999999;
text-decoration: none;
}

.copy a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #cd853f;
text-decoration: none;
}

.hint {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight:normal;
color: #9D0000;
}

/* ##################################### Seitenaufbau ##################################### */
#top {
	position:absolute;
	top: -169px;
	height:169px;
	width:950px;
	background-image: url(../../pix/bg/header/top.png);
}
#site {
z-index:1;
position:absolute;
height: 443px;
width: 950px;
margin:-221px 0px 0px -475px;
padding: 0px;
top: 50%;
left: 50%;
}

#content{
z-index:10;
position:absolute;
right:0px;
top:105px;
width: 500px;
height:323px;


}

#navi {
z-index:20;
position:absolute;
left:0px;
top:0px;
height:428px;
width:428px;
}

#head{
z-index:10;
position:absolute;
left:450px;
top:14px;
width: 500px;
height:30px;


}

#subhead{
z-index:10;
position:absolute;
left:450px;
top:90px;
width: 500px;
height:30px;
}

#links {
z-index:21;
position:absolute;
left:0px;
top:0px;
width:240px;
height:323px;
}

#rechts {
z-index:21;
position:absolute;
right:0px;
top:0px;
width:240px;
height:323px;
}

#formlinks {
z-index:21;
position:absolute;
left:0px;
top:0px;
width:240px;
height:150px;

}

#formrechts {
z-index:21;
position:absolute;
right:0px;
top:0px;
width:240px;
height:150px;
}

#formunten {
z-index:21;
position:absolute;
left:0px;
top:180px;
width:500px;
height:143px;
}

#projektelinks {
z-index:21;
position:absolute;
left:0px;
top:0px;
width:307px;
height:323px;
}

#projekterechts {
z-index:21;
position:absolute;
right:0px;
top:0px;
width:173px;
height:323px;
}

#box{
z-index:21;
position:absolute;
left:0px;
top:30px;
height:300px;
width:500px;
overflow:auto;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;

}
#boxlounge{
z-index:21;
position:absolute;
left:0px;
top:30px;
height: auto;
width:500px;
overflow:auto;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-color: aqua;
border-style: solid;
}

a.box:link{
	color: aqua;
}
#box2{
z-index:21;
position:absolute;
left:0px;
top:150px;
height:173px;
width:500px;
overflow:auto;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;

}

#box3{
z-index:21;
position:absolute;
left:0px;
top:0px;
height:323px;
width:500px;
overflow:auto;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;

}


#legende {
z-index:1;
position:absolute;
left:0px;
bottom:0px;
width:500px;

}

#copy{
z-index:20;
position:absolute;
left:0px;
top:428px;
width: 428px;
height:9px;
}

#imp{
z-index:21;
position:absolute;
left:0px;
top:428px;
width: 428px;
height:15px;
text-align:right;
}

#felder{
position:absolute;
right:0px;
bottom:0px;
width: 500px;
height:15px;
text-align:right;
}

/* ##################################### Navigation ##################################### */

#bg {
position:absolute;
left:0px;
top:0px;
width:428px;
height:428px;
z-index:21;
}

#null{
position:absolute;
left:0px;
top:0px;
width:173px;
height:173px;
z-index:25;
}

#eins {
position:absolute;
left:0px;
top:173px;
width:173px;
height:87px;
z-index:25;
}

#zwei {
position:absolute;
left:0px;
top:260px;
width:173px;
height:168px;
z-index:25;
}

#drei {
position:absolute;
left:173px;
top:0px;
width:255px;
height:260px;
z-index:25;
}

#vier {
position:absolute;
left:173px;
top:260px;
width:212px;
height:76px;
z-index:25;
}

#fuenf {
position:absolute;
left:173px;
top:336px;
width:163px;
height:92px;
z-index:25;
}

#sechs {
position:absolute;
left:336px;
top:336px;
width:92px;
height:92px;
z-index:25;
}

#sieben {
position:absolute;
left:385px;
top:260px;
width:43px;
height:76px;
z-index:25;
}

#acht {
position:absolute;
left:385px;
top:298px;
width:43px;
height:38px;
z-index:25;
}
#bgstart {
position:absolute;
left:260px;
top:0px;
width:43px;
height:38px;
z-index:25;
}
/* ##################################### Koops + Empfehlungen ##################################### */

.koop {width:480px; height:30px;}

.right {float:right;}



/* ##################################### Projekte ##################################### */

ul.projekte {margin-left:-40px; margin-top:-4px;}

.pp{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:14px;
font-style: normal;
font-weight:bold;
font-variant: normal;
text-transform: none;
color: #9d0000;
text-decoration: none;
}

#p_navi {
position:absolute;
left:325px;
top:38px;
width:30px;
height:150px;
z-index:27;
text-align:right;
}

.pic {
border:1px;
border-style: solid;
border-color:#CCCCCC;
}

.pictop {
margin-top:28px;
border:1px;
border-style: solid;
border-color:#CCCCCC;
}

#popbg{
position:absolute;
left:0px;
top:0px;
width:601px;
height:428px;
background-image:url(../../pix/div/bg_pop.gif);
background-repeat:no-repeat;
}

#poppic{
position:absolute;
left:1px;
top:1px;
width:599px;
height:382px;
}

#popnavi{
position:absolute;
left:103px;
bottom:10px;
width:395px;
height:23px;
}

/* ##################################### Formulare ##################################### */

/* +++++ Schaltflächen +++++ */

.button{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #CCCCCC;
background-color: #ffffff;
font-size: 10px;
font-family:Verdana, Helvetica, sans-serif;
color:#9D0000;
height: 20px;
width:100px;
margin-top:5px;
cursor:pointer;
}

/* +++++ Checkboxen +++++ */

.cboxen{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #CCCCCC;
background-color: #ffffff;
width:12px;
height:12px;
margin-top:5px;
}


/* +++++ Eingabefelder +++++ */

.eingabef{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-color: #CCCCCC;
background-color: #ffffff;
font-size: 10px;
font-family:Verdana, Helvetica, sans-serif;
color:#9D0000;
height: 15px;
width:240px;
margin-top:7px;
}

/* +++++ Textfelder +++++ */

.txtf{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color:#CCCCCC;
background-color: #ffffff;
font-size: 10px;
font-family:Verdana, Helvetica, sans-serif;
color:#9D0000;
height: 80px;
width:500px;
margin-top:5px;
}
#fett {
	font-weight: bolder;
	font-style: italic;
}