/* CSS Document */
body	{
	text-align: left;
	padding:0px;
	margin: 0px;
	border: 0px;
	font: normal 0.7em verdana, arial, sans-serif;
	line-height: 18px;
	color: #8e8b88;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: 0px 91px;
}

iframe{
	overflow:auto;
}

a 	{ font: bold 1.0em verdana, arial, sans-serif; line-height: 18px; color: #f18a0a; text-decoration: none;  }
a:hover	{ font: bold 1.0em verdana, arial, sans-serif; line-height: 18px; color: #f18a0a; text-decoration: none; }
.top	{ font: bold 1.0em verdana, arial, sans-serif; line-height: 18px; color: #f18a0a; text-decoration: none;  }
.rabbit	{ font: bold 1.0em verdana, arial, sans-serif; line-height: 18px; color: #bad301; text-decoration: none;  }


.zitat	{ font: italic 1.1em verdana, arial; line-height: 18px; color: #8e8b88; }
h1	{ font: bold 1.1em verdana, arial; line-height: 18px; color: #f18a0a; }
h2	{ font: bold 1em verdana, arial; line-height: 18px; color: #f18a0a; }
.lebensfilm	{ font: bold 1.0em verdana, arial; line-height: 18px; color: #f18a0a; }
.headline	{ font: bold 1.1em verdana, arial; line-height: 18px; color: #f18a0a; }
	
#box{ width: 980px; text-align: left; padding:0px ;margin: 0px; border: 0px; }
#logo{ width: 980px; height: 66px; background: url(../pic/logomim.gif) no-repeat; text-align: left; padding:0px ;margin: 25px 0px 0px 25px; border: 0px; }
#content_index{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/01.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_idee{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/02.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_impressum{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/03.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_kontakt{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/04.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_meinung{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/05.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_partner{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/06.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_philosophie{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/07.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_produkt{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/08.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_unternehmen{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/09.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_vorschau{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/10.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_intern{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/11.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_login{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/12.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }
#content_error{ position: absolute; top: 91px; left: 0px; display: block; width: 980px;  background: url(../pic/mimerror.jpg) no-repeat; text-align: left; padding:0px ; margin: 0px; border: 0px; }


/* Menu CSS Start */
#navigation_box { width: 323px; height: 300px; padding:0px ; margin: 0px; border: 0px; float:left}
#navigation { position: absolute; left: 0; top: 177px; width: 323px; border: 0px;}

#menu { float: left; width: 323px; padding:0px ; margin: 0px; border: 0px;}

/* Hauptpunkt 01 CSS Start */
#navi1 { float: left; width: 45px; padding: 0; margin: 30px 0 0 1px; background: #F3EFE3 url(../pic/nav_01_off.gif); color: #fff; }
#navi1 a { display: block; font: bold 12px Arial, Helvetica, sans-serif; text-align: right; text-decoration: none; border: 0px; width: 45px; height: 50px; color: #fff; background: url(../pic/nav_01_off.gif); }
#navi1 a:hover { color: #9ff; background: #F3EFE3 url(../pic/nav_01_on.gif); }
#navi1 a .showcase { display: none; }
#navi1 a:hover .showcase { position: absolute; top: 0px; left: 5px; display: block; width: 300px; text-align: left; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #FFF; padding: 0px; }

/* Hauptpunkt 02 CSS Start */
#navi2 { float: left; width: 45px; padding: 0; margin: 30px 0 0 1px; background: #F3EFE3 url(../pic/nav_03_off.gif); color: #fff; }
#navi2 a { display: block; font: bold 12px Arial, Helvetica, sans-serif; text-align: right; text-decoration: none; border: 0px; width: 45px; height: 50px; color: #fff; background: url(../pic/nav_03_off.gif); }
#navi2 a:hover { color: #9ff; background: #F3EFE3 url(../pic/nav_03_on.gif); }
#navi2 a .showcase { display: none; }
#navi2 a:hover .showcase { position: absolute; top: 0px; left: 55px; display: block; width: 300px; text-align: left; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #fff; padding: 0px; }

/* Hauptpunkt 03 CSS Start */
#navi3 { float: left; width: 45px; padding: 0; margin: 30px 0 0 1px; background: #F3EFE3 url(../pic/nav_04_off.gif); color: #fff; }
#navi3 a { display: block; font: bold 12px Arial, Helvetica, sans-serif; text-align: right; text-decoration: none; border: 0px; width: 45px; height: 50px; color: #fff; background: url(../pic/nav_04_off.gif); }
#navi3 a:hover { color: #9ff; background: #F3EFE3 url(../pic/nav_04_on.gif); }
#navi3 a .showcase { display: none; }
#navi3 a:hover .showcase { position: absolute; top: 0px; left: 98px; display: block; width: 300px; text-align: left; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #fff; padding: 0px; }

/* Hauptpunkt 04 CSS Start */
#navi4 { float: left; width: 45px; padding: 0; margin: 30px 0 0 1px; background: #F3EFE3 url(../pic/nav_05_off.gif); color: #fff; }
#navi4 a { display: block; font: bold 12px Arial, Helvetica, sans-serif; text-align: right; text-decoration: none; border: 0px; width: 45px; height: 50px; color: #fff; background: url(../pic/nav_05_off.gif); }
#navi4 a:hover { color: #9ff; background: #F3EFE3 url(../pic/nav_05_on.gif); }
#navi4 a .showcase { display: none; }
#navi4 a:hover .showcase { position: absolute; top: 0px; left: 146px; display: block; width: 300px; text-align: left; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #fff; padding: 0px; }

/* Hauptpunkt 05 CSS Start */
#navi5 { float: left; width: 45px; padding: 0; margin: 30px 0 0 1px; background: #F3EFE3 url(../pic/nav_06_off.gif); color: #fff; }
#navi5 a { display: block; font: bold 12px Arial, Helvetica, sans-serif; text-align: right; text-decoration: none; border: 0px; width: 45px; height: 50px; color: #fff; background: url(../pic/nav_06_off.gif); }
#navi5 a:hover { color: #9ff; background: #F3EFE3 url(../pic/nav_06_on.gif); }
#navi5 a .showcase { display: none; }
#navi5 a:hover .showcase { position: absolute; top: 0px; left: 192px; display: block; width: 300px; text-align: left; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #fff; padding: 0px; }

/* Hauptpunkt 06 CSS Start */
#navi6 { float: left; width: 45px; padding: 0; margin: 30px 0 0 1px; background: #F3EFE3 url(../pic/nav_07_off.gif); color: #fff; }
#navi6 a { display: block; font: bold 12px Arial, Helvetica, sans-serif; text-align: right; text-decoration: none; border: 0px; width: 45px; height: 50px; color: #fff; background: url(../pic/nav_07_off.gif); }
#navi6 a:hover { color: #9ff; background: #F3EFE3 url(../pic/nav_07_on.gif); }
#navi6 a .showcase { display: none; }
#navi6 a:hover .showcase { position: absolute; top: 0px; left: 237px; display: block; width: 300px; text-align: left; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #fff; padding: 0px; }

/* Hauptpunkt 07 CSS Start */
#navi7 { float: left; width: 45px; padding: 0; margin: 30px 0 0 1px; background: #F3EFE3 url(../pic/nav_02_off.gif); color: #fff; }
#navi7 a { display: block; font: bold 12px Arial, Helvetica, sans-serif; text-align: right; text-decoration: none; border: 0px; width: 45px; height: 50px; color: #fff; background: url(../pic/nav_02_off.gif); }
#navi7 a:hover { color: #9ff; background: #F3EFE3 url(../pic/nav_02_on.gif); }
#navi7 a .showcase { display: none; }
#navi7 a:hover .showcase { position: absolute; top: 0px; left: 284px; display: block; width: 300px; text-align: left; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #fff; padding: 0px; }

/* Subnavigation CSS Start */
#navbox { float: left; width: 280px; padding:30px 0px 0px 0px; margin: 0px; border:0;}

#nav a { display:block; margin:0px; padding:2px 0px 0px 12px; border:0; background-image:url(../pic/nav_off.gif); background-repeat:no-repeat; width:300px; height:25px; font: normal 1.1em verdana, arial, sans-serif; line-height: 18px; color: #8e8b88; text-decoration: none; text-align:left; }
#nav a:hover {display:block; margin:0px; padding:2px 0px 0px 12px; border:0px; background-image:url(../pic/nav_on.gif); background-repeat:no-repeat; width:300px; height:25px; font: bold 1.1em verdana, arial, sans-serif; line-height: 18px; color: #8e8b88; text-decoration: none; text-align:left; }
#nav_active { display:block; margin:0px; padding:2px 0px 0px 12px; border:0px; background-image:url(../pic/nav_on.gif); background-repeat:no-repeat; width:300px; height:25px; font: bold 1.1em verdana, arial, sans-serif; line-height: 18px; color: #f18a0a; text-decoration: none; text-align:left; }

#subnav a {display:block; margin:0px; padding:2px 0px 0px 20px; border:0px; background-image:url(../pic/subnav_off.gif); background-repeat:no-repeat; width:290px; height:25px; font: normal 1.1em verdana, arial, sans-serif; line-height: 18px; color: #8e8b88; text-decoration: none; text-align:left;}
#subnav a:hover {display:block; margin:0px; padding:2px 0px 0px 20px; border:0px; background-image:url(../pic/subnav_on.gif); background-repeat:no-repeat; width:290px; height:25px; font: bold 1.1em verdana, arial, sans-serif; line-height: 18px; color: #8e8b88; text-decoration: none; text-align:left;}

#subnav_aktive {display:block; margin:0px; padding:2px 0px 0px 20px; border:0px; background-image:url(../pic/subnav_on.gif); background-repeat:no-repeat; width:290px; height:25px; font: bold 1.1em verdana, arial, sans-serif; line-height: 18px; color: #8e8b88; text-decoration: none; text-align:left;}





/* Text CSS Start */
#text_box{ width: 446px; text-align: left; padding:0px;margin:0px ; border: 0px; float:left}
#text_pic{ width: 446px; height: 215px; text-align: left; padding: 0px ;margin: 0px ; border: 0px; float:left}
#text{ width: 446px;  text-align: left; padding: 20px 15px 0px 15px  ;margin: 0px ; border: 0px; border-right:dashed 1px #8e8b88;border-left:dashed 1px #8e8b88; float:left}
#adresse{ position: absolute; top: 390px; left: 820px; display: block; width: 155px; text-align: left; padding: 0px; margin:0px ; border: 0px; float:left}
#footer{ padding:5px 0px 0px 0px; width: 450px; margin: 0px 0px 10px 0px; border-top:dashed 1px #8e8b88; font: normal 0.9em verdana, arial, sans-serif; float:left}

.k_forms_row {
	margin: 5px 0;
	padding: 5px;
	background-color: #F5F5F5; 
}

.kdview{width:auto; margin-left:auto; margin-right:auto; color:#8e8b88; padding:none; border: 1px white solid; text-align:center;}
.kdview a{font:normal verdana, arial, sans-serif; color:#8e8b88;}
.kdview a:hover{font:normal verdana, arial, sans-serif; color:#8e8b88;}
.kdview_head{font:bolder verdana, arial, sans-serif;}
.kdview td{margin: 0px 3px; padding-left:2px; padding-right:2px; font:0.8em;}
.kdview_light{background-color:#F2F2F2;}
.kdview_dark{background-color:#F9F9F9;}
.kdview_pagemenu a{font:normal verdana, arial, sans-serif; color:#8e8b88;}
.kdview_pagemenu a:hover{font:normal 0.7em verdana, arial, sans-serif;}

.kd_data_list a{font:normal 1em verdana, arial, sans-serif; color:#8e8b88;}
.kd_data_list a:hover{font:normal 1em verdana, arial, sans-serif; color:#8e8b88;}
.kd_data_table {padding:5px;}
.kd_data_table_textarea{ vertical-align:top;padding-top:2px; }

.kd_data_nav {padding:20px;}
.kd_data_nav td{padding-left:5px;width:400px;margin-bottom:1px;background-color:#F4F4F4;}
.kd_data_nav a{font:normal 1em verdana, arial, sans-serif; color:#8e8b88;}
.kd_data_nav a:hover{font:normal 1em verdana, arial, sans-serif; color:#f18a0a;}

.arbeitsprobe{
	width:446px;
	text-align:left;
	position:relative;
	padding:10px 0;
	cursor:pointer;
}
.arbeitsprobe .title{
	float:left;
	font-weight:bold;
}
.arbeitsprobe .genre{
	text-align:right;
	color:#f18a0a;
}
.arbeitsprobe .button{
	padding:10px;
	background-color:#f6f6f6;
	text-align:left;
	font-weight:bold;
	display:none;
	cursor:auto;
}
.arbeitsprobe p{
	cursor:auto;	
}
.hide{
	
	display:none;	
}
