/* ####################  GENERAL  #################### */

html, body {
	margin: 0; padding: 0; height: 100%;
	background: #e9e9e9;
	font-family: sans-serif; font-weight: normal; font-size: 9pt; font-variant: normal; text-decoration: none;
}

img {
	border: 0;
}

form, h1, h2 {
	margin: 0; padding: 0;
	font-family: sans-serif; font-weight: normal; font-variant: normal; text-decoration: none;
}

hr {
	border: 0;
	border-bottom: 1px solid #dddddd;
}

a {
	text-decoration: none;
}

.clearfix {
	clear: both;
	display: block;
	overflow: hidden;
}



/* ####################  MAIN  #################### */

#main {
	width: 900px;
	position: absolute; z-index: 1; left: 50%; margin-left: -470px; padding: 0 20px;
	background: #e9e9e9 url(../images/main/main_bg.png) repeat-y;
}



/* ####################  TOP  #################### */

#top {
	width: 900px; height: 265px;
}


#top .pictures {
	width: 900px; height: 265px;
	position: absolute; z-index: 2; overflow: hidden;
}

#top .pictures img {
	position: absolute;
	width: 900px; height: 265px;
}

#top .navigation {
	width: 214px; height: 250px;
	font-family: Tahoma; font-size: 10.5pt; color: #ffffff;
	position: absolute;	z-index: 4; margin: 0 0 0 25px; padding: 8px 8px 7px 8px;
	background: url(../images/main/top_navigation_bg.png);
}

#top .logo {
	width: 214px; height: 87px;
	margin: 0 0 8px 0;
	background: #ffffff;
}

#top .point {
	width: 214px; height: 30px; margin: 0 0 1px 0;
}

#top .point a {
	font-family: Tahoma; font-size: 10pt; color: #ffffff;
	height: 25px; display: block; padding: 5px 0 0 15px;
}

#top .blue {			background: url(../images/main/top_navigation_blue.png) no-repeat; }
#top .blue:hover {		background: url(../images/main/top_navigation_blue_h.png) no-repeat; }
#top .orange {			background: url(../images/main/top_navigation_orange.png) no-repeat; }
#top .orange:hover {	background: url(../images/main/top_navigation_orange_h.png) no-repeat; }
#top .lightblue {		background: url(../images/main/top_navigation_lightblue.png) no-repeat; }
#top .lightblue:hover {	background: url(../images/main/top_navigation_lightblue_h.png) no-repeat; }
#top .red {				background: url(../images/main/top_navigation_red.png) no-repeat; }
#top .red:hover {		background: url(../images/main/top_navigation_red_h.png) no-repeat; }
#top .green {			background: url(../images/main/top_navigation_green.png) no-repeat; }
#top .green:hover {		background: url(../images/main/top_navigation_green_h.png) no-repeat; }


/* ####################  LINIE  #################### */

#line {
	width: 875px; height: 5px;
	margin: 2px 0 30px 25px;
	background-color: #e2b048;
}


/* ####################  MIDDLE  #################### */

#lframe {
	width: 214px;
	float: left; padding: 0 8px 0 33px; margin: 0 0 30px 0;
}

#lframe .navigation {
	width: 214px;
}

#lframe .navigation ul {
	margin: 0; padding: 0;
}

#lframe .navigation li {
	list-style: none;
	float: left;
}

#lframe .navigation a {
	width: 186px; height: 17px;
	margin: 0 0 1px 0; padding: 3px 0 0 28px; display: block;
	font-size: 8.5pt; color: #575757;
	background: #e6e6e6 url(../images/main/lframe_navigation_arrow_r.png) 12px 7px no-repeat;
}

#lframe .navigation a:hover {
	background-color: #dedede;
}

#lframe .navigation a.sub {
	width: 176px; height: 17px;
	margin: 0 0 1px 0; padding: 3px 0 0 38px; display: block;
	font-size: 8.5pt; color: #575757;
	background: #eeeeee url(../images/main/lframe_navigation_sub_arrow_r.png) 22px 7px no-repeat;
}

#lframe .navigation a.sub:hover {
	background-color: #dedede;
}


#content {
	width: 585px;
	float: left; padding: 0 30px 30px 30px; margin: 0 0 30px 0;
	font-size: 9pt; line-height: 14pt; color: #474747;
}

#content h1 {
	font-family: Tahoma; font-size: 15pt; line-height: 13pt; color: #004986;
	margin: 0; padding: 0 0 15px 0;
}

#content h2 {
	font-family: Tahoma; font-size: 12pt; font-weight: normal; line-height: 16pt; color: #e2b048;
	margin: 0; padding: 0 0 10px 0;
}

#content ul {
	padding: 0 0 0 30px;
}

#content li {
	list-style-type: square;
}

#content hr {
	border: 0px; border-bottom: 1px dotted #dedede;
}

#content a {
	color: #76a801; text-decoration: underline;
}

#content a:hover {
	color: #e2b048;
}

#content a.arrow {
	background: url(../images/main/a_arrow.png) center right no-repeat;
	padding: 0 9px 0 0;
}


#content img.right {
	float: right;
	margin: 0 0 10px 10px;
}

#content .mdk {
	width: 575px; padding: 5px 10px;
	display: block; margin: 15px 0 0 0;
	background-color: #f7f7f7; border: 1px solid #ebebeb; color: #007aaa;
}


#content .referenzen {
	width: 585px;
	border-bottom: 1px dotted #dedede;
	padding: 0 0 15px 0; margin: 0 0 15px 0;
}

#content .referenzen_small {
	width: 280px; float: left;
	border-bottom: 1px dotted #dedede;
	padding: 0 0 15px 0; margin: 0 10px 15px 0;
}


#content .ref_topic {
	font-family: Tahoma; font-size: 10.5pt; font-weight: normal; line-height: 14pt; color: #e2b048;
	display: block;
	margin: 0; padding: 0 0 7px 0;
}

#content .startseite {
	width: 120px; height: 119px;
	float: left; padding: 81px 0 0 8px; margin: 0 24px 0 0;
	font-size: 8pt; color: #000000; line-height: 13pt;
	display: block; cursor: pointer;
}

#content .startseite h2 {
	font-family: Tahoma; font-size: 11pt; line-height: 16pt; font-weight: bold; color: #ffffff;
	margin: 0; padding: 0 0 10px 0;
}

#content .hr {
	height: 1px; margin: 20px 0 20px 0;
	border-top: 1px dotted #dedede;
	display: block;
}

#content .blau {
	color: #004986;
}


#content .care {		background: url(../images/startseite/care_bg.jpg) no-repeat; }
#content .business {	background: url(../images/startseite/business_bg.jpg) no-repeat; }
#content .event {		background: url(../images/startseite/event_bg.jpg) no-repeat; }
#content .school {		background: url(../images/startseite/school_bg.jpg) no-repeat; }

#content .care:hover {		background: url(../images/startseite/care_bg_h.jpg) no-repeat; }
#content .business:hover {	background: url(../images/startseite/business_bg_h.jpg) no-repeat; }
#content .event:hover {		background: url(../images/startseite/event_bg_h.jpg) no-repeat; }
#content .school:hover {		background: url(../images/startseite/school_bg_h.jpg) no-repeat; }


/* # SPEISETAFEL # */

#content .speisetafel {
	width: 210px; height: 145px; float: left; padding: 35px 40px;
	font-family: "Comic Sans MS", Tahoma; font-size: 9pt; line-height: 14pt; font-weight: normal; text-align: wecenter; color: #ffffff;
	background: url(../images/main/speisetafel.jpg) no-repeat;
}

#content .speisetafel h3 {
	font-family: "Comic Sans MS", Tahoma; font-style: normal; font-size: 12pt; line-height: 16pt; font-weight: bold; color: #ffffff;
	margin: 0; padding: 0 3px 6px 0;
}

#content .speisetafel * {
	opacity: 0.90; -moz-opacity: 0.90; filter:alpha(opacity=90);
}

#content .speisetafel .menu {
	width: 210px; height: 100px;
	display: block;
}


/* # WOCHENUEBERSICHT # */

#content .wochenuebersicht {
	width: 545px; padding: 20px 20px;
}

#content .wochenuebersicht .topic {
	font-family: Tahoma; font-size: 10.5pt; font-weight: normal; line-height: 14pt; color: #e2b048;
	display: block;
	margin: 0; padding: 0 0 10px 0;
}

#content .wochenuebersicht .menu_1 {
	width: 222px; padding: 0 0 0 50px;
	float: left;
	background: url(../images/main/menu_1_bg.png) top left no-repeat;
}

#content .wochenuebersicht .menu_2 {
	width: 223px; padding: 0 0 0 50px;
	float: left;
	background: url(../images/main/menu_2_bg.png) top left no-repeat;
}


#content .topic {
	font-family: Tahoma; font-size: 10.5pt; font-weight: normal; line-height: 14pt; color: #e2b048;
	display: block;
	margin: 0; padding: 0 0 7px 0;
}

#content .process_success {
	color: #ffffff;
	background: #91cc02;
	padding: 5px 15px; margin: 0 0 10px 0;
}

#content .process_error {
	color: #ffffff;
	background: #cd0a0a;
	padding: 5px 15px; margin: 0 0 10px 0;
}


/* # SCROLLER # */

#scroller {
	width: 585px; height: 75px;
	position: relative;	overflow: hidden;
}

#scroller .content {
	white-space: nowrap; line-height: 60px;	font-size: 60px;
}

#scroller .content img {
	padding: 0; margin: 0;
}

/* CSS Hack Safari */
#dummy {;# }

.scroller_container_left_right {
 overflow: auto;
}




/* ####################  FOOTER  #################### */

#footer {
	width: 900px; height: 80px;
	background: url(../images/main/footer_bg.png) no-repeat;
}

#footer .thumbs {
	width: 540px; height: 80px;
	position: absolute; z-index: 1; margin: 0 0 0 33px;
}

#footer .thumbs img {
	float: left; margin: 0 1px 0 0;
}

#footer .navigation {
	width: 270px; height: 30px;
	position: absolute; z-index: 2; padding: 50px 30px 0 0; margin: 0 0 0 600px;
	text-align: right;
}

#footer .navigation a {
	font-size: 8.5pt; color: #ffffff; text-decoration: none; text-transform: uppercase;
	margin: 0 0 0 12px;
}

#footer .navigation a:hover {
	color: #c6ff3e;
}




input.content {
	width: 120px;
	font-family: sans-serif; font-size: 8pt;
	padding: 2px 1px 2px 3px;
	background: #ffffff;
	border: 1px solid #a7d602;
}

input.admincontent {
	width: 170px;
	font-family: sans-serif; font-size: 8pt; color: #8a5d00;
	padding: 2px 1px 2px 3px;
	background: #fcf7ed;
	border: 1px solid #f1d8a4;
}

input.admincontent:focus, input.admincontent:hover {
	border: 1px solid #a4ccf1; background-color: #edf5fc; color: #00448a;
}