html,body
   {
	width:100%;
   height:100%;
   margin:0px;
   padding:0px;
   overflow:auto;
   }
html * 	{font:11px verdana,arial,sans-serif;}
h1,h2,h3,h4{font-weight:bold;}
h2{margin-bottom:0px;}

a, span	{text-decoration:none;padding:1px 3px;}
#cont a,.bulletlist li a	{text-decoration:none;}

h1			{font-size:14px;font-weight:bold;margin:10px 10px 10px 0px;}
strong	{font-weight:bold}


table
   {
   table-layout:fixed;
   border-collapse:collapse;
   width:100%;height:100%;margin:0px;padding:0px;
    }
tr.art {height:20px;text-align:center;}

/* Kopfzeile */
tr.oben, tr.oben td
	{
   height:100px;
   background-position:bottom;
   background-repeat:repeat-x;
   vertical-align:bottom;
   padding-bottom:20px
   }
/* Fußzeile (2. Navigation)*/
tr.unten td
	{
   height:auto;
   background-position:top;
   background-repeat:repeat-x;
   }
td.bgu
	{
   text-align:right;
   vertical-align:top;
   }

/* Zeile mit eigentlichem Inhalt */
tr.inhalt {height:350px;}


td{vertical-align:top;}
ul#hauptnavigation ,ul#hauptnavigation ul
	{
     position:relative;
     display:block;
     width:100%;
     margin:12px 10px 12px 0;
     padding:0;
     list-style-type:none;
     }

ul#hauptnavigation li ,ul#hauptnavigation ul li
	{
     position:relative;
     display:block;
     text-align:right;
     width:160px;
     margin:0;
     padding:0 0 5px 0;
     list-style-type:none;
     font-size:11px;
     }

ul#hauptnavigation a,
ul#hauptnavigation a:link,
ul#hauptnavigation a:visited
	{
     height:50px;
     width:160px;
     }
#hauptnavigation a span.text{padding:1px 3px;     line-height:50px;
}
#typ0 #hauptnavigation a div{border:1px solid #969986;}
#typ0 #hauptnavigation a:hover div,#typ0 #hauptnavigation li#open a div{border:1px solid #707364;}
#typ1 #hauptnavigation a div{border:1px solid #bfb169;}
#typ1 #hauptnavigation a:hover div,#typ1 #hauptnavigation li#open a div{border:1px solid #663;}
#typ2 #hauptnavigation a div{border:1px solid #8c5847;}
#typ2 #hauptnavigation a:hover div,#typ2 #hauptnavigation li#open a div{border:1px solid #664034;}
#typ3 #hauptnavigation a div{border:1px solid #8e9656;}
#typ3 #hauptnavigation a:hover div,#typ3 #hauptnavigation li#open a div{border:1px solid #8e9656;}
#typ4 #hauptnavigation a div{border:1px solid #969986;}
#typ4 #hauptnavigation a:hover div,#typ4 #hauptnavigation li#open a div{border:1px solid #707364;}

#hauptnavigation li a span.bild{padding:0;float:right;display:block;height:50px;width:50px;margin-left:4px;}
a#davor span.bild{background:url(../img-navigation/sebastian-schramm0.jpg);}
a#drinnen span.bild{background:url(../img-navigation/drinnen0.jpg);display:block;height:50px;width:50px;float:right;}
a#draussen span.bild{background:url(../img-navigation/draussen0.jpg);display:block;height:50px;width:50px;float:right;}
a#dazwischen span.bild{background:url(../img-navigation/dazwischen0.jpg);display:block;height:50px;width:50px;float:right;}
a#danach span.bild{background:url(../img-navigation/impressionen0.jpg);display:block;height:50px;width:50px;float:right;}

a#davor:hover span.bild, li#open a#davor span.bild{background:url(../img-navigation/sebastian-schramm.jpg);}
a#drinnen:hover span.bild, li#open a#drinnen span.bild{background:url(../img-navigation/drinnen.jpg);}
a#draussen:hover span.bild, li#open a#draussen span.bild{background:url(../img-navigation/draussen.jpg);}
a#dazwischen:hover span.bild, li#open a#dazwischen span.bild{background:url(../img-navigation/dazwischen.jpg);}
a#danach:hover span.bild, li#open a#danach span.bild{background:url(../img-navigation/impressionen.jpg);}


/* Ausrichtung der Zelle mit dem Inhalt */
td#mitte		{text-align:left;vertical-align:bottom;}
td#mitte ul {list-style-type:none;}
#cont, #typ0 #cont.mitnavi
	{
   position:relative;
   display:block;
   left:0px; top:0px;
   height:278px;
   margin:12px 10px 0px 15px;
   }

.wichtig
	{
   font-size:15px;
   font-weight:bold;
   line-height:25px;
   }
#typ0 #cont
	{
	height:330px;
   margin:20px 10px 0px 15px;
   }

#cont img ,#cont.mitnavi img, #cont.wichtig img
	{
	border-width:1px;
   border-style:solid;
   float:left;
   }
body.rechts #cont img
	{
   float:right;
   }
#cont img.klein
	{
   position:relative;
   left:-6px;
   top:-208px;
	border-width:2px;
   }
#cont a img
	{
   float:none;
   border:none;
   display:inline;
   margin:0px;padding:0px;
   }
#cont img.nofloat{float:none}

#typ1 #cont ul,#typ2 #cont ul,#typ3 #cont ul,#typ0 #cont.mitnavi ul
	{
   list-style-image:none;
   list-style-type:square;
   margin-left:0;
   padding-left:0px;

   }
#cont #navigation4 li
	{
   margin:2px 0px 0 0 ;
   padding:0px 5px 0 0 ;
   font-size:11px;
   }

#typ1 #cont ul.bulletlist{margin-left:310px;padding-left:20px;  }
#typ1 #cont ul.bulletlist li{margin-left:15px;padding-left:0px;list-style-type:square;}
#typ1 #cont ul.bulletlist li a.open{color:#000;}

#typ2 #cont ul.bulletlist{margin-left:310px;padding-left:20px;  }
#typ2 #cont ul.bulletlist li{margin-left:15px;padding-left:0px;list-style-type:square;}
#typ3 #cont ul.bulletlist{margin-left:310px;padding-left:20px;  }
#typ3 #cont ul.bulletlist li{margin-left:15px;padding-left:0px;list-style-type:square;}
#typ0 #cont.mitnavi ul.bulletlist{margin-left:310px;padding-left:20px;  }
#typ0 #cont.mitnavi ul.bulletlist li{margin-left:15px;padding-left:0px;list-style-type:square;}



#typ0 #cont ul
	{
   list-style-image:url('../img-startbilder/list-pkt.gif');
   margin-left:290px;
   }

/* projekt-Navigation */
#navigation2
	{
   position:relative;
   left:0px;top:1px;
   margin:0px;
   width:620px;height:60px;
   border:none;
   }
#navigation2.flach
	{
   height:20px;
   }
#navigation2.flach li
	{
   border:none;
   }
#navigation2 ul
	{
   position:absolute;
   right:15px;
   padding:0px;margin:0px;
   height:35px;
   }
#typ0 #navigation2 a
	{
   height:12px;
   }
#navigation2 li
	{
   float:left;
   padding:0px;margin:2px 2px 0px 0px;
   border-width:1px; border-style:solid;
   }
#typ0 #navigation2 li, #typ0 img
	{
   border-width:0px;
   }
#navigation2 img,#navigation2 a,#navigation2 span
	{
   padding:0px;margin:0px;border:none;
   }
#navigation2 ul {position:absolute;right:0px;}

/* 2. Navigation */
#navigation3
	{
	text-align:right;
	vertical-align:top;
	padding:15px 0px 20px 0px;
   }
#navigation3 a,#navigation3 a:hover,#navigation3 span
	{
	margin:0px 3px;

   }

/* Detailnavigation */
#navigation4
	{
   float:left;
   width:275px;height:auto;
   padding:0px;
   margin:0px;
   position:absolute;
   bottom:24px;
   right:0px;
   }


#navigation4 ul
#cont.mitnavi #navigation4.ul{
	position:relative;
     float:left;
     padding:5px 0 0 0;
     list-style-type:none;
     text-align:left;
     }
#navigation4 ul li{
     position:relative;
     float:left;
	padding:0;
     display:inline;
     }
#navigation4 ul li.h2{float:none;}
#navigation4 ul li.h2 h2{margin:0 0 5px 0;}
#navigation4 ul li a,
#navigation4 ul li a:link,
#navigation4 ul li a:visited{
     position:relative;
     padding:0px;
     margin:0 5px;
     display:block;
     }
#navigation4 ul.ohne-deko li a,
#navigation4 ul.ohne-deko li a:link,
#navigation4 ul.ohne-deko li a:visited
	{
	margin:0 0 0 0;
     }
/*#typ1 #navigation4 ul{background:url(../img-bg/bg-linie-1.gif) repeat-x top;}
#typ1 #navigation4 ul.ohne-deko{background:none;}*/
#typ1 #navigation4 ul li{border-right:1px solid #bfb169;}
#typ1 #navigation4 ul li.last,#typ1 #navigation4 ul li.h2{border-right:none;}
#typ1 #navigation4 ul.ohne-deko li{border-right:none;}

/*#typ2 #navigation4 ul{background:url(../img-bg/bg-linie-2.gif) repeat-x top;}
#typ2 #navigation4 ul.ohne-deko{background:none;}*/
#typ2 #navigation4 ul li{border-right:1px solid #8c5847;}
#typ2 #navigation4 ul li.last,#typ2 #navigation4 ul li.h2{border-right:none;}
#typ2 #navigation4 ul.ohne-deko li{border-right:none;}

/*#typ3 #navigation4 ul{background:url(../img-bg/bg-linie-3.gif) repeat-x top;}
#typ3 #navigation4 ul.ohne-deko{background:none;}*/
#typ3 #navigation4 ul li{border-right:1px solid #8e9656;}
#typ3 #navigation4 ul li.last,#typ3 #navigation4 ul li.h2{border-right:none;}
#typ3 #navigation4 ul.ohne-deko li{border-right:none;}

/*#typ4 #navigation4 ul{background:url(../img-bg/bg-linie-4.gif) repeat-x top;}
#typ4 #navigation4 ul.ohne-deko{background:none;}*/
#typ0 #navigation4 ul li{border-right:1px solid #969986;}
#typ0 #navigation4 ul li.last,#typ0 #navigation4 ul li.h2{border-right:none;}
#typ0 #navigation4 ul.ohne-deko li{border-right:none;}

#navigation4 ul.ohne-deko li,#navigation4 ul.ohne-deko{border:none;}

/* Impressum */
.spalte
	{
   float:left;
   margin-top:10px;
   width:270px;
   }
.spalte .block {display:block;}
.spalte dl {width:250px;margin:0px;text-align:left;}
.spalte dt {float:left; width:78px;margin:0px 0px 5px 0px;clear:both;text-align:left;}
.spalte dd {float:left;margin:0px 0px 5px 0;width:168px;text-align:left;}

/* Disclaimer, Fließtext nicht über die ganze Breite */
#cont.schmal {width:400px;}

/* Detailbilder */
#cont img.detail
	{
   margin:25px 25px 25px 25px;
   border:1px solid #ccc;
   }
/* Formular Kontaktseite */
form{clear:both;line-height:160%;}
form dl{width:380px;margin:5px 0 20px 0px;}

form dt{float:left;text-align:left;width:70px;margin:0px 5px 0px 0px;clear:both;}
form dd {margin-left:0px;margin-bottom:0px; float:left;width:280px;}
form textarea,input{color:#4B4C43;background:#f0f2da;border:1px solid #aeb19d;}
form textarea{width:380px;overflow:auto;}
form input{width:305px;}
form .but{width:85px;margin-right:4px;color:#f0f2da;background:#aeb19d;}
#typ4 #cont form span.pflicht {color:#c00;margin-right:2px;background:transparent;}

div.img{height:90%;width:310px;position:relative;float:left;margin-right:10px;}
div.img img{position:absolute;right:0px;top:0px;}

dl{
	position:relative;
     width:550px;
     }
dt{
	position:relative;
     width:160px;
     float:left;
     clear:both;
     padding:2px 0;
     margin-right:10px;
     text-align:right;
     }
dd{
	position:relative;
     width:320px;
     float:left;
     margin-left:0px;
     padding:2px 0;
     }
dd.extern{padding-left:14px;background:url(../img/newwindow.gif) no-repeat left;}
.spalte dd.extern{width:auto;}
.clearer {
   height: 0px; /*fehler ff box does not expand*/
   clear: both;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
 .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
span.intern{
	background:url(../img/interner-link.gif) no-repeat left 50%;
     padding-left:14px;
     }