@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

html {
  height:100%;
}


body {
	height:100%;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#center {
	position:absolute;
	left:50%;
	top:25px;
	margin-left:-470px;
	border:none;
	width:940px;
	background:#e3e3e3;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#kopf {
	width:940px;
	background:#ffffff;
	min-height: 65px;
	height: auto !important;
	height: 65px;
	float:left;
}

#logo {
	width:195px;
	height:47px;
	float:left;
}

#topnavi {
	width:240px;
	float:left;
	margin:10px 0 0 67px;
}

#anmeldung {
	width:230px;
	height:47px;
	float:right;
	margin:10px 0 0 0;
}

#navi {
	width:200px;
	float:left;
	margin-left:70px;
}

#inhalt {
	width:670px;
	float:left;
}

#tageskurs {
	width:200px;
	float:left;
	padding:100px 0 30px 0;
	color:#757575;
}


#lang {
	width:200px;
	float:left;
	height:20px;
	/* margin:20px 0 20px 0; */
}

.c50l {
	width:210px;
	float:left;
	}
	
.c50r {
	width:210px;
	float:right;
	}	

#contentBild {
float:left;
}

#contentLinks {
width:440px;
background-color:#FFFFFF;
float:left;
padding: 0 20px 25px 20px;
min-height: 300px;
height: auto !important;
height: 300px;
}

#contentRechts {
width:190px;
float:right;
}

#navi ul {
	display:inline;
	font: normal 12px Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
}

#navi ul li {
	display:inline;
}

#navi ul li.NO a  {
	font-weight:bold;
	letter-spacing:1px;
	float:left;
	padding:5px 8px;
	color:#000;
	text-decoration:none;
	border: 1px solid #fff;
	width: 114px;
	margin-bottom: 3px;
}

#navi ul li.CUR a, #navi ul li.ACT a  {
	letter-spacing:1px;
	float:left;
	padding:5px 8px;
	color:#000;
	text-decoration:none;
	width: 114px;
	font-weight: bold;
	background-color:#c5c5c5;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 1px solid #fff;
}

#navi ul li a:hover {
	color:#000000;
	background-color:#c5c5c5;
	font-weight: bold;
}

#navi ul ul {
	display:inline;
	font: normal 12px Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#navi ul ul li {
	display:inline;
	}

#navi ul ul li.NO a {
	font-size:12px;
	float:left;
	padding:3px 8px 3px 20px;
	color:#757575;
	text-decoration:none;
	width: 102px;
	background-color:#c5c5c5;
	border-top: 0px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 1px solid #fff;
	background-image: url(../img/sma_pfeil_navi.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	margin:0px;
	font-weight: normal;
}

#navi ul ul li.CUR a, #navi ul ul li.ACT a {
font-weight: normal;
	font-size:12px;
	float:left;
	width: 102px;
	background-color: #cdcdcd;
	text-decoration:none;
	padding:3px 8px 3px 20px;
	color:#000000;
	background-image: url(../img/sma_pfeil_navi_1.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e3e3e3;
	border-right-color: #FFFFFF;
	border-bottom-color: #e3e3e3;
	border-left-color: #FFFFFF;
}


#navi ul ul li a:hover {
	padding:3px 8px 3px 20px;
	color:#000000;
	background-color: #cdcdcd;
	background-image: url(../img/sma_pfeil_navi_1.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-weight: normal;
}


#navi ul ul li.NOlast a {
	float:left;
	padding:3px 8px 3px 20px;
	color:#757575;
	text-decoration:none;
	width: 102px;
	background-color:#c5c5c5;
	border-top: 0px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-image: url(../img/sma_pfeil_navi.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	margin-bottom: 3px;
	font-weight: normal;
}

#navi ul ul li.NOlast a:hover {
	padding:3px 8px 3px 20px;
	color:#000000;
	background-color: #cdcdcd;
	background-image: url(../img/sma_pfeil_navi_1.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-weight: normal;
}

#navi ul ul li.CURlast a {
	font-size:12px;
	float:left;
	width: 102px;
	background-color: #cdcdcd;
	text-decoration:none;
	padding:3px 8px 3px 20px;
	color:#000000;
	background-image: url(../img/sma_pfeil_navi_1.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	border-top: 0px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin-bottom: 3px;
	font-weight: normal;
}



          /***************  T O P N A V I / Sprachwahl *****************/
		 #topnavi ul {
		  padding: 0;
		  margin: 22px 0 0 0px;
		  font-size:12px;
		  float:left;
		  }


 	#anmeldung ul {
		  padding: 0;
		  margin: 22px 0 0 0px;
		  font-size:12px;
		  float:right;
		  }
			 
	 	 #topnavi ul li, #anmeldung ul li {
		  list-style: none;
		  margin: 0; 
		  display: inline; 
		  }
		  
		#topnavi ul li.NO a ,#topnavi ul li.NO a:link, #topnavi ul li.NO a:visited,
		#anmeldung ul li.NO a ,#anmeldung ul li.NO a:link, #anmeldung ul li.NO a:visited    {
		 padding: 0px 8px 0px 9px; 
		 text-decoration: none;
		 margin: 0;
		 color:#757575;
		 border-left: 1px solid #757575;
		 }
		 
		#topnavi ul li.NO a:hover, #topnavi ul li.NO a:active, #topnavi ul li.ACT a, #topnavi ul li.CUR a,
		#anmeldung ul li.NO a:hover, #anmeldung ul li.NO a:active, #anmeldung ul li.ACT a, #anmeldung ul li.CUR a {
		 color:#757575;
		 padding: 0px 8px 0px 9px; 
		 text-decoration: underline;
		 margin: 0;
		 border-left: 1px solid #757575;
		}
		
		#topnavi ul li.NO #ohne a ,#topnavi ul li.NO #ohne a:link, #topnavi ul li.NO #ohne a:visited,
		#anmeldung ul li.NO #ohne a ,#anmeldung ul li.NO #ohne a:link, #anmeldung ul li.NO #ohne a:visited {
		 padding: 0px 8px 0px 9px; 
		 text-decoration: none;
		 margin: 0;
		 color:#757575;
		 border-left: 0px solid #ccc;
		}
		
		#topnavi ul li.NO #ohne a:hover, #topnavi ul li.NO #ohne a:active, #topnavi ul li.CUR #ohne a, #topnavi ul li.ACT #ohne a,
		#anmeldung ul li.NO #ohne a:hover, #anmeldung ul li.NO #ohne a:active, #anmeldung ul li.CUR #ohne a, #anmeldung ul li.ACT #ohne a {
		 color: #757575;
		 border-left: 0px solid #ccc;
		 padding: 0px 8px 0px 9px; 
		 text-decoration: underline;
		 margin: 0;
		}
		  
		  /*************************************************/

  /*************** Anmeldung/Login 

		#anmeldung a {
		 padding: 0px 8px 0px 9px; 
		 text-decoration: none;
		 margin: 0;
		 color:#757575;
		 }
		 
		 #anmeldung a:hover {
		text-decoration:underline;
}


#anmeldung form input.loginbenutzer, #anmeldung form input.loginpasswort {
	color: #757575;
	width: 124px;
	height: 22px;
	padding: 1px 10px 0 5px;
	background: #ffffff url(../img/login_box.gif) no-repeat left top;
	border:none;
	font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


#anmeldung form button.loginsenden {
	width: 24px;
	height: 22px;
	cursor: pointer;
	border:none;
	text-indent: -9999px;
	background: #ffffff url(../img/login.gif) no-repeat left top;	
	padding: 0;
	font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}



*****************/

  /*************************************************/




#sprachauswahl {
	width:400px;
	padding-top:5px;
	height:25px;
	font: normal 70% "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#sprachauswahl a, #navi2 a {
	color: #000000;
	text-decoration: none;
}

#sprachauswahl a:hover, #navi2 a:hover {
	font-weight:bold;
}


.mehr-link a {
	background: url(../img/sma_mehr_pfeil.gif) no-repeat right;
	color: #858789;
	border: 1px solid #FFFFFF;
	padding-top: 2px;
	padding-right: 16px;
	padding-bottom: 2px;
	padding-left: 4px;
	text-decoration: none;
}
.mehr-link a:hover {
	background: url(../img/sma_mehr_pfeil_1.gif) no-repeat right;
	color: #000;
	border: 1px solid #FFFFFF;
	padding-top: 2px;
	padding-right: 16px;
	padding-bottom: 2px;
	padding-left: 4px;
	text-decoration: none;
}


#contentLinks h1{
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	margin:0 0 8px 0;
}


#contentLinks h2 {
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	margin:0 0 8px 0;
	padding:0 0 3px 10px;
	color:#a90925;
	border-bottom:1px solid #000000;
	background-image: url(../img/sma_pfeil_navi.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	}

	
	#contentLinks p, #contentLinks p.bodytext {
	margin:0 0 5px 0;
	}

#contentRechts .kasten {
	background-color:#ffffff;
	border:1px solid #ffffff;
	/* border:1px solid #757575; */
	margin:0 10px 10px 10px;
	padding: 5px;	
}

#contentRechts .kasten a, #contentLinks .ohneLink a {
text-decoration:none;
color:#000000;
}

#contentRechts .kasten a:hover, #contentLinks .ohneLink a:hover {
text-decoration:underline;
color:#000000;
}

#contentRechts .kasten h1 {
	font-size:15px;	
	font-weight: bold;
	color:#a90925;
	padding: 0 0 5px 10px;
	background-image: url(../img/sma_pfeil_navi.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

#contentRechts .kasten p, #contentRechts .kasten p.bodytext  {
	padding: 0 0 5px 10px;
}



.bildramen {
	border: 1px solid #9d9d9d;
}
.bildramen_weiss {
	border: 1px solid #FFFFFF;
}

.copy {
font: normal 70% Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

.copy a {
	font-weight:bold;
	text-decoration: underline;
	color: #000000;
}

.copy a:hover {
	font-weight:bold;
	text-decoration: underline;
	color: #757575;
}


#contentLinks ul, #contentRechts ul {
	padding:0 0 0 16px;
	margin:0;
	}


#contentLinks li, #contentRechts li {
	padding:0;
	margin:0 0 5px 0;
	list-style-position: outside;
	list-style-type: square;
	line-height: 15px;
}


#contentLinks a {
	text-decoration: none;
	color: #000000;
}

#contentLinks a:hover {
	text-decoration: underline;
	color: #757575;
}

#contentLinks a.download {
	text-decoration: underline;
	color: #000000;
}

#contentLinks a.download:hover {
	text-decoration: underline;
	color: #757575;
}

/* Mailformular format */

fieldset.csc-mailform {
	border: 0px none #FFFFFF;
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

form .csc-mailform input, form .csc-mailform select, form .csc-mailform textarea {
	border: 1px solid #757575;
	font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 250px;
	}
form input.csc-mailform-submit {
	width:auto;
}

.csc-mailform-field {
	padding-bottom:10px;
}

form .csc-mailform label {
 	width: 150px;
 	display:block;
 	float:left;
}

form input.csc-mailform-check {
	width:auto;
	border: 0px none #FFFFFF;
}


.tbl_messe {
	width:100%;
}

.tbl_messe thead tr th {
	background-color:#dadada;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.tbl_messe tbody tr.tr-odd td {
	background-color:#FFFFFF;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.tbl_messe tbody tr.tr-even td {
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#e8e8e8;
}


.button ul {
	display:inline;
}

.button ul li {
	display:inline;
}


.button ul li .aktiv a {
	color:#000000;
	float:left;
	padding:5px 14px;
	background: #c5c5c5 url(../img/sma_mehr_pfeil_1.gif) no-repeat right;
	text-decoration: underline;
	border: 1px solid #fff;
	width: 135px;
	margin-bottom: 3px;
	margin-left:10px;
}

.button ul li a {
	float:left;
	padding:5px 14px;
	color:#000;
	text-decoration:none;
	border: 1px solid #fff;
	width: 135px;
	margin-bottom: 3px;
	margin-left:10px;
	background: #ececec url(../img/sma_mehr_pfeil.gif) no-repeat right;
}

.button ul li a:hover {
	color:#000000;
	background: #c5c5c5 url(../img/sma_mehr_pfeil_1.gif) no-repeat right;
	text-decoration: underline;
}

#suche {
	MARGIN: 10px 0px 0px 0px;
         WIDTH: 205px; 
         FLOAT: left; 
         HEIGHT: 19px;
	FONT-SIZE: 12px; 
	color:#757575;
	padding:21px 0 0 0;
}

#asuche {
        	FONT-SIZE: 12px; 
	color:#000000;
	padding:21px 0 0 0;
}


#suche .eingabe, #asuche .eingabe {
	width:20px; 
	border:solid 1px #757575; 
	color:#757575;
	}
#suche .eingabe2, #asuche .eingabe2 {
	width:40px; 
	border:solid 1px #757575; 
	color:#757575;
	}
#suche .eingabe3, #asuche .eingabe3 {
	width:10px; 
	border:solid 1px #757575;
	color:#757575;
	}
#suche .senden, #asuche .senden {
	vertical-align:bottom; 
	height:18px;
	border:solid 0px;
	 border-bottom:solid 1px #ffffff;
	}
	
/* Änderungen für Facebook*/
	#facebook {
	WIDTH: 200px; FLOAT: left; 
}


#facebook A {
	background-image:url(../img/facebook_grau.png);
	background-repeat:no-repeat;
	BORDER: #fff 1px solid;
	padding:5px 8px 5px 40px;
	WIDTH: 82px;
	margin-top:80px;
	FLOAT: left;
	LETTER-SPACING: 1px;
	COLOR: #000;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	background-position: -3px -1px;
}

#facebook A:hover {
	background-image:url(../img/facebook_blau.png); background-repeat:no-repeat;	
	BACKGROUND-COLOR: #3B5998; COLOR: #ffffff; FONT-WEIGHT: bold
}

#tageskurs {
	PADDING-BOTTOM: 30px; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px; FLOAT: left; COLOR: #757575; PADDING-TOP: 20px;
}


.c50l_2 {
	WIDTH: 210px; FLOAT: left;
	margin-top:30px;
}
.c50r_2 {
	WIDTH: 210px; FLOAT: right;
	margin-top:30px;
}	
