
html {
	height:100%;
         margin: 0px;
         padding:0px;
}

body {
	background-color: #FFFFFF;
         margin: 0px;
         padding: 0px;
         height: 100%;
         background: #FFFAC7 url('grafik/gradbg.jpg') repeat-x;
}



#frame {
         min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 900px;
         margin-left: 50%;
       	position: absolute;
         left: -450px;
         height: 100%;
         padding: 0px;
         border-left: 1px solid #FF7200;
         border-right: 1px solid #FF7200;
         background-color:  #FFFFFF;
}

* html #frame
{
height: 100%;
}

/* ---------------------------------------------------- */
#content {
          min-height: 100%;
	 height: auto !important;
	 height: 100%;
          background-color:  #FFFFFF;
          width: 900px;

}



#Juco-03-head {
	width: 900px;
	height: 145px;
         padding: 0;
         margin: 0;
         background-image:url('grafik/Juco_03_head.jpg');
         background-repeat:no-repeat;
}

.smallnav {
         font-family: Verdana, Arial, sans-serif;
         font-size:8pt;
	padding-top: 129px;
         padding-left:620px;
}
.smallnav a {
         font-family: Verdana, Arial, sans-serif;
         font-size:8pt;

}

#Juco-04-nav {
	width: 200px;
         height: auto;
         padding-left: 15px;
         float: left;

}


#Juco-06-foot {
         clear: both;
         text-align: center;
	width: 900px;
	height: 24px;
         position: absolute;
    	bottom: 0;
         margin: 0;
         background-image:url('grafik/Juco_06_foot.jpg');
         background-repeat:no-repeat;

}
.adress {
       font-family: Verdana, Arial, sans-serif;
       font-size:8pt;
       padding-top:4px;
}


.seite { width:658px;
         float:right;
	height:auto;
	background-color:#FFFFFF;
         text-align:left;

}

.inhalt {

         font-family: Verdana, Arial, sans-serif;
         font-size:10pt;
         background-color:  #FFFFFF;
         padding-bottom:30px;



}

.text {  height:auto;
	font-family: Verdana, Arial, sans-serif;
         font-size:9pt;
         padding-bottom:5px;
         margin-left:10px;
         padding-right:17px;
         text-align:left;

}

/* --------------------------------------------------------- */

h1 { font-size:13pt;
     font-weight:bold;
     color:#FF6600;
     margin:15px 0 3px 0;
     padding:0;

}
h2 { font-size:10pt;
     font-weight:bold;
     color:#FF6600;
     margin:0 0 5px 0;
     padding:0;

}

.titel {
	color:#FF6600;

}

.untertitel { color:#FF6600;

}



.zielgruppe { font-size:9pt;
	     margin:0 0 3px 0;
	     color:#000000;
              font-weight:bold;

}

.dozent { font-size:10pt;
	 color:#000000;
          padding:0;
          margin:0;
          font-weight:bold;
          font-style:italic;
          text-align:left;
}


.termin { font-weight:bold;
	 color:#FF7200;
          width:640px;
          padding:3px;
          background-color:#FEF79F;
}


a { text-decoration:none;
    font-size:10pt;
    color:#C85000;
    font-weight:bold;
}
a:hover {color:#FF6600;
}

.anmerkung { clear:both;
             font-size:10pt;
        	    padding:0;
             font-style:italic;


}

/* --------------------------------------------------------- */

#button {
		width: 200px;
                 height:auto;
		border-right: 1px solid #FFAF00;
		padding-bottom: 22px;
		font-family: Verdana, Arial, sans-serif;
		background-color: #FFE378;
                 font-size:10pt;
                 font-weight:bold;
		color: #EFEFEF;
	}

#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}

#button li {
		border-bottom: 1px solid #FFAF00;
		margin: 0;
		}

#button li a {
		display: block;
		padding: 4px 4px 4px 10px;
		border-left: 5px solid #FF7200;
		background-color: #FFC72F;
		color: #000000;
		text-decoration: none;
		width: 100%;
		}

html>body #button li a {
		width: auto;
		}

#button li a:hover {
		border-left: 3px solid #FFF12B;
		background-color: #FF7200;
		color: #ffffff;
		}

.seclvl {
		padding-left:5px;
         	background-color:#FFF12B;

         }
.seclvl a {      display: block;
		color:#2F2F2F;
         	font-size:8pt;
         }


.thirdlvl  {
		padding-left:10px;
         	background-color:#FFF46A;

         }
.thirdlvl a  {	color:#2F2F2F;
		font-size:8pt;
         }
.forthlvl  {

                 padding-left:15px;
         	background-color:#FFF8A7;

         }
.forthlvl a  {
		color:#000000;
		font-size:8pt;
         }

#button div a {
		display: block;
                 padding: 2px 2px 2px 10px;
		border-left: 5px solid #FF7200;
		background-color: #FFF46A;
		color: #4F4F4F;
		text-decoration: none;
		}
#button div a:hover {
		border-left: 3px solid #FFF12B;
		background-color: #FF7200;
		color: #ffffff;
		}

/* ----------------------------------------- */
.clearfix: after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.bildk { float:right;
         padding-right:30px;
         padding-left:8px;
         padding-top:15px;
}

.bilda {float:right;
        padding:5px;
	 }

.bildb {
         padding:5px;
         float:left;
	 }
.bildnews {
           padding:8px;
           float:left;

}

.label {width:120px;
}
.label2 {width:120px; color:#00BF00;
}

.input { border:1px solid #C85000;
         background-color:#FFF576;
}
.button { background-color:#EBEAEA;
	 font-weight:bold;
}
.anmeldung {border-bottom:1px solid #BFBFBF;
	   border-left:1px solid #EFEFEF;
            border-right:1px solid #EFEFEF;
            border-top:1px solid #EFEFEF; }
