@charset "utf-8";

/*------------------- CSS RESET ---------------------*/
* {
padding: 0;
margin: 0;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------SCHRIFT / GRÖSSE ----------------*/
html {	font-size: 75%; }

html>body {	font-size: 12px; }

body {	font-family:  Tahoma, "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; 
        background-color:#c6c7c8;  
        text-align: center;
}

p {		
  font-size: 1.0em;
	line-height: 1.3em;
	color: #fff;
	font-style: normal;
	margin-bottom: 1em;
}

.content_list_simple {
  list-style-type: disc;
  font-size: 1.0em;
  line-height: 1.3em;
  margin-bottom: 1em;
  list-style-position: outside;
  padding-left: 15px;
  color: #fff;
}


#content_kontakt_details p {
  font-size: 1.0em;
	line-height: 1.3em;
	color: #fff;
	font-style: italic;
}

.error_msg {
  color: #007732;
}

h1,
h2,
h3 {
font-weight: bold;
margin-bottom: 0.7em;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 1.2em;
}

h3 {
font-size: 1.0em;
font-weight: bold;
}

a:link,
a:visited {
color: #fff;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #007732;
text-decoration: none;
outline: none;
}

a.weiterleitung_link {
color: #007732;
}

a.mailLink:link,
a.mailLink:visited {
text-decoration: none;
color: #000;
}


blockquote {
font-style: italic;
}
blockquote span {
font-style: normal;
}


/*------------------- LAYOUT ---------------------*/
#container {
  width: 800px;
  margin: 0 auto;
  background-color: #4bab4c;
  border: 1px solid black;
  text-align: left;

}

#header {
  position: relative;
  height: 100px;

}

#stage {
  position: relative;
  height: 157px;
  z-index:0;

}

#menu {
  position: relative;
  height: 65px;
}

#content {
  width: 760px;
  height: 800px;
  margin-top: 20px;
  margin-left: 40px;
}

#content_col_left {
  position:relative;
  float: left;
  width:237px;
  margin: 0;
}

#content_kontakt_details {
  position:absolute;
  top: 80px;
  left: 0px;
}



#content_col_right {
  width:420px;
  float:left;
  padding-top: 23px;
}

#footer {

}

#logo{
position: absolute;
top: 80px;
left: 40px;
}

#klammer{
position: absolute;
top: 0px;
left: 710px;
}

#klammer img {
width:36px;
}

#kooperationspartner_detail_content {
  position:absolute;
  top: 150px;
  left: 0px;
  width:237px;
}

#kooperationspartner_detail_content ul li a {
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
color: #fff;
font-style: italic;
}

#kooperationspartner_detail_content ul li a:hover {
  color: #007732;
}

#kooperationspartner_detail_content p {
color: #007732;
margin-bottom: 0;
font-weight: bold;
font-size: 12px;
font-style: italic;

}

/*------------------- 3-Spalten Layout für Impressum --------------------*/
.impressum_de #content_col_middle,
.impressum_en #content_col_middle{
  padding-top: 23px;
  width: 238px;
  float: left;
}

.impressum_de #content_col_right,
.impressum_en #content_col_right
 {
  width:250px;
  float:right;
  padding-top: 23px;
  margin-right: 15px;

}



/*------------------- KONTAKTFORMULAR / WEITERLEITUNGSFORMULAR --------------------*/
fieldset { margin: 1.5em 0 0 0; border: none; }
fieldset.hidden { border: none; margin: 0; padding: 0; }
fieldset.submit { border: none; background: transparent; }
.formRow { position: relative; clear: both;}

label {  float: left; width: 129px; margin-right: 5px; padding: 0.1em 0; color:#fff}
input, select { margin-bottom: 1em; border: 1px solid grey; padding: 0.1em 0 0.1em 0.2em;  maxlength="50"; size="50";}
input.hidden { border: none; margin: 0; padding:0;}
textarea {border: 1px solid grey; padding: 0.1em 0 0.1em 0.2em; margin-bottom: 1em;}

label.error {  clear:both ; padding-left: 134px; font-size: 0.9em; color: red; width: 200px; margin-top: -1.0em; margin-bottom: 0.8em; }

#nachricht { width: 240px; }
#email { width: 240px; }
#nachname { width: 240px; }
#email_absender  { width: 240px; }
#email_empfaenger { width: 240px; }
#name_absender { width: 240px; }
#name_empfaenger { width: 240px; }

.sendenButton {
border: 1px solid grey;
margin-left: 136px;
width:100px;
padding: 0;
}

/*------------------- ALLGEMEIN --------------------*/
.fl {
float: left;
padding-right: 1em;
}

.fr {
float: right;
padding-left: 1em;
}

.clearfloat {
clear: both;
}

.ul {
list-style-type: square;
font-size: 1.0em;
line-height: 1.5em;
margin-bottom: 1em;
list-style-position: outside;
padding-left: 15px;
}

.ul_numeric {
list-style-type: decimal;
font-size: 1.0em;
line-height: 1.5em;
margin-bottom: 1em;
list-style-position: outside;
padding-left: 19px;
}