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

body{ margin: 0; background-image:url(../images/background_body.jpg); background-repeat:repeat-x; background-position: 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #444444; background-color:#f1f1f1;}

a {color: #782b31; text-decoration: none; font-weight:bold;}
a:hover, a:visited{text-decoration: underline; color: #732c30;}

/*ueberschriften*/
.ueberschrift1{ font-size: 19px; text-shadow: 1px 1px 1px #c2c2c2; filter: DropsSadow(color=#c2c2c2, offx=2, offy=2); }
.ueberschrift2{ font-size: 15px; text-shadow: 1px 1px 1px #c2c2c2; filter: DropShadow(color=#c2c2c2, offx=2, offy=2); }
.ueberschrift3{ text-shadow: 1px 1px 1px #c2c2c2; filter: DropShadow(color=#c2c2c2, offx=2, offy=2); }

/*seitenaufbau*/
#pseudobackground{position: absolute; background-image:url(../images/background_center.jpg); background-position:center; background-repeat:no-repeat; width:100%; height:550px; top: 0px; overflow: hidden;}
#wrapper{width: 100%; position: absolute; top: 0px;}
#main{background:#FFFFFF; width:900px; margin: 0px auto;}
#header{ background-image:url(../images/logo100.jpg); background-position: 0px 20px; background-repeat: no-repeat; height: 120px;}
#content{ margin-top:20px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.3); box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.3); padding: 10px 10px 0px 10px; min-height:400px;}

.inhalt{padding: 10px;}
.inhalt li{margin-top:10px;}

/*startseite*/
.startPictures{ width:550px; height: 300px; float: left; z-index: 0; margin-left: 10px;}
.startPictures img{ -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 0;}
#startText{ background-image: url(../images/startbackground.jpg); background-position: center; height: 270px; float: left; width:290px; margin-left: 0px; padding: 15px; color: #FFF; font-size: 14px; -webkit-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
.startWillkommen{float: left; margin-top: 10px; padding: 5px;}

/*menue box*/
#menue{right: 0px; float: right; margin-top: 55px; z-index: 2000; font-size: 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 5px 3px 10px 3px rgba(8, 8, 8, 0.4); -moz-box-shadow: 5px 3px 10px 3px rgba(8, 8, 8, 0.4);box-shadow: 5px 3px 10px 3px rgba(8, 8, 8, 0.4);}
/*menue dropdwon*/
	#dropdownmenu{	margin: 0; z-index: 10; padding: 0; }
	#dropdownmenu li {float: left; z-index: 10; list-style: none;}
	#dropdownmenu li a {display: block; background-image:url(../images/menue_hintergrund.jpg); background-repeat: repeat-x; z-index: 10; padding: 8px 18px; text-decoration: none; width: 70px; color: #FFF; text-align: center; border-right: 1px solid #4f181b; }
	#dropdownmenu li a:hover, #dropdownmenu li.left a:hover, #dropdownmenu li.right a:hover, #dropdownmenu li.active a:hover{ background-image:url(../images/menue_hintergrund_a.jpg); background-repeat: repeat-x; z-index: 10;}
	#dropdownmenu li.active a{ background-image:url(../images/menue_hintergrund_active.jpg); background-repeat:repeat-x;}
	#dropdownmenu li ul { z-index: 10; padding: 0; position: absolute; visibility: hidden; margin-top: 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 5px 3px 10px 3px rgba(8, 8, 8, 0.4); -moz-box-shadow: 5px 3px 10px 3px rgba(8, 8, 8, 0.4);box-shadow: 5px 3px 10px 3px rgba(8, 8, 8, 0.4); border: none;}
	#dropdownmenu li ul li {	float: none;	z-index: 10;	display: inline;}
	#dropdownmenu li ul li a {	width: auto; z-index: 10; text-align: left; background-image:url(../images/menue_hintergrund_h.jpg); background-repeat: repeat-y; background-position: center; border-bottom: 1px solid #4f181b; border-left: 1px solid #4f181b; border-right: 1px solid #4f181b;}
	#dropdownmenu li ul li a:hover, #dropdownmenu li ul li.top a:hover, #dropdownmenu li ul li.bottom a:hover, #dropdownmenu li ul li.active a:hover  {background-image:url(../images/menue_hintergrund_h_a.jpg); background-repeat: repeat-y; background-position: center; z-index: 10;}
	#dropdownmenu li ul li.active a{background-image:url(../images/menue_hintergrund_h_active.jpg); background-repeat: repeat-y; background-position: center;}
	#dropdownmenu li ul li.top a{width: auto; z-index: 10; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top: 1px solid #4f181b;}
	#dropdownmenu li ul li.bottom a{ z-index: 10; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
	#dropdownmenu li.left a{z-index: 10; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
	#dropdownmenu li.right a{ z-index: 10; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

/*content wenn seite zwei geteilt*/
#content_left{width: 540px; min-height:400px; border-right: 1px dotted #CCC; margin-top: 10px; float: left; padding-left: 10px; padding-right: 10px;}
#content_right{ width: 300px; float: left; padding-left: 15px; margin-top: 10px;}
.boxPointedUnten{width:100%; border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 10px;}

/*button*/
.button{padding: 4px 15px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.6);-moz-box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.6); box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.6); border: none; cursor: pointer; color: #FFF; background-image:url(../images/menue_hintergrund.jpg); background-position:center; background-repeat: repeat-x;}
.button:hover{padding: 4px 15px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.9); box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.9); border: none; cursor: pointer; color: #FFF; background-image:url(../images/menue_hintergrund_active.jpg); background-position:center; background-repeat: repeat-x;}
.button:active{padding: 4px 15px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(8, 8, 8, 1.0);-moz-box-shadow: 0px 0px 10px 0px rgba(8, 8, 8, 1.0); box-shadow: 0px 0px 10px 0px rgba(8, 8, 8, 1.0); border: none; cursor: pointer; color: #FFF; background-image:url(../images/menue_hintergrund_a.jpg); background-position:center; background-repeat: repeat-x;}

/*formular*/
#formular{margin-top:20px;}
#formular label{font-size:10px;padding-left:15px;}
#formular input[type=text], #formular textarea{font-family:courier;width:400px;border:1px solid #DDDDDD; padding: 4px 15px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 3px 1px 5px 1px rgba(8, 8, 8, 0.4); -moz-box-shadow: 3px 1px 5px 1px rgba(8, 8, 8, 0.4);box-shadow: 3px 1px 5px 1px rgba(8, 8, 8, 0.4);}
#formular input[type=text]:focus, #formular textarea:focus{background-color:#FFFFDD;}
#formular .unsichtbar{display:none;}

/*error*/
div.error{background-color:#FFD0D0;color:#990000;border:1px solid #990000;}

/*success*/
div.success{	background-color:#D0FFD0;color:#009900;	border:1px solid #009900;}

/*Referenzen*/
#referenzen ul{margin:0px auto;padding:0px;}
#referenzen li{width:27%; padding:1% 2%; margin:1%; list-style-type:none; float:left; border:1px solid #EEEEEE;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#referenzen li img{margin-top:5px;height:100%;width:100%;border:0px;}
#referenzen li a{border:0px;}


/*footer*/
#footer{width: 100%; background-color:#f1f1f1; float: left; min-height: 70px; }
#footer_image{background-image:url(../images/footer_image.jpg); width: 933px; height: 37px; margin: 0px auto;}
#footer_text_left{width: 908px; margin: 0px auto; padding-left: 15px; font-size: 10px; color:#8A8A8A; margin-top: 10px; margin-bottom: 20px;}
#footer_text_right{float: right; margin-right: 15px;}
#footer_text_right a{float: right; margin-right: 15px; text-decoration: none; color: #8A8A8A; font-style: normal;}