@charset "UTF-8";
/* CSS Document */

/* GLOBAL*/
html, body { margin: 0; padding: 0; background: url(../images/background.jpg) no-repeat scroll 50% 0 ; }
img { border: none; }
a { outline: none; }

/*CONTENT*/
#content h2 { font: 24px  Georgia, serif; color:#72845f;  letter-spacing:1px; }
#content p { font: 12px Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif; color:#4d4d4d; line-height: 20px; }
#content p a, #content p a:visited { font: 12px Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif; text-decoration: none; color:#72845f; }
#content p a:active, #content p a:hover { text-decoration: underline; color:#72845f; }
#content h3 a:link,  #content h3 a:visited { font: 18px  Georgia, serif; color:#72845f;  letter-spacing:1px; text-decoration:none; }
#content h3 a:hover,  #content h3 a:active { font: 18px  Georgia, serif; color:#72845f;  letter-spacing:1px; text-decoration:underline; }

/* CLEAR */
.clear { clear: both; }

/* LAYOUT */
#wrapper { width: 960px; margin: 0 auto; }
#header { width: 960px; height: 290px; }
#spacer { width: 960px; height: 30px; }
#logo { width: 230px; height: 260px; background-color: #e0e2cf;  background: url(../images/logo.jpg) top no-repeat; float: left; }
#logo h1 { margin:0; padding:0; }
#eye { width: 730px; height: 260px; background-color: #e0e2cf; background: url(../images/eyecatcher.jpg) top no-repeat; float: right; }
#container { position:relative; width: 960px; background: url(../images/bg_container.jpg) top repeat-y; clear: both; }
#sidebar { position:relative; width: 230px; height: 100%; background-color: #e0e2cf; float: left; z-index: 70 }
#navigation { position:absolute; width: 230px; height: 100%; margin-top: 0px; z-index: 80 }
#content { position:relative; width: 570px; height: 100%; background-color: #e9ebdd; float: right; padding: 25px 80px 50px 80px; z-index: 60; }
#footer { position:relative; width: 960px; height: 136px; background: url(../images/footer.jpg) top no-repeat; clear: both; z-index: 90; }
.hr { width: 570px; height: 1px; background-color: #b0bba1; border:none; overflow:hidden;} 

/* LANGUAGE */
#languagebar { width: 230px; margin:0; padding:0;}
#languageselection ul {margin:0; padding:0; list-style-type:none; }
#languageselection ul li {margin:0; padding:0; display:inline; }
#languageselection a:link, #languageselection a:visited {font: 9px arial, sans-serif; letter-spacing: 1px;  text-decoration:none; color:#e0e2cf; background-color:#e0e2cf; padding-left:10px; }
#languageselection a:hover, a:active {color:#000; }

/* SITEMAP */
ul.LSM_0 a:link, ul.LSM_0 a:visited {font: 9px arial, sans-serif; letter-spacing: 1px;  text-decoration:none; color:#666; padding-left:10px; }
ul.LSM_0 a:hover,ul .LSM_0 a:active {color:#000; text-decoration:underline; }

/*BREADCRUMBS*/
.B_currentCrumb, .B_firstCrumb, .B_lastCrumb {font: 9px verdana, sans-serif; text-decoration: none; color:#666; }
a.B_homeCrumb, a.B_crumb {font: 9px verdana, sans-serif; text-decoration: none; color:#666; }

/*TABLE*/
.table {font: 9px verdana, sans-serif; text-decoration: none; color:#666; }

/*FOOTER*/
#footer p {font: 9px verdana, sans-serif; text-decoration: none; color:#666; padding-top: 120px;  }
#footer a:link, a:visited {font: 9px verdana, sans-serif; text-decoration: none; color:#666; }
#footer a:hover, a:active {color:#000; }
#crossnav { text-align: center; }


/*	-------------------------------------------------------------
	CONTACTFORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
       
/*	-------------------------------------------------------------
	STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #formcontent {
				margin : 0px;
				padding: 0px;
				width : 600px;
				height : 600px;
				}

               #formcontent a {
				color: #666;
                                text-decoration: none;
				}

               div#formwrapper {
                    /* Allgemeines Container */
               	margin: 0;
               	width: 000px;
		padding: 0 0 35px 0;
		text-align:left;
		float:left;
               font: 12px Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif; color:#4d4d4d; line-height: 20px;
               }

              div.errors {
              font: 14px Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif; color:#33CC00; line-height: 20px;
              }

               div#formular {
                    /* Sub-Container, wird nach rechts verschoben, da links bei einem Formulare
                    weitere Elemente stehen werden. Typische Alternative: margin: 0 auto; */
               	padding: 0 0 0 0;
               	text-align: left;
               	width: 500px;

               }
               .contactleft {
                    /* Linker Bereich des Formulars: fuer Labels */
                    width: 10%;
                    clear: both;
                    /*float: left;*/
                    display: inline;
                    padding: 0;
                    margin: 0 0 0 0;
                    text-align: right;
               }
               .contactright {
                    /* Rechter Bereich des Formulars: fuer Eingabefelder */
                    width: 70%;
                    text-align: left;
                    /*float: right;*/
                    display: inline;
                    padding: 0px 0px 25px 0px;
                    margin: 0 35px;
               }

/*	-------------------------------------------------------------
	GESTALTUNG VON EINGABEFELDERN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               input, textarea {
                    border: 1px solid #d6d6d6;
               }

               .contactform {
                    /* Hintergrundebene mittels overflow */
                    height: 100%;
                    /*overflow: auto;*/
                    
               }

               .contactform #kt_name,
               .contactform #kt_addr,
               .contactform #kt_plz,
               .contactform #kt_city,
               .contactform #kt_email,
               .contactform #kt_telefon,
               .contactform #kt_nachricht {
                    width: 80%;
                    padding: 5px; 
                    color: #7b7b7b;
                    font: 1.1em/1.6em Verdana ,Arial, Helvetica, sans-serif; 
               }

               #subm {
                    /* Versenden-Schaltflaeche */
                    font: 1.1em/1.6em Verdana ,Arial, Helvetica, sans-serif; 
                    width: 100px;
                    border: 1px solid #d6d6d6;
                    padding: 4px 5px 4px 5px;
                    color: #7b7b7b;
					background: #fff;
               }

               /*  ICONS FUER EINGABEFELDER   */

               .contactform #kt_name {
                    background: #fff url(/assets/images/form/user.jpg) no-repeat left;
               }
               .contactform #kt_addr {
                    background: #fff url(/assets/images/form/user.jpg) no-repeat left;
               }
               .contactform #kt_plz {
                    background: #fff url(/assets/images/form/user.jpg) no-repeat left;
               }
               .contactform #kt_city {
                    background: #fff url(/assets/images/form/user.jpg) no-repeat left;
               }
               .contactform #kt_email {
                    background: #fff url(/assets/images/form/mail.jpg) no-repeat left;
               }
               .contactform #kt_telefon {
                    background: #fff url(/assets/images/form/world.jpg) no-repeat left;
               }
               .contactform #kt_nachricht {
                    width: 86%;
                    background: #fff url(/assets/images/form/comment.gif) no-repeat bottom right; 
               }
               .contactform #kt_name,
               .contactform #kt_addr,
               .contactform #kt_plz,
               .contactform #kt_city,
               .contactform #kt_email,
               .contactform #kt_telefon 
               {
                    width: 80%;
                    padding: 5px 5px 5px 30px;
               }
               
               /* Hover-Zustaende fuer jeweilige Eingabefelder */
              
               .contactform #kt_name:hover,
               .contactform #kt_addr:hover,
               .contactform #kt_plz:hover,
               .contactform #kt_city:hover,
               .contactform #kt_email:hover,
               .contactform #kt_telefon:hover,
               .contactform #kt_nachricht:hover {
                    background-color: #fff;
                    border: 1px solid #d6d6d6;
                    color: #7b7b7b;
               }

               .contactform #kt_name:focus,
               .contactform #kt_addr:focus,
               .contactform #kt_plz:focus,
               .contactform #kt_city:focus,
               .contactform #kt_email:focus,
               .contactform #kt_telefon:focus,
               .contactform #kt_nachricht:focus
               {
                    border: 1px solid #d6d6d6;
                    color: #7b7b7b;
                    background-color: #fff;
               }

               .contactform .wrong #kt_email {
                    /* Gestaltung der Felder mit Fehlermeldungen */
                    background: #ffffff url(/assets/images/form/warning.gif) no-repeat left;
                    color: #333333;
                    border: 1px solid #d6d6d6;
               }
               
               .contactform #Erfolg {
                    /* Mitteilung: Informationen wurden versandt */
                    background: #fff url(/assets/images/form/accept.gif) no-repeat left;
                    border: 1px solid #eeeeee;
                    color: #0066CC;
                    padding: 10px 10px 10px 30px;
                    width: 80%;
                    margin: 1.5em auto;
               }

/*	-------------------------------------------------------------
	ALLGEMEINE ATTRIBUTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               h2 {
                    /* Ueberschrift der Seite */
                    font-family: Verdana ,Arial, Helvetica, sans-serif;
                    font-weight: normal;
                    font-size: 4em; 
                    color: #7b7b7b;
               }
               span.required {
                    /* Markierung des Eingabefeldes, das ausgefuellt werden soll */
                    color: #ccc;
                    font-size: 16px;
					padding-left: 2px;
               }
               label {
                    /* Beschriftung des Eingabeldes */
                    color: #999;
                    padding: 2px 5px 2px 5px;
                    
                    /* Hintergrundfarbe + Abrundung 
                    background-color: #5ea4d7;*/
               }