/* CSS Document meister-erfahrungsaustausch.de © 2009 Delphis Dialog GmbH
Author: Thorben Dyk | MEDIENGESTALTUNG 
----------------------------------------------- */	
* { margin: 0; padding: 0 }

/* reset
----------------------------------------------- */	
:link,:visited { text-decoration: none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border: none; } 
a:link, a:visited, a:active { color: #0081A1; text-decoration: underline; }
a:hover { color: #808080; text-decoration: none; }

html, body {
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
/*	margin-right: 1px; */
	color: #404040;
	background-image: url(../images/background_main.jpg);
	background-repeat: repeat-x;
} 

/* 
----------------------------------------------- */

h1 {		
	font-size: 12px;
	line-heigth: 18px;
	font-weight: bold;
	color: #606060;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;	
}

p {
	font-weight: normal;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
}

h2 {	
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;	
}

/* Main
----------------------------------------------- */

#wrapper {
	width: 915px;
	height: auto;
	position: relative; 
	top: 21px;
	left: 0px;
	padding:0px 0px 0px 0px;
	margin: 0px auto; 
	text-align: left;	
}

#main {
	width: auto;
	height: auto;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin: 0px auto; 
	text-align: left;	
}

.clearboth { clear: both; }
.center { text-align: center; }


/* Header 
----------------------------------------------- */
#header {
	width: 915px;
	height: 260px;
	background-image: url(../images/background_header.jpg);
	background-repeat: no-repeat;
}
#header_image {
	width: 600px;
	height: 168px;
	position: relative;
	left: 301px;
	top: 60px;
	background-image: url(../images/background_header_image.jpg);
	background-repeat: no-repeat;
}


/* Header: Navigation
----------------------------------------------- */
#header_navi {
	width: 600px;
	height: 30px;
	position: relative;
	left: 301px;
	top: 61px;	
}

ul#navigation {
    width: auto;
	height: auto;
    margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 4px;
}
    ul#navigation li { float: left; }
	ul#navigation li a {		 
        display: block;
		height: auto;
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
	    margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		letter-spacing: 1px;
		}
        ul#navigation li a#start {/* border-left: 1px solid #7ABBCD; */ border-right: 1px solid #7ABBCD; padding: 0px 22px 0px 22px;}
        ul#navigation li a#anmelden { border-right: 1px solid #7ABBCD;  padding: 0px 22px 0px 22px;}
        ul#navigation li a#informationen { border-right: 1px solid #7ABBCD; padding: 0px 22px 0px 22px;}
        ul#navigation li a#galerie { border-right: 1px solid #7ABBCD; padding: 0px 22px 0px 22px;}
        ul#navigation li a#kontakt { padding: 0px 22px 0px 22px; /* border-right: 1px solid #7ABBCD */}
        ul#navigation li a:hover { color: #808080; }
		ul#navigation li .current, ul#navigation li a.current:hover { color: #303030; }



/* Content
----------------------------------------------- */
#content {
	width: 854px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 24px 0px;	
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	border-top: 1px solid #007E9F;	
	border-bottom: 1px solid #D5D5D5;
	background-image: url(../images/background_content.jpg);
	background-repeat: repeat-y;
}
#content_home {
	width: 854px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 24px 0px;	
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	border-top: 1px solid #007E9F;	
	border-bottom: 1px solid #D5D5D5;
	background-image: url(../images/background_content_home.jpg);
	background-repeat: repeat-y;
}
#content_blue {
	width: 854px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 24px 0px;	
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	border-top: 1px solid #007E9F;	
	border-bottom: 1px solid #D5D5D5;
	background-color: #F2F7FB;
}
#cleardiv { float: left; width: 45px; height:1px;}
/* #water {
	width: 854px;
	height: 74px;
	float: left;
	margin: 0px 0px 0px 45px;
	padding: 0px 0px 0px 0px;	
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	background-image: url(../images/background_water.jpg);
	background-repeat: no-repeat;
} */

/* Content left
----------------------------------------------- */
#content_left {
	width: 254px;
	height: auto;
	float: left;
}

#aktuelles { width: 254px; height: auto; float: left; padding: 32px 0px 32px 0px; }
#aktuelles h1 { height: 24px; background-image: url(../images/background_h1_aktuelles.jpg); background-repeat: no-repeat; color: #606060; padding: 3px 0px 2px 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
#aktuelles p { line-height: 16px; padding: 0px 8px 0px 20px; font-size: 11px; }

#anmeldung { width: 254px; height: auto; float: left; }
#anmeldung h1 { height: 24px; background-image: url(../images/background_h1_aktuelles.jpg); background-repeat: no-repeat; color: #606060; padding: 3px 0px 2px 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
#anmeldung p { line-height: 16px; padding: 0px 8px 0px 20px; font-size: 11px; }

/* Content right
----------------------------------------------- */
#content_right {
	width: 599px;
	height: auto;
	float: right;
	padding: 21px 0px 0px 0px;
}

#content_copy { width: 500px; padding: 0px 0px 0px 50px; }
#content_copy p { font-size: 12px; line-height: 18px; color: #000000; }


.one { padding: 0px 0px 12px 0px; }
.note { font-size: 10px; padding: 24px 0px 0px 0px; }
.footnote { font-size: 10px; padding: 6px 0px 0px 0px; float:left;}
.leftone { 
	float: left; 
	width: 220px;
	height: auto;	
}
.rightone {
	float: right;
	width: 220px;
	height: auto;
}

/* Content wide
----------------------------------------------- */
#content_wide {
	width: 853px;
	height: auto;
	float: left;
	padding: 21px 0px 0px 0px;
}

#content_wide_copy p { font-size: 12px; line-height: 18px; color: #000000; }

#content_wide_copy_galery { width: 760px; padding: 0px 0px 0px 50px; }
#content_wide_copy_galery p { font-size: 12px; line-height: 18px; color: #000000; }
#content_wide_copy_galery img { float: left; padding: 3px; background-color: white; border: 1px solid #CCCCCC; }
#content_wide_copy_galery div { float: left; padding: 9px; }


/* Footer
----------------------------------------------- */
#footer {
	width: 915px;
	height: 44px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 45px;	
}

#copyright {
	font-size: 10px;
	color: #0081A1; 
	text-align: left;
    margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
}
#copyright .current { color: #303030; text-decoration: none;}

/* Formulare 
----------------------------------------------- */

form {
	padding: 12px 0px 0px 0px;
	width: auto;
	float: left;
}
#anmeldeform { font-size: 12px;}
#anmeldeform p {font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#anmeldeform .left { width: 170px;  text-align: center; float: left; padding: 6px 0px 6px 0px; }
#anmeldeform .middle { width: 168px;  border-right: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; text-align: center; float: left; padding: 6px 0px 6px 0px;}
#anmeldeform .right { width: 170px; text-align: center; float: left; padding: 6px 0px 6px 0px;}

#anmeldeform_wide { font-size: 12px;}
#anmeldeform_wide p {font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#anmeldeform_wide .left { width: 220px;  text-align: center; float: left; padding: 6px 0px 6px 0px; }
#anmeldeform_wide .middle { width: 218px;  border-right: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; text-align: center; float: left; padding: 6px 0px 6px 0px;}
#anmeldeform_wide .right { width: 220px; text-align: center; float: left; padding: 6px 0px 6px 0px;}

#kontaktform { font-size: 12px;}
#kontaktform p {font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#kontaktform .left { width: 170px;  text-align: center; float: left; padding: 6px 0px 6px 0px; }
#kontaktform .middle { width: 168px;  border-right: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; text-align: center; float: left; padding: 6px 0px 6px 0px;}
#kontaktform .right { width: 170px; text-align: center; float: left; padding: 6px 0px 6px 0px;}
#kontaktform legend {
	font-size: 10px;
	color: #0081A1;
	padding: 6px 6px 6px 8px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	border: 1px solid #D5D5D5;
}
#kontaktform label {
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #0081A1;
}
#kontaktform textarea {
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #0081A1;
	width: 240px;
}
.kontaktbutton {
	margin: 8px 0px 0px 124px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 245px;
}


#anmeldeform fieldset {
	border: 1px solid #D5D5D5;
	padding: 12px 0px 36px 12px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF; 
	width: 525px;
	float: left;
}
#anmeldeform_wide fieldset {
	border: 1px solid #D5D5D5;
	padding: 12px 0px 36px 36px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF; 
	width: 700px;
	float: left;
}
#anmeldeform legend {
	font-size: 10px;
	color: #0081A1;
	padding: 6px 6px 6px 8px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	border: 1px solid #D5D5D5;
}
#anmeldeform_wide legend {
	font-size: 10px;
	color: #0081A1;
	padding: 6px 6px 6px 8px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	border: 1px solid #D5D5D5;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
#anmeldeform label {
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #0081A1;
}
#anmeldeform_wide label {
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #0081A1;
}


.kontaktdata label {
	margin: 8px 0px 8px 0px;
	padding: 9px 8px 8px 0px;	
	text-align:right;
	width: 115px;
	float: left;
	height: auto;
}
.kontaktdata input {
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 11px;
	color: #0081A1;
	text-align:left;
	width: 240px;
}
#kontaktdaten { float: left; width: 400px; }
#rechnungsadresse { float: right; width: 300px; }


#anmeldeform .check {
float: left;
margin: 0px 0px 0px 80px;
}

#anmeldeform inputleft { width: 24px;  }
.input_description  {
	width: 496px;
	height: 36px;
	float: left;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}
.input_description_wide  {
	width: 600px;
	height: auto;
	float: left;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}
label.branche { padding: 0px 0px 0px 4px; }
.select-date { font-size: 11px; color: #0081A1; width: 180px;}
.select-time{ font-size: 11px; color: #0081A1; width: 90px; clear:both; }
.volt { font-size: 11px; color: #0081A1; width: 60px;}
.ampere { font-size: 11px; color: #0081A1; width: 20px;}
.betreuer { font-size: 11px; color: #0081A1; width: 360px; }

.submit { padding: 0px 0px 0px 0px; margin: 36px 0px 0px 0px; width: 244px; text-align:center; }

label.hausnummer { width: 36px;  }

/* input {
	float: left;
	font-size:10px;
} */

input checkbox {}


.button {
	width: 146px;
	float: left;
}