html {
  height               : 100%;
  margin               : 0px;
  padding              : 0px;
}

body {
  font-family          : Arial, Verdana, Helvetica, sans-serif;
  font-size            : 12px;
  color                : #3F637B;
  background           : #fff;
}

/*-----------------------------------------------------------------------------
  MAIN
-----------------------------------------------------------------------------*/

p,h3,h4,h5,h6,li,td,th,dt,dd {
  font                 : 12px Arial, Verdana, Helvetica, sans-serif;
}

h1 { 
  margin               : 0 0 15px 0;
  font                 : 16px Arial, Verdana, Helvetica, sans-serif;
  font-weight          : bold;
}

h2 { 
  margin               : 0 0 15px 0;
  font                 : 12px Arial, Verdana, Helvetica, sans-serif;
  font-weight          : bold;
}

p {
  margin               : 0 0 15px 0;
  padding              : 0;
}
a {
  text-decoration      : none;
  color                : #3F637B;
}
a:hover {
  color                : #B5B4C4;
}

ul {
  margin-top           : 0;
  margin-bottom        : 0;
}
/*-----------------------------------------------------------------------------
  Containerdefinitionen
-----------------------------------------------------------------------------*/

#global_container {
  /* global - zentriert seite */
  margin               : 0 auto;
  padding              : 0;
  width                : 960px;
  border               : 0px;
  text-align           : left;
}

#container_head {
  /* banner */
  margin               : 10px 0 0 0;
  padding              : 0;
  width                : 960px;
  height               : 155px;
  border               : 0px;
  text-align           : left;
  background           : #fff;
}

#container_menue {
  /* hauptmenue */
  width                : 960px;
  height               : 23px;
  _height              : 23px;
  margin               : 0;
  padding              : 0;
  border               : solid #fff;
  border-width         : 1px 0px;
  color                : #3F637B;
  background           : url('/_content/img/bg_navi.jpg') repeat-y left top #fff;
}

#container_menue a {
  /* links hauptmenue */
  text-decoration      : none;
  color                : #3F637B;
}

#uhr {
  /* Uhr */
  margin               : 0;
  padding              : 4px 0 0 5px;
  height               : 21px;
  width                : 183px;
  _width               : 192px;
  float                : left;
  font-weight          : bold;
  font-size            : 11px;
}

#container_navigation {
  /* Navigation */
  margin               : 0;
  height               : 21px;
  width                : 640px;
  float                : left;
  font-weight          : bold;
}

#container_home {
  /* Home Button */
  margin               : 0;
  padding              : 3px 10px 0 10px ;  
  height               : 21px;
  width                : 80px;
  _width               : 100px;
  float                : left;
  font-weight          : bold;
  text-align           : right;
  font-size            : 12px;

}

#container_main {
  /* content, teaser, right teaser */
  margin               : 0;
  padding              : 0;
  border               : 0;
  height               : 397px;
  width                : 970px;
  text-align           : center;
}

#container_left {
  /* linkes pannel */
  margin               : 0;
  padding              : 0;
  border               : 0;
  height               : 397px;
  width                : 192px;
  background           : url('/_content/img/bg_left.jpg') repeat-x; 
  float                : left;
}
#container_left .links {
  /* newsletter reg, situationsplan */
  text-align            : left;
  font-weight           : bold;
	background            : url('/_content/img/balken.jpg') no-repeat;
	height								: 20px;
	width									: 165px;
	margin								: 5px 0px 5px 15px;
	_margin								: 5px 0px 5px 10px;
	padding								: 2px;
}

#container_left .teaser {
  /* teaser */
  text-align            : left;
  font-weight           : bold;
	background            : url('/_content/img/teaser_bg.jpg') no-repeat;
	height								: 100px;
	width									: 165px;
	margin								: 5px 0px 5px 15px;
	_margin								: 5px 0px 5px 10px;
	padding								: 2px;
}

#style_left {
  /* style hilfe links */
  float                : left;
}

#container_right {
  /* content, right teaser */
  margin               : 0;
  padding              : 0;
  border               : 0;
  height               : 397px;
  width                : 742px;
  float                : left;
}

#container_content {
  /* inhaltsbereich */
  margin               : 0;
  padding              : 0;
  border               : 0;
  width                : 510px;
  height               : 397px;
  float                : left;
  background           : #fff;
  text-align           : left;
}

#container_content {
  /* inhaltsbereich */
  margin               : 0;
  padding              : 0;
  border               : 0;
  width                : 515px;
  height               : 397px;
  float                : left;
  text-align           : left;
}

#abstandhalter {
  /* abstand zwischen inhaltsbereich und der rechten box */
  margin               : 0;
  padding              : 0;
  border               : 0;
  width                : 10px;
  height               : 397px;
  float                : left;
}

#right_box {
  /* rechte box */
  margin               : 0;
  padding              : 0;
  border               : 1px solid #97AFBC;
  width                : 215px;
  height               : 397px;
  float                : left;
  background           : url(/_content/img/bg_left.jpg) repeat-x scroll 0%;
}

#right_box img {
  /* shops logos */
  margin               : 10px 2px;
}

/*-----------------------------------------------------------------------------
Menuedefinitionen
-----------------------------------------------------------------------------*/

#container_navigation ul  {
  height               : 21px;
  width                : 668px;
  margin               : 0;
  padding              : 0;
  list-style           : none;
  background           : back;
}

#container_navigation li {
  float                : left;
  margin               : 0px;
  padding              : 3px 0 0 20px;
  height               : 21px;
  font-weight          : bold; 
  text-align           : center; 
}

#container_navigation a{
  padding              : 3px;
}

#container_navigation .active a{
  background           : #A2B6BF;
  color                : #E4EEED;
}

/*-----------------------------------------------------------------------------
Formulardefinitionen
-----------------------------------------------------------------------------*/
.submit, .reset {
  margin               : 5px 0 0 2px;
  padding              : 0;
  background-color     : #97b0c4;
  border               : 1px solid #a8acad;
  color                : #fff;
  font-weight          : bold;
}
input {
  margin               : 2px;
  padding              : 2px;
  background-color     : #fff;
  font-size            : 12px;
}
label {
  margin               : 0;
  padding              : 2px;
  width                : 120px;
  float                : left;
}
select {
  margin               : 0px;
  padding              : 1px;
  background-color     : #fff;
  border               : 1px solid #a8acad;
  color                : #5e6d74;
  font-size            : 10px;
  width                : 132px;
}

/*-----------------------------------------------------------------------------
...
-----------------------------------------------------------------------------*/
.clearfloat { /* floats aufheben, loeschen */
  margin               : 0;
  padding              : 0;
  clear                : both;
  overflow             : hidden;
}

#abstand1  { height: 1px;  margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand2  { height: 2px;  margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand3  { height: 3px;  margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand4  { height: 4px;  margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand5  { height: 5px;  margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand6  { height: 6px;  margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand7  { height: 7px;  margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand8  { height: 8px;  margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand9  { height: 9px;  margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand10 { height: 10px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand11 { height: 11px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand12 { height: 12px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand13 { height: 13px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand14 { height: 14px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand15 { height: 15px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand16 { height: 16px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand17 { height: 17px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand18 { height: 18px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand19 { height: 19px; margin: 0; padding: 0; border: 0; font-size: 1px; }
#abstand20 { height: 20px; margin: 0; padding: 0; border: 0; font-size: 1px; }



.linie  { height: 1px;  margin: 0; padding: 0; border: 0; font-size: 1px; background: #A9A9A9; overflow: hidden; }

.error { color: red; }

/******************************************************* FORMS ****************************/

.textfeld{
	font-size : 12px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color : #EDECE7; 
	color : #222222; 
	height : 18;
	BORDER-RIGHT: #CCCCCC thin solid;
	BORDER-LEFT: #CCCCCC thin solid;
	BORDER-TOP: #CCCCCC thin solid;
	BORDER-BOTTOM: #CCCCCC thin solid;
	BORDER-RIGHT-width: 1px;
	BORDER-LEFT-width: 1px;
	BORDER-TOP-width: 1px;
	BORDER-BOTTOM-width: 1px
}		
.textfelderror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #222222; 
	height : 18;
	background-color: #FFCACA;
	BORDER-RIGHT: #CCCCCC thin solid;
	BORDER-LEFT: #CCCCCC thin solid;
	BORDER-TOP: #CCCCCC thin solid;
	BORDER-BOTTOM: #CCCCCC thin solid;
	BORDER-RIGHT-width: 1px;
	BORDER-LEFT-width: 1px;
	BORDER-TOP-width: 1px;
	BORDER-BOTTOM-width: 1px
}

.textarea{
	font-size : 12px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color : #EDECE7; 
	color : #222222; 
	BORDER-RIGHT: #CCCCCC thin solid;
	BORDER-LEFT: #CCCCCC thin solid;
	BORDER-TOP: #CCCCCC thin solid;
	BORDER-BOTTOM: #CCCCCC thin solid;
	BORDER-RIGHT-width: 1px;
	BORDER-LEFT-width: 1px;
	BORDER-TOP-width: 1px;
	BORDER-BOTTOM-width: 1px
}	
.taste{
  	font-size : 12px; 
  	font-family: Arial, Helvetica, sans-serif;
  	background-color : #EDECE7; 
  	color : #222222; 
  	BORDER-RIGHT: #CCC thin solid;
  	BORDER-LEFT: #CCC thin solid;
  	BORDER-TOP: #CCC thin solid;
  	BORDER-BOTTOM: #CCC thin solid;
  	BORDER-RIGHT-width: 1px;
  	BORDER-LEFT-width: 1px;
  	BORDER-TOP-width: 1px;
  	BORDER-BOTTOM-width: 1px
}
