@CHARSET "UTF-8";

html {
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #ffffff;
	background-image: url(/img/bg/body.png);
	background-repeat: repeat-x;
	background-position: 0px 110px;
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, freeSans, SunSans-Regular, Sans-Serif;
	font-weight: normal;
	color: #005584;
	padding: 0px;
	margin: 0px;
}

#head {
	top: 0px;
	height: 115px;
	text-align: left;
	background-image: url(/img/head/head_01.jpg);
	background-color: #f1c217;
	background-repeat: no-repeat;
	background-position: left top;
}

#head h1 {
	position: absolute;
	display: inline;
	left: 535px;
	top: 0px;
	color: #ffffff;
	font-size: 42px;
	font-family: Times, freeSerif, serif;
	font-weight: normal;
}

#head h2 {
	position: absolute;
	display: inline;
	top: 50px;
	left: 320px;
	color: #ffffff;
	font-size: 28px;
	font-family: Times, freeSerif, serif;
	font-weight: normal;
}

/**
 * Linke Spalte, Navigation
 */
#left {
	position: absolute;
	left: 0px;
	width: 190px;
	text-align: left;
	padding-top: 40px;
	padding-left: 20px;
	color: #564b47;
	margin: 0px;
}

#left div {
	background-image: url(/img/bg/nav_off.png);
	background-color: #ffffff;
	background-position: top left;
	background-repeat: repeat-x;
	padding: 4px;
	margin-bottom: 10px;
	cursor: pointer;
}

#left div:hover a {
	font-weight: bold;
}

#left div a {
	color: #000000;
	text-decoration: none;
}

#left div a:hover {
	font-weight: bold;
}

#left div.on {
	background-image: url(/img/bg/nav_on.png);
	background-color: #f1c217;
}

#left div.on a {
	font-weight: bold;
}

#left div.on div {
	background-image: none;
	font-weight: normal;
	background-color: #f1c217;
	margin-top: 5px;
	margin-bottom: 0px;
}

#left div.on div a {
	font-weight: normal;
}

#left div.on div a:hover {
	color: #ffffff;
}

#left div.on div.on {
	background-image: url(/img/bg/nav_sub_on.png);
	background-repeat: no-repeat;
	background-position: center right;
}

#left div.on div.on a.on {
	color: #ffffff;
}

#left div.importantEntry {
	padding: 5px;
	border-color: #F1C217;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	margin-bottom: 15px;
	background-color: #ffffff;
	background-image: none;
}

#left div.importantEntry:hover {
	background-color: #f0f0f0;
}

#left div.importantEntry h2 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}

#left div.importantEntry p {
	padding: 0px;
	margin: 0px;
	color: #005584;
	font-weight: normal;
	font-size: 12px;
}

/**
 * Content-Styles
 */
#content {
	position: relative;
	min-height: 280px;
	text-align: justify;
	margin: 0px 220px 0px 220px;
	border-right: 1px solid #f1c217;
	border-bottom: 1px solid #f1c217;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	background-color: #ffffff;
}

#content p {
	padding: 0px;
	margin: 0px;
}

#content #homeDiv .portraetHome {
	width: 168px;
	height: 229px;
	position: relative;
	float: left;
	display: block;
	margin-right: 10px;
}

.welt {
	float: right;
	display: inline;
	position: relative;
	margin-left: 30px;
	margin-bottom: 10px;
	width: 163px;
	height: 138px;
}

#content #homeDiv h1 {
	font-size: 26px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

#content #homeDiv h2 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	margin-left: 60px;
	margin-right: 40px;
	margin-bottom: 40px;
}

#content #homeDiv p {
	text-align: justify;
	margin: 0px 0px 0px 0px;
}

#content strong, #content b {
	font-weight: normal;
	color: #0f0f0f;
}

#content #portraetZurPerson {
	width: 168px;
	height: 250px;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#content h1 {
	text-align: left;
	font-size: 28px;
	font-weight: bold;
}

#content h2 {
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #0f0f0f;
}

#content a {
	color: #005584;
}

#content a:hover {
	background-color: #005584;
	color: #ffffff;
}

#content a.skype {
        border: none;
        text-decoration: none!important;
        background-color: transparent;
}

#content span.kontakt {
	float: right;
	border-color: #005584;
	border-width: 1px;
	border-style: solid;
	margin-left: auto;
	margin-right: 0px;
	padding: 2px 4px 2px 4px;
	font-size: 11px;
	cursor: pointer;
}

#content span.space {
	float: right;
	margin-left: 5px;
}

#content span.kontakt:hover {
	background-color: #005584;
	color: #ffffff;
}

#content span.kontakt:hover a {
	background-color: #005584;
	color: #ffffff;
}

#content span.kontakt a {
	text-decoration: none;
}

#content span.kontakt a:hover {
	background-color: #005584;
	color: #ffffff;
}

#content #terminKalender {
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#content #terminKalender div.scrollLeft {
	display: inline;
	float: left;
	padding: 2px;
}

#content #terminKalender div.scrollLeft:hover {
	background-color: #005584;
	color: #ffff00;
	cursor: pointer;
}

#content #terminKalender div.scrollRight {
	display: inline;
	float: right;
	padding: 2px;
}

#content #terminKalender div.scrollRight:hover {
	background-color: #005584;
	color: #ffffff;
}

#content #terminKalender table {
	position: static;
	top: 0px;
	left: 0px;
}

#content #terminKalender td.col {
	width: 160px;
	vertical-align: top;
	padding: 5px;
	border-right: 1px solid #000000;
}

#content #terminKalender td.col div.month {
	font-weight: bold;
	text-align: center;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
}

#content #terminKalender td.col div.entry {
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
}

#content #terminKalender td.col div.entry p {
	margin: 5px 0px 0px 0px;
}

#content .blockRight {
	float: right;
	display: inline;
	margin-left: 10px;
}

#content .blockRight img {
	margin-bottom: 5px;
}

#content .blockLeft {
	float: left;
	display: inline;
	margin-right: 10px;
}

/* 
 * Tabelle Modul-Termin
 */
table.termine {
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.termine tr:hover td {
	background-color: #f0f0f0;
	cursor: pointer;
}

table.termine th {
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #F1C217;
	border-right: 1px solid #F1C217;
	padding: 5px;
}

table.termine td {
	font-weight: normal;
	padding: 5px;
	border-bottom: 1px dotted #F1C217;
	border-right: 1px dotted #F1C217;
	vertical-align: top;
	text-align: left;
}
 
/*
#content table tbody td p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
*/
#right {
	position: absolute;
	right: 0px;
	width: 190px;
	min-height: 400px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
}

#right div {
	padding: 5px;
	border-color: #F1C217;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	margin-bottom: 15px;
	background-color: #ffffff;
}

#right div:hover {
	background-color: #f0f0f0;
	cursor: pointer;
}

#right div a {
	color: #005584;
	text-decoration: none;
}

#right div:hover a { /* text-decoration: 			underline; */
	font-weight: bold;
}

#right div a:hover { /* text-decoration: 			underline; */
	font-weight: bold;
	background-color: #f0f0f0;
}

#right div div {
	display: none;
	text-decoration: none;
	color: #26304F;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	border: none;
}

#right div:hover div {
	display: block;
	text-decoration: none;
	background-color: #f0f0f0;
}

#right .on div,#right .on {
	display: block;
	text-decoration: none;
	background-color: #f0f0f0;
}

#right .adr {
	border-style: solid;
	border-color: #F1C217;
	border-width: 1px 1px 0px 0px;
	margin-top: 40px;
	font-size: 11px;
	background-color: transparent;
}

.bottomSpace {
	height: 50px;
}

/**
 * Allgemeine Styles
 */ 
 
 /* Float-Killer */
.fk {
	clear: both;
	height: 10px;
}

.pointer {
	cursor: pointer;
}

.floatRight {
	display: inline;
	float: right;
	margin-left: 10px;
}

.floatLeft {
	display: inline;
	float: left;
	margin-right: 10px;
}

div label {
	float:				left;
	width:				150px;
	text-align:			right;
	margin-right:		20px;
}

div.fieldError {
	border:				1px solid #e58459;
	margin-bottom: 		5px;
}

div.msgError {
	border:				1px solid #e58459;
	margin-bottom: 		10px;
	margin-top:			10px;
	padding:			5px;
}

div.fieldError div.error {
	margin-left:		170px;
}

div input[type="text"], p input[type="submit"], p select[size="1"] {
    border:             1px solid #F1C217;
    width:              250px;
    margin-bottom:      5px;
    margin-top: 		5px;
}