@charset "utf-8";body {	padding: 0;	color: #FFF;	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 12pt;	background-image: url(pics/edulab-seminare-logo-background.jpg);	background-repeat: repeat;	margin-top: 0;	margin-right: auto;	margin-bottom: 0;	margin-left: auto;	width: auto;	float: none;}/* ~~ Element-/Tag-Selektoren ~~ */ul, ol, dl { /* */	padding: 0;	margin: 0;}h1, h2, h3, h4, h5, h6, p {	margin-top: 0;	 /* Durch Ver. */	padding-right: 15px;	padding-left: 0px; /* */}a img { /* => kein blauer Rahmen um ein Bild mit Hyperlink */	border: none;	float: left;}/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */a:link {	color: #000066;	text-decoration: none; 	font-weight: 600;}a:visited {	color: #0000D7;	text-decoration: none;}a:hover, a:active, a:focus { /* => Tastatur Effekt = Maus */	text-decoration: none;	color: #00F;	background-color: #FFF;	text-align: center;}/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */.container {
	width: 800px; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	font-family: "Lucida Sans Unicode", "Lucida Grande", "arial", sans-serif;
	color: #333;
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: groove;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #6C6C92;
	border-right-color: #006;
	border-bottom-color: #000;
	border-left-color: #A099FF;
	background-image: url(pics/edusun.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 800px;
	padding: 5px;
	box-shadow: 3px 3px 3px #E6E6FA;
}/* ~~ Dies sind die Spalten für das Layout. ~~ */.content {	padding: 10px 0;	width: 760px;	float: left;}/* ~~ Dieser gruppierte Selektor gibt die Listen im .content-Bereich an. ~~ */.content ul, .content ol { 	padding: 0 15px 15px 40px; }/* ~~ Stile für die Navigationslisten (können entfernt werden, wenn Sie ein vordefiniertes Ausklappmenü wie Spry verwenden) ~~ */ul.nav {	list-style: none; /* Hiermit wird die Listenmarkierung entfernt. */	border-top: 1px solid #666; 	margin-bottom: 15px; }ul.nav li {	border-bottom: 1px solid #666; /* Hiermit wird die Trennung der Schaltflächen erstellt. */}ul.nav a, ul.nav a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen die Form einer Schaltfläche beibehalten. */	padding: 5px 5px 5px 15px;	display: block; 	width: 180px; 	text-decoration: none;	background: #C6D580;}ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 	background: #ADB96E;	color: #FFF;}/* ~~ Fußzeile ~~ */.footer {	padding: 10px 0;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */	clear: both;	cursor: sw-resize;	filter: Light;	position: relative;	left: auto;	right: auto;}/* ~~ Verschiedene float/clear-Klassen ~~ */.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */	float: right;	margin-left: 8px;}.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */	float: left;	margin-right: 8px;}.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */	clear:both;	height:0;	font-size: 1px;	line-height: 0px;}.Seminar-Themen {	width: 183px;	float: left;	margin: 5px;	padding-top: 5px;	padding-right: 2px;	padding-bottom: 2px;	padding-left: 2px;	border-top-width: thin;	border-right-width: medium;	border-bottom-width: thin;	border-left-width: thin;	border-top-style: outset;	border-right-style: outset;	border-bottom-style: outset;	border-left-style: outset;	border-top-color: #C7C2F8;	border-right-color: #C7C2F8;	border-bottom-color: #7E63FE;	border-left-color: #7E63FE;	border-radius: 5px;	box-shadow: 3px 3px #53538C;	background-color: #FBFBFF;}#Seminar-Beschreibung {	width: 189px;	float: left;	margin: 5px;	padding-top: 5px;	padding-right: 2px;	padding-bottom: 2px;	padding-left: 2px;}#Seminar-Headline {
	width: 586px;
	float: left;
	text-align: center;
	padding: 2px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
}#Seminar-Themen {	width: 183px;	float: left;	margin: 5px;	padding-top: 5px;	padding-right: 2px;	padding-bottom: 2px;	padding-left: 2px;	border-top-width: thin;	border-right-width: medium;	border-bottom-width: thin;	border-left-width: thin;	border-top-style: outset;	border-right-style: outset;	border-bottom-style: outset;	border-left-style: outset;	border-top-color: #C7C2F8;	border-right-color: #C7C2F8;	border-bottom-color: #7E63FE;	border-left-color: #7E63FE;	border-radius: 5px;	box-shadow: 3px 3px #53538C;	background-color: #FBFBFF;}#Seminar-Themen-re {	width: 183px;	float: right;	margin: 5px;	padding-top: 5px;	padding-right: 2px;	padding-bottom: 2px;	padding-left: 2px;	border-top-width: thin;	border-right-width: medium;	border-bottom-width: thin;	border-left-width: thin;	border-top-style: outset;	border-right-style: outset;	border-bottom-style: outset;	border-left-style: outset;	border-top-color: #C7C2F8;	border-right-color: #C7C2F8;	border-bottom-color: #7E63FE;	border-left-color: #7E63FE;	border-radius: 5px;	box-shadow: 2px 3px #53538C;	background-color: #FBFBFF;}h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #006;
	background-color: #FFF;
	line-height: 140%;
}h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006;
	line-height: 140%;
}.Seminar-Dozenten {	width: 183px;	float: left;	margin: 5px;	padding-top: 5px;	padding-right: 2px;	padding-bottom: 2px;	padding-left: 2px;	border-top-width: thin;	border-right-width: thin;	border-bottom-width: thin;	border-left-width: thin;	border-top-style: outset;	border-right-style: outset;	border-bottom-style: outset;	border-left-style: outset;	border-top-color: #C7C2F8;	border-right-color: #C7C2F8;	border-bottom-color: #7E63FE;	border-left-color: #7E63FE;	border-radius: 5px;	box-shadow: 2px 2px #53538C;	background-color: #FFFFFF;}#container {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: groove;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #6C6C92;
	border-right-color: #006;
	border-bottom-color: #000;
	border-left-color: #A099FF;
	background-image: url(pics/edusun.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 800px;
	padding: 5px;
	box-shadow: 3px 3px 3px #CDCCDA;
}#seminare-navi {
	width: 198px;
	line-height: 140%;
	background-color: #F4F5FF;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top: 5px;
}#seminare-navi2 {
	width: 800px;
	line-height: 14px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 108px;
	padding-left: 0px;
}#seminare-tabelle {	float: left;	width: 790px;	background-color: #F4F5FF;	padding: 5px;	border-right-width: medium;	border-right-style: outset;	border-top-color: #006;	border-right-color: #CCC;	border-bottom-color: #006;}.Stil1 {	font-size: 14px;	font-family: Arial, Helvetica, sans-serif;}</style>.headline-seminare{	font-size: 14px;	font-family: Arial, Helvetica, sans-serif;	text-align:center}.Seminar-Dozenten {
	width: 584px;
	float: left;
	margin: 4px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #C7C2F8;
	border-right-color: #C7C2F8;
	border-bottom-color: #7E63FE;
	border-left-color: #7E63FE;
	border-radius: 5px;
	box-shadow: #53538C;
	background-color: #FBFBFF;
}.raum-text{
	float: left;
	width: 360px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 4px;
	background-color: #FFF;
	margin-top: 10px;
}.Seminar-Inhalt {
	width: 566px;
	float: left;
	margin: 5px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C7C2F8;
	border-right-color: #C7C2F8;
	border-bottom-color: #7E63FE;
	border-left-color: #7E63FE;
	border-radius: 5px;
	box-shadow: 0px 0px #53538C;
	background-color: #FFFFFF;
}#Kurs-Dozenten-text{	float: left;	width: 200px;	margin-right: 2px;	margin-bottom: 4px;	margin-left: 2px;	background-color: #FFF;}center {	text-align: center;}

.button {
  background-color: #XDAF80; /* grey */
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button1:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}