body {
	margin: 0px;
	padding: 5px;
}

#burger {
  display: none;
}

#toggle-nav {
	display:none;
}

@media screen and (max-width: 990px) {
	#burger {
	  display: inline;
	  width: 100%;
	  background-color: #dddddd;
	  float: left;
	  font-size: 1.5em;
	  text-align: center;
	  line-height: 2em;
	}
	
	#toggle-nav {
	  float: left;
	}
	
	nav {
		width:100%;
		float:left;
	}
	
	nav li {
		float:left;
		width:100%;
		padding-bottom:2px;
	}
	
	nav a, nav a:link, nav a:visited {
		display:block;
		width:90%;
		padding:1em;
		text-decoration:none;
		color: #ffffff;
			  		background-color: #013d79;
	}
	
	#toggle-nav {
		display:none;
	}
	
	  #toggle-nav {
		display:block;
		color: #ffffff;
		cursor:pointer;
	}
}


/*-----------------Links---------------------------------*/ 


html {
  width:100%;
  font-family:"Calibri, Verdana";
  color: #000000;
}

#info ul#menu_main {
	color: #ffffff;
}

#info ul.sitemap, #info ul.sitemap a{
	color: #000000;
}

a.link_biblio, a:link.link_biblio, a:visited.link_biblio, a:hover.link_biblio, a:active.link_biblio {
   background-color: #f38e00;
   color: #ffffff;
}

 a:link { color:#000000;     text-decoration:none; }
 a:visited { color:#000000; text-decoration:none; }
 a:hover { color:#000000;   text-decoration:underline;}
 a:active { color:#000000;   text-decoration:underline;}

label:hover {
	text-decoration: underline;
}

.link_biblio {
   width: 160px;
   float: right;
   margin-top: 80px;
   font-size: 80%;
}


ul#navigation, ul#menu_main {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}


#menusign {
   width:60px;
   height:60px;
   background-position:left;	
   background-position:top;	
   background-image: url(../images/small-tiles.png);
   background-repeat:no-repeat;	
}


/*-----------------?berschriften---------------------------------*/

h1 {
	font-size: 160%;
	font-weight : bold;
	color: #767676;
}

h2 {
	font-size: 140%;
	font-weight : bold;
	padding-left: 10px;
}

h3 {
	font-size: 120%;
	font-weight : bold;
	clear: both;
}

/*-----------------Spezial-------------------------------
  --------Infos wie Erm??igung, Teilnahmebedingung,... */


p.infotext {
	font-size: 120%;
}

/*-----------------Links---------------------------------*/

a.agb {
   color: 0000ff;
   font-weight: bold;
   text-decoration: underline;
}

.kenntnisnahme_widerruf {
  clear: both;
  margin-top: 0.8em;
}

.Kursverweise_Box {
  padding: 1em 0em;
}

.divKursverweis {
  clear: both;
}

/*--------------------- Hauptbereiche ------------------------------------*/

#rahmen {
   font-family:Calibri, Verdana,Arial,sans-serif;
   font-size:103%; 
}

 @media screen and (max-width:310px) {
	#rahmen {
		width: 310px;
	}
 }


#kopf {
   height:1em;
   background-color: #f38e00;	
}




@media screen and (max-width:990px) {
	#inhalt {
		clear:both;
	}
	
}



/*--------------------- Unterbereiche Inhalt ------------------------------------*/


/* linke Grafik*/

#navilkopf {
   height:120px;
   margin: 10px 0px;
   clear: both;
   background-position:left;	
   background-position:top;	
   background-image: url(../images/logo-haltern2.gif);
   background-repeat:no-repeat;	

 }

 @media screen and (max-width:990px) and (min-width:510px) {
	#logobild {
		padding: 0px;
		background-image: url(../images/logo-haltern2.gif);
		background-repeat: no-repeat;
	}
 }
 
 @media screen and (max-width:990px) {
	#navilkopf {
		background-image: none;
		width: 100%;
		height: 100px;
	}
	#kopf {
	background-color: #ffffff;
	height: 0em;
	}
}

@media screen and (max-width:509px) {
	#logobild {
		width: 185px;
				background-repeat: no-repeat;
		background-image: url(../images/logo-haltern2.gif);
		float: right;
	}
	#menusign {
	  float: right;
	}
	
	#navi {
		margin: 0em;
		padding: 0em;
	}
	
}


/* rechte Grafik*/

#navirkopf {
   background-position:left;	
   background-position:top;	
   background-repeat:no-repeat;	
 }


/* Abschlussgrafik*/

#navifuss {
   height:250px;
   background-position:center;	
   background-image: url(../images/lvb.jpg); 
   background-repeat:no-repeat;	
}



/*gesamter Navibereich*/

#navi {
  /*border-right:1px solid blue;*/
   	background-color: #ffffff;	
  	padding: 0px;
   	font-size:10pt;
   	float:left;
   	left-margin:0em;
	float: left;
	width: 20%
}

	ul#menu_main {
		margin: 0em;
		padding: 0em;
        width: 100%;
	}

	ul#menu_main li {
		margin: 0.5em 0em;
		padding: 1em 0em 1em 0em;
        width: 100%;
		background-color: #f38e00;
	}
	
ul#menu_main li:hover {
     background-color: #013d79;
}
	
#menu_main a:link, #menu_main a:active, #menu_main a:visited {
	color: #ffffff;
    padding-left: 10px;
}

@media screen and (max-width:990px) {
	#navi {
		width: 100%;
		font-size: 1em;
	}
	#navifuss {
		display: none;
	}
	
	#info{
		width: 100%;
	}
	
	ul#menu_main li {
		margin: 0.5em 0em;
        /*width: 97.5%;*/
	}
	
}


/*gesamter Infobereich*/

#info {
  margin-top:1em;
  text-align:left;
  float:left;
  background-color: #DDDDDD;
  width: 80%;
}

#info_hilfe, #info_agb, #info_ermaessigung {
	width: 100%;
}


@media screen and (max-width:990px) {
	#info {
		clear: both;
		  width: 100%;
	}
	
	#info a:link, #info a:hover , #info a:active , #info a:visited {
		color: #ffffff;
	}
	
	ul#infotop a:link, ul#infotop a:hover , ul#infotop a:active, ul#infotop a:visited {
		color: #000000;
	}
	
	#info a.agb {
      color: 0000ff !important;
      font-weight: bold;
      text-decoration: underline;
    }
	
}

/*--------------------- Universal-Klassen ------------------------------------*/


.abschluss {
   clear:both;
}


/*--------- Infobereich - Titel Hierarchiene -------*/


.bereich {
   width:98%;
   margin-bottom:1em;	
}

.infotitel {
  width:98%;
  text-align:left;
  font-weight:bold;
  margin-left: 1em;	
}


.ebene0 {
  width:98%;
  text-align:right;
  margin-left: 1em;	
}


.ebene1 {
  width:98%;
  text-align:right;		
  margin-left: 1em;	
}


.ebene2 {
  width:98%;
  text-align:right;		
  margin-left: 1em;	
}


#karte{
	text-align:center;
	vertical-align:middle;	
}


/*----------Kurslisten----------------*/

.k_nr {
  text-align:left;		
  width:8%;
  float:left;
  margin-left: 1em;		
}

.k_datum {
  text-align:left;		
  width:22%;
  float:left;	
  margin-left: 1em;	
}


.k_titel {
  text-align:left;		
  float:left;	
  margin-left: 1em;
  width: 40%;	
}


.k_abschluss {
  clear:left;	
}

.k_stadt {
  text-align:left;		
  float:left;
  width: 15%;	
  margin-left: 1em;		
}



/*-------------Kursbeschreibung----------------*/

.kursbeschreibung {
  text-align:left;
  color: #ffffff;
  background-color: #f38e00;	
}

.kursbeschreibung a:link,
.kursbeschreibung a:active,
.kursbeschreibung a:visited {
	color: #ffffff;
}


.beleg_hinweis {
  font-family: Calibri, Verdana,Arial,sans-serif;
  font-size:111%; 
  color:red;		
  text-align:left;
  margin-top: 1em;	
  margin-left: 1em;	
  margin-right: 2em;	
  margin-bottom:1em;	
}


.kursAnmeldung, .kursTitel, .kursBeschreibung, .kursMaterial, .kursInfo, .kursAussenstelle, .kursHomepageStadt {
  padding: 1em 0.5em;
}

form {
        margin: 1em 0em 0em 0em;
        padding: 0px;
}

.row {
	width: 100%;
	clear: both;
	margin: 0.5em 0em;
}

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

.eingabe{
	margin-left: 1em;
}

/*---------------Anmeldeformular -------------*/


.formular{
	width:98%;
	margin-left:1em;
}

.row label {
	width: 20%;
	text-align:left;
	float:left;
	min-width: 180px;	
}

.row label[class^="plz"] {
  width: 5% !important;
  min-width: 2.8em;
}

 .row label[class^="ort"] {
  width: 15% !important;
  min-width: 0px;
}


.row input[type^="text"], .row input[type^="email"] {
  width: 80%;
}

.row input[class^="plz"] {
  width: 12%;;
}

.row input[class^="ort"] {
  width: 40%;
}


.f_fehler{
	width:100%;
	text-align:left;
	float:left;
	margin-bottom: .5em;
	color:#FF0000;
}