*  { padding: 0; margin: 0; }

h2, h3, h4, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }

html {
	scrollbar-base-color:#4AA69C;
	scrollbar-arrow-color:FFFFF0;
	height: 101%;
}

body {
/*   background-color: #8c8c8c;  */
/*   background-color: #bfe2f8; hellblau vom Folder */
   background: url('../images/bg_pic_green.gif');

/*   background: #C6C3C6; */
/*   background: #4aa69c; ade7de*/
/*   background: #a7cfc3; OKOKOK */
/*    filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; */
   font-family: Helvetica, Verdana, Arial, sans-serif;
   font-size: 10pt;
}

h1 { font-size: 20pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12Pt; }
h4 { font-size: 11Pt; }

address {
   text-align: center;
   font-size: 80%;
   font-style: normal;
   letter-spacing: 2px;
   line-height: 1.5em;
}

/* Hyperlinks */
a { text-decoration: none; outline: none;}
a:link { color: #4aa69c; }
a:visited { color: #4aa69c; }
a:hover,
a:focus {
  border-bottom: 1px solid #4aa69c;
}

a:active {
   color: white;
   background-color: #4aa69c; /* #d90000; #BFE2F8; #B6D839; */
}

/* Allgemeine Klassen und IDs */
.skiplink {
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}
.bildlinks {
   float:left;
   padding: 3px;
   border: 5px solid #ccc;
   margin-right: 10px;
   margin-bottom: 10px;
}
.bildrechts {
   float:right;
   padding: 3px;
   border: 5px solid #ccc;
   margin-bottom: 10px;
   margin-left: 10px;
}
.clearing { clear: both; }

.images {
   border-left: 1px solid green;
   width:100px;
   height:100%;
   clear:both;
   float:left;
   position:relative;
   top:12px;
   margin-left:0px;
   font-size:8pt;
   padding: 5px;
}
#gallery {
   width: 800px;
   text-align: left;
   color: black;
   background-color: #f6f6f6;
   margin: 10px auto;
   border: 10px solid white;
   padding:20px;
}

#head {
   text-align: center;
   border-bottom: 1px solid #4AA59C;

}

#head table {
   text-align: center;
   margin: 0px auto;
}

#logo {
   color: black;
   background-color: white;
   padding: 5px;
   border: 5px solid #d9d9d9;
}

#navquer {
   font-size: 8pt;
   color: gray;
   margin-bottom: 10px;
   margin-left: 0px;
   text-decoration:underline;
/*   background: url('../images/nav.png'); */
}


/* ====================================
   2. Styles für die  Layoutbereiche
   ==================================== */

#wrapper {
   color: black;
   background: url('../images/round_left_top_green.gif');
   background-repeat: no-repeat;
   background-position: -2px -2px;
   background-color: #fffff0;
/*   width: 90%; */
/*   min-width: 800px; NEU */
/*   max-width: 1024px; NEU */
   width: 900px;
   margin: 10px auto;
   border: 0px solid blue;
}

#aktuelles {
   color: black;
   background-color: #f6f6f6;
   width: 180px;  /* NEU */
   margin: 10px auto;
   border: 0px solid black;
}

#update {
   width: 100%;  /* NEU */
   margin: 10px auto;
   border: 0px solid black;
   text-align:right;
   font-size:8pt;
   float:right;
}

#kopfbereich {
   text-align: center;
   position: relative;
   color: black;
   border: 0px solid green;
   margin-left:auto;
   margin-right:auto;
   padding-left:20px;
   padding-right:20px;
   padding-top:10px;
   padding-bottom:10px
}

   #kopfbereich p {
      font-weight: bold;
      padding: 5px 0 5px 0;
      margin-bottom: 0;
      text-align: center;
   }
   #kopfbereich p span {
      color: #d90000;
   }
   #kopfbereich h1 {
      text-align: center;
      color: marineblue;
   }

#content {
   border: solid 0px red;
   width: 100%;
   min-height: 400px;
/*   background-color: #bfe2f8; */ /* hellblau vom Folder */
/*   background-color: yellow; */
}

#content .ii{
   margin-left:4px;
   float:left;
   height: 100px;
/*   background:#efefef; */
}

#content .ii img{
   position:relative;
   top:-4px;
   left:-4px;
   background:#fff;
   padding:4px;
   border:1px solid #ccc;
   float:left;
}

#content .l{
   margin:8px 0 10px 10px;
   float:left;
}

#content .gallery {
   width: 800px;
   text-align: left;
   color: black;
   background-color: #f6f6f6;
   margin: 10px auto;
   border: 10px solid white;
   padding:20px;
}

.imagetext {
   border-left: 1px solid green;
   width:100px;
   height:60px;
   float:left;
   position:relative;
   top:12px;
   margin-left:30px;
   font-size:9pt;
   padding: 5px;
}


/* für IE6 */
* html #navibereich { padding-left: 20px; }/* NEU */

#lie2 {
   border-left: 0px solid green;
   font-size: 8pt;
   padding-left: 10px;
}


#navibereich_frame {
   padding: 0px;
}

#navibereich {
   float: left;
   width: 190px; /* NEU */
   padding-left: 0%; /* NEU */
   padding-top: 25px;
   border: solid 0px black;
   color: black;

/*   width: 110px; */
/*   padding-left: 20px; */
}
   #navibereich ul {
      border-top: 0px solid #d90000;
   }
   #navibereich li {
      list-style-type: none;
      font-size:10pt;
      line-height: 20pt;
      border-left: 0px solid #d90000;
      border-bottom: 0px solid #d90000;
      margin-left: 20px;
   }
   #navibereich a {
      display: block;
      text-decoration: none;
      color: black;
      padding: 1px;
      border-left: 0px solid #ffe574;
   }

   #navibereich a:visited {
      color: black;
   }

   #navibereich a:hover,
   #navibereich a:focus,
   #startseite #navi01 a,
   #galerieseite #navi02 a,
   #kontaktseite #navi03 a {
      color: #E70000;
      border-bottom: none;
      font-weight: bold;
      margin-left: 5px;
   }
   #navibereich a:active {
      color: #E70000;
   }

#tanzgruen {
   float: left;
   width: 300px;  /* NEU */
   margin-left:20px;
   margin-top:20px;
   border: solid 0Px green;
}

#main {
   float: left;
   width: 100%;  /* NEU */
   border: solid 0px green;
}

#text_main {
   float: left;
   width: 300px; /* NEU */
   padding: 0px 1% 0px 0; /* NEU */
   border: solid 0px black;
}

#textbereich {
   float: left;
   width: 490px;  /* NEU */
   border: solid 0px green;
   margin-left:80px;
}
   #textbereich a {
      border-bottom: 0px dotted #cc0000;
   }
   #textbereich a:hover,
   #textbereich a:focus {
      border-bottom: 1px solid #d90000;
   }
   #textbereich a:active {
      background-color: silver;
   }


/* neu für 3spaltig */

#text01 {
   float: left;
   width: 470px; /* 560px NEU */
   padding: 0px 1% 0px 0; /* NEU */
   border: solid 0px black;
}

#text01 h4{
   font-size: 11Pt;
   margin-bottom:5px;
}


#text02 {
   float: right;
   width: 220px; /* NEU */
   padding: 0px 1% 0px 0; /* NEU */
   border: solid 0px black;
   border-left: solid 1px;
}
#aktuelles_ {
   position:relative;
   top:22px;
   float: right;
   width: 220px; /* NEU */
   padding: 0px 10px 0px 10px; /* NEU */
   border: solid 0px black;
   border-left: solid 1px;
   font-size: 8pt;
}
#aktuelles_ h3{
   font-size: 12pt;
}
#aktuelles_ h4{
   font-size: 10pt;
   margin-bottom:5px;
}

   #aktuelles_ ul {
      border-top: 0px solid #d90000;
      margin: 0px;
   }
   #aktuelles_ li {
      list-style-type: none;
      margin-left: 10px;
   }
#text_650 {
   float: left;
   width: 650px; /* NEU */
   padding: 0px 1% 0px 0; /* NEU */
   border: solid 0px black;
}

#text_750 {
   width: 750px; /* NEU */
   border: solid 0px black;
}

#text_650 td{
   vertical-align: top;
   border: 0px gray solid;
   font-size: 10pt;
}

#text_650 table{
   border: 0px red solid;
   padding: 0px;
   margin: 0px;
}

#aktualisierung {
   font-size: 8pt;
   text-align: right;
}

#top {
   width:100px;
   font-size: 10pt;
   margin-right: 10px;
   margin-bottom: 10px;
   float:right;
}

#topback {
   width:100px;
   font-size: 12pt;
   margin-right: 10px;
   margin-bottom: 10px;
   border-top: 1px solid #4aa69c;
   float:right;
}

#dozent {
   font-size: 12pt;
   font-weight: bold;
}

#dozent_td {
   border: 0px red solid;
   padding: 5px;
   text-align: justify;
}

/*  Ende neu 3spaltig */
#fussbereich {
   clear: both;
   color: black;
   padding: 10px 20px 10px 20px;
   border-top:  0px solid #8c8c8c;
   text-align: right;
   font-size: 8pt;
}

#fussbereich_main {
   clear: both;
   color: black;
   padding: 10px 20px 10px 20px;
   border-top:  0px solid #8c8c8c;
   text-align: right;
   font-size: 8pt;
}

/* ====================================
   3. Sonstige Styles
   ==================================== */

/* Anmeldeformular*/

form {
   background-color: #eee;
   width: 500px; /* Breite des Formulars */
   padding: 20px;
   border: 1px solid #8c8c8c;
}

form table {
   border: 0px red solid;
   padding: 0px;
   margin: 0px;
}

form td {
   vertical-align: top;
   border: 0px red solid;
   font-size: 10pt;
}

/* Beschriftung auf eigener Zeile */

label {
   display: block;
   cursor: pointer;
}

input:focus,
textarea:focus {
   background-color: #d9d9d9;
}

/* Die Fotogalerie */
div.galerie {
   overflow: hidden;
   padding: 25px 10px 10px 0;
   margin: 0 3px 3px 0;
 }
/* für IE6 */
* html div.galerie { height: 1%; }

div.galerie img {
   float: left;
   padding: 4px;
   border: 1px solid #ddd;
   border-right-color: #aaa;
   border-bottom-color: #aaa;
   margin-right: 5px;
   margin-bottom: 5px;
}


div.galerie_vorstand {
   overflow: hidden;
   padding: 25px 10px 10px 0;
   margin: 0 3px 3px 0;
 }
/* für IE6 */
* html div.galerie_vorstand { height: 1%; }

div.galerie_vorstand img {
   float: left;
   padding: 4px;
   border: 1px solid #ddd;
   border-right-color: #aaa;
   border-bottom-color: #aaa;
   margin-right: 5px;
   margin-bottom: 5px;
}

div.galerie_vorstand td {
   border: 1px solid #ddd;
   padding-left: 5px;
   padding-top: 5px;
}

#pressetab td {
   border: 1px solid #ddd;
   padding: 10px;
   spacing: 10px;
   text-align: center;
   width: 170px;
}

/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */


#kastl {
   border: 1px solid gray;
   width: 300px;
   padding: 10px;
}



.kursuebersicht {
	border:0px solid red;
	width:120px;
	height:120px;
	float:left;
	padding:10px;
	margin:5px;
	font-size:9pt;
}

a.kursuebersicht_link:link { color: black; }
a.kursuebersicht_link:visited { color: black; }
a.kursuebersicht_link:hover,
a.kursuebersicht_link:focus {
	color: grey; 
}
a.kursuebersicht_link:active {
   color: white;
}