/*
    BASE ELEMENTS
------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}
html {
background: #fff url("../img/bg.jpg") 0 0 repeat-x;
}

body {
	font: 12px/18px Arial, Verdana, sans-serif;
	color: #363636;
	background: url("../img/logo.jpg") 0 5px no-repeat;

}

a img, a:hover img, a {
	outline: none;
}

p, ul, dl {
	margin: 0 0 14px 0;
}

ul#main-nav  {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-style: normal;
}

hr.clearfix {
	clear:  both;
	display: block;
	visibility: hidden;
	height: 1px;
	margin-top: -1px;
}

/* =Masthead
------------------------------------------*/
#masthead {
	position: relative;
	height: 110px;
}

#masthead h1 {
	position: absolute;
	z-index: 10;
	top: 35px;
	left: 20px;
	width: 255px;
	height: 75px;
	font:normal 24px/26px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-indent:-1600px;
}
#masthead h1 span{
	font-size: 16px;
	color:#000;
	float:right;
	text-indent:-1600px;
}

#masthead h1 a:link, 
#masthead h1 a:visited, 
#masthead h1 a:hover, 
#masthead h1 a:active {
	color:#000;
	text-decoration:none;
	font:normal 24px/26px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

body #pageImage {
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 30;
	width: 120px;
	height: 110px;
		/*background: url("../img/logo.png") no-repeat;*/
}




/* =Content Area
------------------------------------------*/
#container {

	left:3%;
	clear: left;
	position: relative;
	float:  left;
	border-top: 5px solid silver;
	padding-top: 50px;
	width: 845px;
	background: #fff url("../img/containerSchatten.gif") 0 1px repeat-x;
}

#content {
	float: left;
	width: 510px;
	margin: 0 21px 0;
	padding: 21px 0 0 21px;
	background: #fff url("../img/contentBG.jpg") 0 1px repeat-x;
	min-height: 400px;
}

#content h2 {
	padding: 0 0 5px 0;
	margin:  0 0 1em 0;
	font-size: 16px;
	font-weight: normal;
	color: #222;
	letter-spacing: 2px;
	background:  url("../img/hr.gif") 100% 100% repeat-x;
	
}

#content h3 {
	font-size: 14px;
	color: #6e6e6a;
}


/* =absatz blöcke */
#absatz {
	clear:  left;
	float: left;
	width:  500px;
}
#absatz img {
   margin: 4px 21px 7px 0px;
   float: left;

}
#absatz a#more{
	display: block;
	width: 108px;
	height: 23px;
	background: url("../img/btn_learnMore.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -100em;
}

#absatz a#more:link, #absatz a#more:visited, #absatz a#more:hover, #absatz a#more:active {
	border: none;
}
#absatzLinks {
	clear:  left;
	float: left;
	width:  240px;
}

#absatzLinks a#more{
	display: block;
	width: 108px;
	height: 23px;
	background: url("../img/btn_learnMore.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -100em;
}

#absatzLinks a#more:link, #absatzLinks a#more:visited, #absatzLinks a#more:hover, #absatzLinks a#more:active {
	border: none;
}
#absatzRechts {
	float:  left;
	margin:  0 0 0 21px;
	width:  240px;
}

#absatzRechts a#more{
	display: block;
	width: 108px;
	height: 23px;
	background: url("../img/btn_learnMore.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -100em;
}

#absatzRechts a#more:link, #absatzRechts a#more:visited, #absatzRechts a#more:hover, #absatzRechts a#more:active {
	border: none;
}


#absatz h2, #absatzRechts h2, #absatzLinks h2 {
	padding:  0 0 .2em 0;
	margin: 0 0 1em 0;
	font-weight: normal;
	font-size: 16px;
	color: #222;
	background:  url("../img/hr.gif") 100% 100% repeat-x;
}
	
#absatz h2 span, #absatzRechts h2 span, #absatzLinks h2 span {
	color: #222;
}
	
#absatz h3, #absatzLinks h3 {
	font-size: 1em;
	color: #222;
	margin: 0 0 .2em 0;
}

#absatz ul, #absatz ol {
padding:2px 0 5px 15px;
margin:0 0 14px;
}
#absatz li{
padding:4px;
}

/* =sidebar and page nav
------------------------------------------*/
#sidebar, #pageNav {
	float:  left;
	width:  250px;
	padding:  8px 0 0 0;
	background:  #f4f4f4 url("../img/sidebarOben.jpg") 0 0 no-repeat;
	min-height:400px;
}

#sidebar #teaser{
	margin: 0 0 2em 0;
}

#sidebar #news #intheknow{
	padding:  0 0 10px 0;
	background:  url("../img/sidebarUnten.gif") 0 100% no-repeat;
}

#sidebar h3, #sidebar h4, #sidebar h5, #sidebar p {
	margin: 10px 10px;
} 

#sidebar h3 {
	font-weight: normal;
	font-size: 14px;
	color: #222;
	background:  url("../img/hr.gif") 100% 100% repeat-x;
	margin-bottom: 14px;
	padding: 0 0 2px 0;
}
	
#sidebar h3 span {
	color: #003366;
}

	
#sidebar h4 {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	color: #222;
}

#sidebar #teaser h5, #sidebar #news h5, .date {
	font-weight:  normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #222;
	margin: 5px 10px 0;
	border-bottom:  1px solid #fff;
}
	
#sidebar #teaser h5 {
	border-bottom: 0;
}
#teaser ul { margin-left:10px;}
#teaser ul li{ padding-left:10px;background:url(../img/dot.gif) no-repeat left 8px;}
#teaser ul li{ display:block;}
	

#sidebar .date {
	margin: 10px 10px 10px 0;
}

#pageNav {
	float:  right;
	width: 210px;
	margin: 0 21px 0 0;
	font-size: 14px;
}

#pageNav li {
	margin: 0;
}

#pageNav li a, #pageNav li a:link, #pageNav li a:visited, #pageNav li a:active {
	display: block;
	padding: 0;
	margin: 5px 0 5px 10px;
	border: none;
	color: #afaea3;
	font-size: 14px;
}

#pageNav li a:hover {
	color: #363636;
	background-color:  transparent;
}
#sidebar #teaser img a{
background:  none;
}
#sidebar #teaser img a:hover{
background:  none;
border:none;
}

/* =Links
------------------------------------------*/
#container a:link, #container a:visited, #container a:active {
	color: #003366;
	padding: 1px;
	text-decoration: none;
	border-bottom:  1px dotted;
}

#container a:hover {
	color: #fff;	
	background-color: #003366;
	border-bottom: #fff 1px solid;
}



/* =Footer
------------------------------------------*/
#footer {
	text-align:center;
	clear:  both;
	float: left;
	left: 3%;
	width: 845px;
	padding:  40px 0 10px 0;
	margin:  30px 0px 10px 3%;
	background: url(../img/footerBG.jpg) repeat-x;
	font-size: .8em;
	letter-spacing: 1px;
	color: #979381;
	}
	
#footer a:link, #footer a:visited, #footer a:active {
	color: #979381;
	text-decoration: none;
	border: none;
}

#footer a:hover {
	color: #979381;
	background-color: #fff;
	text-decoration: underline;
}


/* =Main Navigation
------------------------------------------*/
ul#main-nav {
	position: absolute;
	top: 10px;
	z-index: 40;
	left: 12px;
	font-weight: normal;
	font-size: 14px;
	text-transform: capitalize;	
	
}

ul#main-nav li {
	float: left;
}

ul#main-nav li a {
	display: block;
	border-width: 0;	
	padding: 10px 0 0 0;
	margin: 0 10px 0 10px;
	color: #333;
	line-height: 36px;
	text-decoration: none;
	text-transform: capitalize;	
}

ul#main-nav li a:link, ul#main-nav li a:visited, ul#main-nav li a:active {
	color: #003366;
	border-width: 0;
	text-decoration: none;
	text-transform: capitalize;	
	
}

ul#main-nav li a:hover {
	color: #363636;
	background-color: transparent;
	text-transform: capitalize;
	text-decoration:underline;
}

.green {
font-weight: bold;
color:#003366;
}


/* =kontakt
------------------------------------------*/
#kontakt {
	position: absolute;
	z-index: 50;
	top: 0px;
	left: 745px;

}

#kontakt a{
		float: right;
		width: 139px;
		height: 24px;
		background: url(../img/kontakt.png) no-repeat;

}
#kontakt a:hover{
		float: right;
		width: 139px;
		height: 24px;
		background:url(../img/kontakt-o.png) no-repeat;

}
#kontakt a span {position:absolute;left:-1000px; text-indent:-5000px;}

.umbruch2 {
   float: none;
   clear: both;
   border: 0;
   visibility: hidden;
   margin: 0;
   padding: 0;
   height: 0;
   line-height: 1px;
   font-size: 1px;
}
/* =anfrage
------------------------------------------*/
input{
   margin: 0;
   padding: 2px;
   background-color: #FFFFFF;
   border: solid 1px #999999;
   color: #444444;
   font-family: arial;
   font-size: 1em;
}
textarea{
   margin: 0;
   padding: 2px;
   background-color: #FFFFFF;
   border: solid 1px #999999;
   color: #444444;
   font-family: arial;
   font-size: 1em;
   width:250px;
}
.inpbreit{
width:250px;
}
label.name {
   display: block;
   width: 10em;
   border: solid 0px;
   float: left;
}
fieldset {
   padding: 0px;
   margin: 0;
   display: inline;
   border: 0px solid  !important;
}
.button {
	margin:  20px;
   color: #444444;
   background-color: #FFFFFF;
   border: solid 1px #999999;
   font-size: 1em;
   font-weight: bold;

}
/* =table
------------------------------------------*/

table {
   padding: 0px;
   margin: 0;
   }
   
th, td {
   margin: 4px;
   padding: 4px;
   border: solid 1px #999999;
   color: #444444;
   font-family: arial;
   text-transform: uppercase;
	text-align:left;
}
td {
   margin: 4px;
   padding: 4px;
   background-color: #F9F9F7;
   width:250px;
	font-size: .9em;
	font-weight:  normal;
	letter-spacing: 1px;
	
}
th {

   	background-color: #FFFFFF;
   	width:210px;
	font-size: .9em;
	font-weight:  normal;
	letter-spacing: 1px;
}
.kurz140, .kurz100{
border:0;
background:none;
line-height: 2.0;
}
.kurz140 {
width:145px;

}
.kurz100 {
width:130px;


}
.keinrand {
border:0;
background:none;}

td img, td img a{
		margin: 0;
		padding:0;
		float: right;
		width: 25px;
		height: 25px;
		border: 0;
		text-align:left;
}
/* forms{ */
form.anfrage label{
  display: block;
  float: left;
  line-height:30px;
} 
form.anfrage input[type="text"], 
form.anfrage select,
form.anfrage textarea{
  border:1px solid #999999;
  display: block;
  float: left;
  margin:1px;
  padding:1px;
  margin-top:7px;
}
form.anfrage input[type="checkbox"],
form.anfrage input[type="radio"]{
  display: block;
  float: left;
  margin:1px;
  padding:1px;
  margin-top:7px;
  position:relative;
  top:2px;
}
form.anfrage br{
	clear:both;
}
form.anfrage input:focus, 
form.anfrage select:focus,
form.anfrage textarea:focus {
	color:#222;
	border:1px solid #aaaaaa;
	outline:2px solid #ddd;
}
button {
  background-color:#FFF;
  margin:8px 0px 12px 130px;
  padding:1px 3px;
  cursor:pointer;
}
button:hover, .button:hover {
  background-color:#003366;
  color:#FFF;
  cursor:pointer;
}
form.anfrage button:active {
  border-color:#ccc #eee;
}
form.anfrage .input_help{
	float:left;
	margin-top:9px;
	margin-left:4px;
	color:#888;
}
form.anfrage .input_text{
	float:left;
	margin-top:9px;
	margin-left:4px;
}
.marked{
	color:#FF3300;
}
/*//*/
form.anfrage label{

  width: 220px;
} 
form.anfrage input[type="text"]{
  width: 190px;
}
form.anfrage select{
  width: 194px;
}
form.anfrage textarea{
  width:433px;
  height:150px;
}

.error,input.pflichtfeld.error,
form.anfrage input.error,
form.anfrage input.error:focus,
form.anfrage select.error:focus {border:1px solid red !important;color:red}
form.anfrage label.error{width:1px;}
.legal .error ~ label{color:red;border:none}
form.anfrage .legal label.error{border:none !important;}



/* }forms */