@charset "utf-8";
/* CSS main style */

html {
	height:101%;
}

body {
	margin: 0;
	padding: 0;
	color: #787878;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size:12px;
	min-width: 1000px;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
}

.jdGallery .slideElement {
	background-color:#FFFF00;
}

span.name-of-person {
	color:#000000;
}

span.important {
	color:#c9be48;
	font-weight:bold;
}

p.csc-frame-frame1 {
	border: 1px solid #787878;
	padding:5px;
	background-color:#d7ce76;
}


p.csc-frame-frame2 {
	border: 1px solid #787878;
	padding:5px;
	background-color:#c9be48;
}

p.align-right {
	text-align:right;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px 0;
	color:#c9be48;
}

h1 {
	font-size:22px;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}

h5 {
	font-size:14px;
}

h6 {
	font-size:12px;
}

ul {
	margin:0 0 5px 10px;
	padding:0 0 0 10px;	
}

li {
	margin:0 0 5px 0;
	padding:0;	
}

a {
	color:#c9be48;
	text-decoration:none;	
}

a:hover {
	text-decoration:underline;	
}

#container {
	width: 1000px;
	margin: 0 auto;
}

/* header section */
#header {
	width: 1000px;
	padding:0;
	margin:0;
	overflow: hidden;
	height: 140px;
	background: #c9be48 url(grafik/bg_kopf.jpg) top left no-repeat;
}

#kopf_rechts {
	float:right;
	padding:110px 10px 10px 10px;
	margin:0;
}

input.login {
	font-size:10px;
	border:1px solid #000000;
	background-color:#d7ce76; 
	width:80px;
	margin: 2px 0 2px 0;
}

label.logintext {
	width:70px; 
	float:left;
	margin: 3px 0 2px 4px;
}


#kopf_links {
	float:left;
	padding:0;
	margin:0;
}

/* toolbox section */

#navigation {
	margin:0;
	padding:0;
	height:40px;
	list-style:none;
	float:right;
	color:#FFFFFF;
	background-color:#787878;
	width:1000px;
}

#navigation li {
	float: left;
	margin:0;
	padding: 0;
}

#navigation li.trenner {
	float: left;
	padding: 10px 0 0 0;
	margin: 0;
}

#navigation li a {
	float: left;
	display: block;
	padding: 10px 20px 0 20px;
	text-decoration:none;
	color: #FFFFFF;
	font-size:14px;
}

#navigation li a:hover {
	color: #c9be48;
	background:url(grafik/zeiger.gif) top center no-repeat;
}


/* content section */
#content {
	width: 1000px;
	overflow: hidden;
	padding: 26px 0 0 0;
	margin:0;
	background: url(grafik/bg_content.gif) top left repeat-x;
}

#extrasbox {
	width:230px;
	margin:0 0 0 30px;
	text-align:center;
}

#menubox {
	width: 370px;
	float: left;
	margin:0;
	padding:0;
}

.menulist {
	padding-left:30px; 
	background:url(grafik/bg_navigation.png) 0px 20px repeat-y;
}

p.menu {
	margin:0;
	padding:5px 0 5px 20px;
	width:209px;
	border-bottom:#787878 dashed 1px;
}

p.menu a {
	font-size:17px;
	color:#787878;
	text-decoration:none;
}

p.menu a:hover {
	color:#FFFFFF;
}

p.menu_sub {
	margin:0;
	padding:2px 0 2px 20px;
	width:209px;
}

p.menu_sub a {
	font-size:14px;
	color:#787878;
	text-decoration:none;
	padding:0 0 0 10px;
}

p.menu_sub a:hover {
	color:#FFFFFF;
	background:url(grafik/zeiger_weis.gif) 0px 5px no-repeat;
}

p.menu_sub_sub {
	margin:0;
	padding:2px 0 2px 20px;
	width:209px;
}

p.menu_sub_sub a {
	font-size:12px;
	color:#787878;
	padding: 0 0 0 20px;
	text-decoration:none;
}

p.menu_sub_sub a:hover {
	color:#FFFFFF;
}

.topbox {
	padding: 0 20px 0 20px; 
	background:url(grafik/bg_box.png) 0px 20px repeat-y;
	width:160px;
	text-align:center;
}

#mitte {
	width: 600px;
	float: left;
	margin:0;
	padding:0;
}

#mitte th {
	text-align:left;
	margin:0;
	padding:5px;
	background-color:#c9be48;
}

#mitte td {
	margin:0;
	padding:7px;
	background-color:#d7ce76;
}

#mitte th p.bodytext {
	margin:0;
	padding:0;
}

#mitte td p.bodytext {
	margin:0;
	padding:0;
}

#mitte table a {
	color:#787878;
}



/* buttons*/
#video {
	float:left;
	width: 200px;
}

#video p.bodytext {
	margin:0;
	padding:0;	
}

#video h1, h3, h4, h5, h6 {
	margin: 0 0 0 0;
	color:#787878;
}

#video h2 {
	margin: 0 0 0 0;
	color:#000000;
}

#probe {
	float:left;
	width: 200px;
}

#probe p.bodytext {
	margin:0;
	padding:0;	
}

#probe h1, h3, h4, h5, h6 {
	margin: 0 0 0 0;
	color:#787878;
}

#probe h2 {
	margin: 0 0 0 0;
	color:#000000;
}

#kurs {
	float:right;
	width: 200px;
}

#kurs p.bodytext {
	margin:0;
	padding:0;	
}

#kurs h1, h3, h4, h5, h6 {
	margin: 0 0 0 0;
	color:#787878;
}

#kurs h2 {
	margin: 0 0 0 0;
	color:#000000;
}
/* Buttons ENDE */

/* page: Kontaktformular*/

form.contactForm {
    margin: 0px;
    padding: 0px;
}

label.contactForm {
    width: 100px;
    padding: 0px;
    float: left;
    font-weight:bold;
}

input.contactForm {
    color: #000000;
    font-family: Verdana, Arial;
    font-size:11px;
}

.inputTextContactForm {
    width: 200px;    
    color: #000000;
    border: 3px solid #c9be48;
    background-color:#d7ce76;
}

textarea.contactForm {
    height: 80px;
    width: 200px;
    color: #000000;
    font-family: Verdana, Arial;
    font-size:11px;
    border: 3px solid #c9be48;
    background-color:#d7ce76;
}

ul.contactForm {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

li.contactForm {
    padding-bottom: 1px;
}

/* page: Callmeback*/

#callBorder {
	width:220px;
	padding: 0 10px 0 10px;	
}

#callBorder h1 {
	font-size:14px;
	font-weight:bold;
	color:#787878;
	margin:0 0 10px 0;
}

#callForm {
	margin: 0;
	padding: 0;
	width:130px;
	float:left;
	list-style-type: none;
}

#callForm li {
	margin: 0;
	padding: 0;
	font-size:10px;
}


#callForm input {
	font-size:11px;
	border:1px solid #787878;
	background-color:#e4dea3;
	color:#787878; 
	width:80px;
	padding:0;
	margin: 0 0 2px 0;
}

#callForm input.senden {
	font-size:11px;
	border:1px solid #787878;
	background-color:#787878;
	color:#e4dea3; 
	width:82px;
	padding:0;
	margin: 2px 0 0 0;
}

#callImage {
	margin: 0;
	padding:  0 5px 0 0;
	width:80px;
	float:right;
}

.callError {
	clear:both; 
	margin:0;
	padding:0;
}

.callError ul {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}

.callError ul li {
	font-size:11px; 
	color:#ff0000;
	margin:0;
	padding:0 0 2px 10px;
}

.callLabel {
    	width:45px;
    	float: left;
}