@charset "utf-8";
/* CSS Document */

* {
  margin:  0;
  padding: 0;
}

body {
		background-color: #fff;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size:   14px;
  color:       #000;
}

img {
  border: none;
}

a {
  outline:         none;
  text-decoration: none;
  color:           #3a599a;
}

a:hover {
  color: #000;
}
.schrift-rot {
	color: #C00;
}


#indexcontainer {

  margin:     0 auto;
  width:      100%;
  height:     100%;
		text-align:center;
}
#schild {
	position:relative;
	margin-top:4em;
  width:     2000px;
  height:     778px;
	background-image:url(../bilder/index/prosol.jpg);
	background-repeat:no-repeat;
}

#schild a {
	display:block;
  width:     2000px;
  height:     778px;
}

#messe {
	position: absolute;
	top: 20px;
	left: 600px;
	width: 358px;
	height: 149px;
	text-align: left;
}

.neu_im_programm {
	margin-bottom:0em;
	font-size:1.3em;
	font-weight:bold;
	color:#C30;
	}

#messe ul li {
	margin-top:0.3em;
	font-weight:normal;
	}	
#messe ul li a{
	color:#000;
	}	
#messe ul li a:hover{
	color:#3a599a;
	}
	

/*-------------------------------  Flaggen   143x74px  */

#sprachen {
		margin-left:19%;
		margin-top:3.5em;
  width:      1000px;
  height:     100px;
		border:none;
}

/*------------------------------------------ Einzelsprachen*/
div, a {
  background-repeat: no-repeat;
}

#sprachen > a {
  float:           left;
  width:           143px;
  height:          74px;
  background:      no-repeat -2px -1px;
  background-size: 143px 74px;
  display:         block;
  border:          none;
  line-height:     74px;
  font-family:     Arial, sans-serif;
}

#sprachen > a:hover {
  border: none;
}

#sprachen > a span {
  visibility: hidden;
}

#sprachen #de {
		margin-right:1.9em;
  background-image: url(../bilder/index/flaggen_gr/de.jpg);
}

#sprachen #de:hover {
  background-image: url(../bilder/index/flaggen_gr/de_ov.gif);
}

#sprachen #en {
		margin-right:1.9em;
  background-image: url(../bilder/index/flaggen_gr/en.jpg);
}

#sprachen #en:hover {
  background-image: url(../bilder/index/flaggen_gr/en_ov.gif);
}

#sprachen #fr {
		margin-right:1.9em;
  background-image: url(../bilder/index/flaggen_gr/fr.jpg);
}

#sprachen #fr:hover {
  background-image: url(../bilder/index/flaggen_gr/fr_ov.gif);
}

#sprachen #es {
		margin-right:1.9em;
  background-image: url(../bilder/index/flaggen_gr/es.jpg);
}

#sprachen #es:hover {
  background-image: url(../bilder/index/flaggen_gr/es_ov.gif);
}

#sprachen #pl {
  background-image: url(../bilder/index/flaggen_gr/pl.jpg);
}

#sprachen #pl:hover {
  background-image: url(../bilder/index/flaggen_gr/pl_ov.gif);
}

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

.bottom_10 {
margin-bottom:10px;
}
.top_2em {
margin-top:2em;
}

/*-------------------------------  Menü unten  */

#menue_unten {
		margin-left:19%;
		margin-left:15%;
		margin-top:0em;
		padding:0;
 		width: 1000px;
  	height: 30px;
		border:none;
}
#menue_unten p {
font-size:1.3em;
}
#menue_unten p a {
color:#000000;
}
#menue_unten p a:hover {
color:#3a599a;
}




/*--------- Abstände ------------------*/

 
.mt-0 {
	margin-top: 0 !important;
}

.mt {

margin-top: 5px !important;

}

.mt-1 {

margin-top: 10px !important;

}

.mt-2 {

margin-top: 20px !important;

}

.mt-3 {

margin-top: 30px !important;

}

.mt-4 {

margin-top: 40px !important;

}
.mt-5 {

margin-top: 50px !important;

}

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

 

.mr {

margin-right: 5px;

}

.mr-1 {

margin-right: 10px;

}

.mr-2 {

margin-right: 20px;

}

.mr-3 {

margin-right: 30px;

}

.mr-4 {

margin-right: 40px;

}

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

.mb-0 {

margin-bottom: 0 !important;

}

.mb {

margin-bottom: 5px !important;

}

.mb-1 {

margin-bottom: 10px !important;

}

.mb-2 {

margin-bottom: 20px !important;

}

.mb-3 {

margin-bottom: 30px !important;

}

.mb-4 {

margin-bottom: 40px !important;

}
.mb-5 {

margin-bottom: 50px !important;

}


 

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

.ml {

margin-left: 5px;

}

.ml-1 {

margin-left: 10px;

}

.ml-2 {

margin-left: 20px;

}

.ml-3 {

margin-left: 30px;

}

.ml-4 {

margin-left: 40px;

}

.ml-5 {

margin-left: 50px;

}

.ml-6 {

margin-left: 60px;

}

.ml-7 {

margin-left: 70px;

}

.ml-8 {

margin-left: 80px;

}

.ml-9 {

margin-left: 90px;

}

.ml-9-5 {

margin-left: 95px;

}

.ml-10 {

margin-left: 100px;

}

.ml-11 {

margin-left: 110px;

}