/* # basics ########## */
HTML {
	margin:0;
	padding:0;
	height:101%;
}
BODY {
	height:100%;
	text-align: center;
	color: #333;
	direction: ltr;
	font: 11px  Tahoma, Verdana, Arial, sans-serif;
	margin:15px 0 15px 0;
	padding:0;
	background:#336699 url(../img/bg_body.gif) repeat-x;
}

#container {
  position:relative;
	margin:0 auto 0 auto;
	text-align: left;
	width:799px;
}

TABLE, TR, TD {
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	line-height:1.5em;
	vertical-align:top;
	}
TD {
  border:1px solid #3b5670;
	}
.bg {
  background-color:#eff6fd;
}

A,
A:link,
A:active,
A:visited,
A:hover {
	text-decoration:none;
	color: #333;
}
A:hover {
	color: #feb518;
}


IMG {
	border:0;
}

H1 {
	font-size:120%;
	color: #336699;
  margin-top:0;
	margin-bottom:7px;
}
H2 {
	font-size:100%;
	color: #336699;
  margin-top:0;
	margin-bottom:7px;
}
H3 {
	font-size:100%;
	color: #336699;
	margin-top:0;
	margin-bottom:0;
}
H4 {
	font-size:100%;
	color: #336699;
	font-weight:400;
	margin-top:0;
	margin-bottom:0;
}

P	{
  padding-top:0;
  margin:0 0 9px 0;
  line-height:1.5em;
}

.clear {clear: both;
	height:0px;
	line-height:0;
	font-size:0px;}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }

#left-col {
  float:left;
	width:154px;
}
#logo {
	width:140px;
	height:187px;
}

#frame {
  float:right;
	width:645px;
}

/* # header ############### */
#header {
	width:630px;
	height:170px;
	margin:0;
	padding:7px 5px 0 10px;
	background:#fff url(../img/bg_header.gif) no-repeat;
}
#keyvisual {
	width:630px;
	height:141px;
	background:#fff url(../img/keyvisual.jpg) no-repeat;
}

/* # navigation ############### */
#navigation {
	width:630px;
	height: 23px;
	background-color:#feb518;
}

#navigation UL {
  padding: 0 0 0 21px;
  margin:0;
  height:23px;
}
#navigation UL LI {display: inline;}

#navigation A,
#navigation A:link,
#navigation A:active,
#navigation A:visited,
#navigation A:hover,
#navigation A.active {
  float: left;
	padding:0 13px;
  font-weight:700;
  font-size:100%;
	text-decoration:none;
	color: #fff;
	height:23px;
	line-height:23px;
	letter-spacing:1px;
	border:0;
}
#navigation A:hover {
	color: #fff;
	background-color:#2a547e;
}
#navigation A.active,
#navigation A:link.active,
#navigation A:active.active,
#navigation A:visited.active,
#navigation A:hover.active {
	color: #fff;
	border:0;
	background-color:#2a547e;
}

/* # subnavigation ############### */
#subnavigation {
  margin-left:21px;
	width:130px;
}
#subnavigation UL {
	width:130px;
  list-style-type: none;
  margin:0;
  padding:0;
}
#subnavigation UL LI{
	width:130px;
  list-style-type: none;
  margin:0;
  padding: 5px 0 5px 0;
	background-color:#336699;
}
#subnavigation UL LI A,
#subnavigation UL LI A:visited,
#subnavigation UL LI A:hover,
#subnavigation UL LI A.active,
#subnavigation UL LI A.active:visited {
  border:0;
  font-size:100%;
  color: #fdcc36;
  text-decoration:none;
	letter-spacing:1px;
  margin:0;
}

#subnavigation UL LI A:hover,
#subnavigation UL LI A.active,
#subnavigation UL LI A.active:visited {
  color: #fff;
}

#subnavigation UL LI A.active,
#subnavigation UL LI A.active:visited {
  font-weight:700;
}


/* # content ############### */
#main {
	width:645px;
	padding-top:13px;
	background:#fff url(../img/bg_main.gif) repeat-y;
}
#content {
	width:556px;
  min-height:300px;
  height:auto !important;
  height:300px;
	padding:0 0 18px 48px;
	line-height:1.5em;
}

#content .textKurs {
  float:left;
  width:340px;
}
#content .termineKurs {
  float:right;
  width:170px;
  border:1px solid #3b5670;
  padding:5px;
  margin-top:17px;
  _margin-top:18px;
  background-color:#eff6fd;
}

#content A.normal,
#content A.normal:link,
#content A.normal:active,
#content A.normal:visited,
#content A.normal:hover {
	text-decoration:none;
	color: #ffa619;
}
#content A.normal:hover {
	text-decoration:none;
}
#content A.top,
#content A.top:link,
#content A.top:active,
#content A.top:visited,
#content A.top:hover {
  padding-left:12px;
	text-decoration:none;
	color: #ffa619;
	background:#fff url(../img/top_off.gif) 2px 2px no-repeat;
}
#content A.top:hover {
	color: #fff;
	background:#ffa619 url(../img/top_on.gif) 2px 2px no-repeat;
}
#content P.oben {
  text-align:right;
  margin:0;
}

#content IMG {
  border:1px solid #3b5670;
	}
#content UL {
  line-height:20px;
  list-style: disc;
  margin:0 10px 0 15px;
  padding:0;
}

a.image IMG {
	padding: 1px;
	border: 2px solid #2a547e;
	margin: 0 2px 0 0;
}
a.image:hover IMG {
	padding: 1px;
	border: 2px solid #feb518;
	margin: 0 2px 0 0;
}

DIV.termine {
  border:1px solid #3b5670;
}

TD {
  border:1px solid #3b5670;
	}

TABLE#wochenplan {
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	line-height:1.5em;
	text-align:center;
  width:100%;
	}
TABLE#wochenplan TD {
  border:1px solid #3b5670;
  width:20%;
	vertical-align:middle;
	}
	
TABLE#portrait {
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	line-height:1.5em;
  width:100%;
  margin:0;
	}
TABLE#portrait TD {
  border-left:0;
  border-right:0;
  border-bottom:0;
	}

TABLE#portrait IMG {
  border:1px solid #3b5670;
	}
	
#neu {
  position:absolute;
  left:665px;
  top:185px;
	width:105px;
	height:105px;
}
/* # Styles für Formularelemente ######### */
FORM {
	padding:0;
	margin:0;
}
FIELDSET {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	padding-bottom:5px;
	border:1px solid #cbc5a5;
	margin-bottom:15px;
}

LEGEND {
	padding:4px;
	color: #4e492d;
	font-weight:700;
}

LABEL {
	font-size:11px;
	cursor:pointer;
	width:100px;
	float:left;
	clear:left;
	cursor:default;
}

INPUT.kontakt {
	border:1px solid #212f3d;
	margin-bottom:3px;
	width:235px;
	margin-right:10px;
	margin-bottom:5px;
	font-size:11px;
}

INPUT.kontakterror {
	border:1px solid #212f3d;
	background-color:#eff6fd;
	margin-bottom:3px;
	width:235px;
	margin-right:10px;
	margin-bottom:5px;
	font-size:11px;
}

INPUT.submit {
	border:1px solid #212f3d;
	background-color:#fff;
	width:100px;
	color:#4e492d;
	font-size:11px;
	font-weight:700;
	margin-top:5px;
}
INPUT.submit:hover {
	color:#feb518;
}

TEXTAREA,
TEXTAREA.kontakterror {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1em;
	border:1px solid #212f3d;
	width:335px;
	height:85px;
}
TEXTAREA.kontakterror {
	background-color:#eff6fd;
}

/* # footer ############### */
#footer {
	width:645px;
	height:29px;
	background:#336699 url(../img/bg_footer.gif) no-repeat;
}
#impressum {
  position:absolute;
  left:21px;
  bottom:15px;
	font-size: 11px;
	color: #fff;
}
#impressum A,
#impressum A:link,
#impressum A:active,
#impressum A:visited,
#impressum A:hover {
	text-decoration:none;
	color: #fff;
	background-color:#336699;
}
#impressum A:hover {
	color: #feb518;
}

/* # END ############### */