/* 
   taeks
   base0.css 
   07.08.2009 // cs 
*/

body {
   font-family: Verdana, sans-serif; 
   font-size: 12px;
   text-align: left;
   line-height: 1.4em;
   width: 100%;
}  

html, body, ul, li, p, h1, h2, h3 {
   margin: 0; 
   padding: 0; 
}

ul {
   position: relative;
}

a, img, img a {
   border: none;
}

a, a:hover, a:active {
   color: #000099;
}

h1, h2, h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
}


/* Layout ----------------------------- */

#page	{
   width: 100%;
}

#head {
   background-color: #ffbc59;
   width: 100%;
   height: 120px;
   border-bottom: 1px solid #BBB;
}

#head_logo {
   float: left;
   width: 200px;
   height: 30px;
   margin: 80px 0 0 20px;
   display: inline;
}

#head_img {
   float: left;
   width: 500px;
   height: 100px;
   margin: 10px 0 0 20px; 
   display: inline;
}

#breadcrumb {
   float: left;
   background-color: #FFF;
   height: 20px;
   padding: 10px 0 0 240px;
   width: 600px;
   display: inline;
   color: #666;
   font-size: 0.9em;
}

#main {
   float: left;
   background-color: #FFF;
   width: 100%;
   margin-bottom: 50px;
   min-height: 500px;
}

#main_nav {
   position: absolute;
   left: 0;
   width: 200px;
   margin: 44px 0 0 20px;
   display: inline;   
}

#main_left {
   position: absolute;
   left: 220px;
   width: 400px;
   margin: 20px 0 50px 20px;
   display: inline; 
}

#main_right {
   position: absolute;
   left: 640px;
   width: 300px;
   margin: 64px 0 50px 20px;
   display: inline;
}

#foot {
   width: 100%;
   height: 30px;
}

/* Formatierung ----------------------- */

#head_logo h1 {
   font-size: 20px;
}


#head_img  {
   
}

#breadcrumb p, #breadcrumb a {
   color: #666;
}

#breadcrumb p a:hover {
   color: #666;
   text-decoration: underline;
}


/* Navigation ------------------------- */

#main_nav ul {
   border-bottom: 1px solid #DDD;
}

#main_nav li {
   list-style-type: none;
   width: 200px;
   height: 25px;
}

#main_nav li a {
   color: #333;
   font-size: 13px;
   letter-spacing: 0.04em;
   line-height: 24px;
   width: 195px;
   display: block;
   padding: 0 0 0 5px;
   margin: 0;
   text-decoration: none;
   border-top: 1px solid #DDD;
}

#main_nav li a:hover, #nav .sel {
   background-color: #DDD;
}

#main_nav .sel a {
   font-weight: bold;
   letter-spacing: 0;
}

#main_nav .lev1, .lev2, .lev3 {
   
}

#main_nav li.lev2 a {
   border: none;
}

#main_nav li.lev3 a {
   border: none;
}

#main_nav li.lev2 a {
   padding-left: 20px;
   width: 175px;
}

#main_nav li.lev3 a {
   padding-left: 40px;
   width: 155px;
}


/* Hauptinhalt ------------------------ */

#main_left h1 {
   font-size: 20px;
   line-height: 25px;
   letter-spacing: 0.04em;
   margin-bottom: 24px;
}

#main_left h2 {
   font-size: 16px;
   letter-spacing: 0.02em;
   line-height: 1.4em;
   margin-top: 12px;
   margin-bottom: 12px;
} 

#main_left p {
   font-size: 12px;
   line-height: 1.35em;
   margin-bottom: 0.8em;
}

#main_left ul {
   padding-left: 25px;
}

#main_left li {
   margin-bottom: 5px;
}

/* Galerie --------------------------- */

.galerie {
  margin-bottom: 20px;
}

.galerie img {
   border-right: 1px solid #FFF;
   border-bottom: 1px solid #FFF;	
}

/* Einrichtungen ---------------------- */

/* Grau hinterlegte Kästen für Einrichtungen */

.box, .box2 {
   float: left;
   display: inline;
   padding: 0 5px 0 5px;
   margin: 0 10px 10px 0;
   background-color: #EEE;
}

.box {
   width: 240px;
   height: 100px;
}

.box2 {
   width: 500px;
   height: 150px;
}

.box img, .boxlang img {
   float: right;
   margin: 0 10px 0 0;
}

.box2 img {
   float: right;
   margin: 0;
}

.box h3 {
   margin-top: 20px;
}

.boxlang {
   float: left;
   height: 320px;
   width: 240px;
   display: inline;
   padding: 0 5px 0 5px;
   margin: 0 10px 10px 0;
   background-color: #EEE;
}

/* Gruppierung: 1,2,3 in einer Reihe */

.group1, .group2, .group3 {
   float: left;
   margin: 0 10px 10px 0;
}

.group1 {
   width: 250px; 
}

.group2 {
   width: 500px; 
}

.group3 {
   width: 750px; 
}

/*
.group2 h2, .group3 h2 {
   width: 240px;
}
*/

.spalte {
   float: left;
   width: 250px;
   margin: 0 10px 10px 0;
}

.clear {
   clear: both;
}

/* Fusszeile -------------------------- */

#foot p {
   font-size: 0.9em;
   margin: 5px 0 0 0;
}

#foot p, #foot a {
   color: #666;
   text-decoration: none;
}

#foot a:hover {
   text-decoration: underline;
}