*{ margin: 0; padding: 0; } 
body { 
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #fff url(images/bg.gif) repeat-x; 
	color: #444; 
}
blockquote { 
padding: 20px 40px;
background:url(images/quotes.jpg) no-repeat left top;
}
img { border:none;}
a {	color: #317486;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
#content { width: 900px; margin: 0 auto; }
#logo { margin: 10px 0 0 0; height: 66px; width: 200px; float: left; background: url(images/logobg.gif) no-repeat bottom; text-align: center;}
#menu { float: left; padding: 30px 0 0 0; margin: 0 0 0 -30px; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 30px 15px 0px 0; margin: 0 0 0 50px; color: #ccc; background: #505050 url(images/tab.gif) no-repeat right bottom;  }
#menu li a:hover { background: #505050 url(images/tabhover.gif) no-repeat right bottom; color: #FEFFB8; }

#intro { 
	clear: both;
	background: #fff url(images/intro.jpg) no-repeat;
	color: #4C8734;
	height: 150px;
	margin: 0 0 20px;
	padding: 45px 40px 0 0;
	text-align: right;
}
	#intro h1 { margin: 0; }
	#intro p { margin: 0; }
	
	#login { font-size: .9em; margin: 82px 0 0; }
	#login a { color: #4C8734; background: #8BE1FA; padding: 4px 20px 6px;}
	#login a:hover { color: #4C8734; background: #8BE1FA url(images/loginhover.gif) no-repeat; }

#left { clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
	#leftmenu { list-style: none; margin: 0 0 20px 0; }
	#leftmenu li { padding: 0 0 0 12px; background: #fff url(images/bullet.gif) no-repeat center left; }
	#leftmenu li a { color: #0F6582; border: 1px solid #fff;}
	#leftmenu li a:hover { background-color:#EFFCFF;}
	#leftmenu li a:visited { color: #3399CC;}
	.active1  { background-color: #DAEBF3; border: 1px solid #99CCFF; font-size: 11px; padding:2px;}
.leftmenu li { padding: 0 0 0 12px; background: #fff url(images/bullet.gif) no-repeat center left; color: #46852F; }	
#left a, #right a {color: #317486;}
.box_left {border:3px solid #FF6600; padding: 5px;}
.box_left a{color: #FF6600; font-size:14px;}
.box{width:240px;}
.box STRONG{
float:left;display:block;
margin: 5px 10px 0 0;
font-family:Arial;
font-weight:bold;
font-style:italic;
font-size:30px;
color:#317486;
}
.box DIV{
margin: 0 0 10px 0;
}
.box SMALL{
color:#CCCCCC;
}

#right {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	border-left: 1px solid #ccc;
	float: right;
	width: 560px;
	text-align: justify;
}
#right img { margin-bottom: 0px;}


#righta {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	border-left: 1px solid #ccc;
	width: 560px;
	text-align: justify;
}

#rightb {
	margin: 0 35px 20px 0;
	padding: 0 0 0 35px;
	width: 850px;
	text-align: justify;
}
.table {background:#efefef;margin:0 0 10px 0;border: 1px solid #cfcfcf;padding:10px;}
.vorteile {
background: #fff url(images/haken-klein.jpg) no-repeat;
margin:0 0 5px 0;  
font: 1.0em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
}
.vorteile2 {
background: #fff url(images/haken-klein.jpg) no-repeat;
margin:0 0 5px 0;  
font: bold 1.0em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
}
.vorgang {font-size: 0.9em;text-align:left;}
#notice { padding: 12px 14px 1px; background: #f4f4f4 url(images/noticebg.gif) no-repeat bottom right; color: #808080; }
#notice2 { padding: 5px 5px 5px 5px; background: #f5f5f5 url(images/noticebg.gif) no-repeat bottom right; color: #808080; width: 80%; }
#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
/* fieldset */
fieldset {padding:1.5em 2em;margin:1em 0em;}
legend {font-weight:bold;color:#990000;}

#footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: .9em; color: #808080; background: #fff; }
#footer2 {clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 150px 0 15px; font-size: .9em; color: #808080; background: #fff; }
#footer a { color: #4CA031; background: #fff; }
#col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; border:0px}
#col2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
#col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
.kleine_Schrift {font-size: xx-small}
.Stil1 {font-weight: bold}
.Stil2 {font-weight: bold}
.Stil4 {color: #FF0000}
.Stil6 {font-family: "Courier New", Courier, mono}
.abstand {margin: 5px;}
.abstand2 {margin: 0 10px 10px 15px; float: right;}
.links { padding: 0 0 0 8px; background: url(images/bullet.gif) no-repeat center left; color: #46852F; }
.links a { background: #EAFFE3; color: #317486; }
.tabelle { 
border: 1px solid #CCCCCC;
font-size: 12px;
color: #0033FF;
font-family: "Courier New", Courier, mono;
padding: 3px 3px 3px 3px ;
}
.bildschatten {background: url(images/bildschatten.png) no-repeat bottom center;padding: 4px 7px 7px 7px;}
.bildschatten2 {background: url(images/bildschatten2.jpg) no-repeat ;padding: 4px 7px 7px 7px;}

/* Vorgehensweise */
#abstand1 {margin-top: 8px;}  
#abstand2 {margin-top: 38px;}   
#abstand3 {margin-top: 58px;}   
#abstand4 {margin-top: 55px;}   
#abstand5 {margin-top: 38px;}   
#abstand6 {margin-top: 38px;}   
#abstand7 {margin-top: 57px;}

/* Kontaktformular */
#formmaileralles {
background-color: #efefef;
border: 1px solid #ccc;
width: 500px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
padding-top: 10px;
padding-left: 5px;
text-align: left;
}
.formmailerlinks {
clear: left;
float: left;
width: 50%;
}
.formmailerlinksrechts {
clear: right;
float: left;
width: 50%;
}
.formmailertextfeld {
border: 1px solid #CCCCCC;
height: 15px;
width: 237px;
font-size: 12px;
color: #0033FF;
font-family: "Courier New", Courier, mono;
padding-left: 3px;
}
.formmailertextarea {
border: 1px solid #CCCCCC;
height: 80px;
width: 483px;
font-size: 12px;
color: #0033FF;
font-family: "Courier New", Courier, mono;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}
.formmailerbutton {
background-color: #ffffff;
height: 25px;
width: 140px;
margin: 15px 5px 10px;
border: 1px solid #CCCCCC;
text-align: center;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
.formmailertextfeldspam {
border: 1px solid #CCCCCC;
height: 15px;
width: 120px;
font-size: 12px;
color: #FF6600;
font-family: "Courier New", Courier, mono;
margin-right: 60px;
text-align: center;
}
.formmailerimg {
vertical-align: middle;
}

.ueberschrift {
border: 1px solid #CCCCCC;
height: 15px;
width: 120px;
font-size: 12px;
color: #0033FF;
font-family: "Courier New", Courier, mono;
margin-right: 60px;
text-align: center;
}



/* InfoBox */
#box {
position:relative; top:-32px; left:47px; width:100px;
z-index:3;}

#box a {
color:#ffffff;
background:#666666;
font:bold 10px verdana, sans-serif;
text-decoration:none;
display:block;
padding:2px;
border:1px solid black;}

#box a:hover {
color:black;
background:#808080;
width:400px;}

#box a span {display:none;}

#box a:hover span {
color:black;
background:#ffffff;
font:normal 11px courier, sans-serif;
border:1px dashed black;
display:block;
padding:10px;}
.underline {
	font-size: 1.1em;text-decoration: underline;
}
.underline1 { background-color: #FF00FF;
}

/* lightbox */
.more {text-decoration:underline; color:#000; cursor:pointer;}
#info {background:#fff; padding:10px; text-align:left; width:80%; margin:0 auto; display:none; font-family:verdana, sans-serif;}
#info p {font-size:12px; line-height:1.6em;}
#info img {display:block; float:right; margin:0 10px 10px 10px;}
#info a {color:#00c;}
.clear {clear:both; text-align:right;}
.close {color:#c00; font-weight:bold; cursor:pointer;}



/* middlemenu_start */
#middlemenu ol,ul {list-style: none;margin: 0;padding: 0;}
#middlemenu {
list-style-type:none;
  background: url("images/main_feature.jpg") no-repeat top left;
  width: 555px;
  height: 273px;
  position: relative;
  font-size: 18px;
  font-family: "Microsoft Sans Serif", sans-serif;
}

#middlemenu .cornerTop {
  width: 175px;
  height: 33px;
  background: url("images/menu_top.png") no-repeat top left;
  position:absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

#middlemenu .cornerBottom {
  width: 158px;
  height: 35px;
  background: url("images/menu_bottom.png") no-repeat bottom left;
  position:absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}


#middlemenu ul {
  width: 158px;
  padding: 33px 0 35px;
  float: right;
  position:relative;
  z-index: 1;
}

#middlemenu ul li a.button {
  display: block;
  background: url("images/menu_bg_bouton.png") repeat-x top left;
  height: 41px;
  line-height: 41px;
  padding-left: 10px;
  color: #fff;
  text-decoration: none;
  white-space:nowrap;
}

#middlemenu ul li:hover a.button {
  background: url("images/arrow_big.png") no-repeat 230px center;
  color: #ed6813;
}

#middlemenu .content {
  padding: 20px 268px 20px 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: arial, sans-serif;
  color: #000;
}

#middlemenu ul li .content {
  display: none;
  left: -684px;
  z-index: -1;
  background-image: url("images/main_feature.jpg");
  padding: 20px 268px 20px 20px;
}

#middlemenu ul li:hover .content {
  display: block;
}

#middlemenu li.menupunkt1 .content{
  background-position: left 1365px;
}
#middlemenu li.menupunkt2 .content{
  background-position: left 1092px;
}
#middlemenu li.menupunkt3 .content{
  background-position: left 819px;
}
#middlemenu li.menupunkt4 .content{
  background-position: left 546px;
}

#middlemenu li.menupunkt5 .content{
  background-position: left 273px;
}


#middlemenu .content h2{
  font-size: 2em;
  line-height: 0.7em;
  color: #000;
  font-weight: normal;
  text-indent:-10000px;
}

#middlemenu .content strong{
  color: #000;
}

#middlemenu .content h2 *{
  line-height: 1;
}

#middlemenu .content h2 strong{
  color: #009ddc;
  font-weight: normal;
}

#middlemenu .content h2{
  background: url("images/cloudview.png") no-repeat top left;
  width:172px;
  height: 38px;
}

#middlemenu .content .button{
  position: absolute;
  text-decoration: none;
  line-height: 44px;
}

#middlemenu .content .button .left{
  background: url('images/button-left.png') no-repeat top left;
  float: left;
  width: 34px;
  height: 47px;
}

#middlemenu .content .button .text{
  background: url('images/button-center.png') repeat-x top left;
  margin: 0;
  padding: 0 5px;
  font-size: 20px;
  color: #fff;
  float: left;
  height: 47px;
  line-height: 47px;
}

#middlemenu .content .button .right{
  background: url('images/button-right.png') no-repeat top left;
  float: left;
  width: 18px;
  height: 47px;
}

#middlemenu .content .button:hover .left,
#middlemenu .content .button:hover .text,
#middlemenu .content .button:hover .right{
  background-position: left bottom;
}

/* tag cloud startseite */
#list{margin:0 auto;height:300px;width:250px;overflow:hidden;position:relative;background-color: #fff;}
#list ul,
#list li{list-style:none;margin:0;padding:0;}
#list a{position:absolute;text-decoration: none;color:#666;}
#list a:hover{color:#ccc;}



/* tabs startseite */
.tabs { list-style: none; overflow: hidden; padding-left: 1px; }
.tabs li { display: inline; }
.tabs li a { display: block; float: left; padding: 4px 8px; color: black; border: 1px solid #ccc; background: #eee; margin: 0 0 0 -1px; }
.tabs li a.current { background: white; border-bottom: 0; position: relative; top: 2px; z-index: 2; }

.box-wrapper { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; padding: 20px; background: white; border: 1px solid #ccc; margin: -1px 0 0 0; height: 170px; position: relative; }
.content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 658px; height: 190px; }
.content-box h4 { font-size:14px;}
.current { }

.col-one, .col-two, .col-three { width: 37%; float: left; position: relative; top: 350px;  font-size:10px;}
.col-one, .col-two { margin-right: 3%; }