body {
	font-size: 		62.5%;
	font: 			0.9em/1.5em Arial, sans-serif;
	margin: 		0;
	padding: 		0;
	color: 			#2e2e2e;
	text-align:		center;
}

img { border: 0; }
h1 {
	font: 			1.5em/1.8em Arial, sans-serif;
	font-weight: 	bold;
	margin:			20px 0 30px 0;
}



#wrapper {
	background: 	url('../images/wrapper-bg.png') repeat-y;
	margin: 		0 auto 0 auto;
	text-align: 	left;
	width: 			931px;
	padding:		10px 32px 0 35px;
    min-height: 	100%;
	height:			auto !important; /* moderne Browser */
	height:			100%; /* IE */
}

#navidiv {
	margin: 		0 0 10px 0;
	padding:		50px 0 0 0;
	width: 			665px;
	height: 		84px;
	color: 			#fff;
	background-color: #fec517;
	float:			left;
}

#logodiv {
	width: 			215px;
	height: 		114px;
	float:			left;
	margin: 		0 0 0 30px;
	padding:		20px 0 0 0;
}

#header1bild {
	clear:			both;
	width: 			931px;
	height: 		216px; 
	margin:			0;
}

#header1bild div {
	color:			#25a7fd;
	font: 			1.6em/1.4em Verdana, Tahoma, Arial, sans-serif;
	font-weight: 	bold;
	float:			right;
	width:			300px;
	margin:			70px 50px 0 0;
}

#leftside {
	clear:			both;
	width: 			600px;
	float:			left;
}

#contentdiv {
	width: 			100%;
	border: 		4px solid #ffedb8;
	padding: 		30px;
}

#contentdiv h1 {
	color: 			#25a7fd;
	margin:			0;
	padding:		0;
}


#referenzen-startseite-title {
	width: 			634px;
	border: 		4px fec517 #eaeaea;
	background-color: #fec517;
	margin:			30px 0 0 0;
	color: 			#fff;
	background-color: #fec517;
	padding: 		4px 0 4px 34px;
	font: 			0.8em/1.4em Arial, sans-serif;
	font-weight: 	bold;
}

#referenzen-startseite {
	width: 			100%;
	border: 		4px solid #eaeaea;
	background-color: #eaeaea;
	margin:			0;
	padding:		15px 30px 15px 30px;
}

#referenzen-startseite img {
	margin:			0 15px 0 0;
	border-style:	solid;
	border-width:	1px;
	border-left-color:	#ffedb8;
	border-left-style:	dotted;
	border-top-color:	#ffedb8;
	border-top-style:	dotted;
	border-right-color:	#fec517;
	border-bottom-color:#fec517;
}




#box1 {
	margin: 		0;
	width: 			330px;
	padding:		0;
}

#box1 h2 {
	width: 			245px;
	padding: 		4px 0 4px 0;
	font: 			0.8em/1.4em Arial, sans-serif;
	font-weight: 	bold;
}


a:active {
	outline:		none;
}

:focus {
	-moz-outline-style:none;
}

A:Link, A:Visited{
	color: 			#009ee0;
	font-weight: 	bold;
	text-decoration: none;
	border-bottom-style:none;
}

A:Hover, A:Active{ 
	color: 			#fff;
	text-decoration: none;
	border-bottom-style:none;
	font-weight: 	bold;
}

a, a:focus, a:active {

	outline: 		0 none;
	border:			none;
	
}

a { 
	text-decoration: none; 
	color: 			#2c2d31;
	font-weight: 	bold;
	transition: 	color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
}



.submenu {
	float:			left;
	width: 			700px;
	font: 			0.9em/1.4em Verdana, Tahoma, Arial, sans-serif;	
	margin:			20px 0 0 0;
}

.submenu  h2{
	float:			left;
	padding:		10px 20px 10px 20px;
	margin:			0;
	color: 			#25a7fd;
	font: 			1.0em/1.4em Verdana, Tahoma, Arial, sans-serif;	
	background: 	#fec517 url('../images/reiter_aktiv.jpg') repeat-x;
	font-weight:	600;
}


.unter-menu, .unter-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.unter-menu li {
	float:			left;
	padding:		10px 10px 10px 10px;
	background: 	#ffedb8;
	margin:			0 0 0 5px;
}

.unter-menu li.active  A:Link, A:Visited{
	color:			#25a7fd;
}


.bildlinks {
	float:			left;
	margin:			10px 20px 10px 0;
}


label{
	width:			180px;
	display:		inline-block;
	margin:			0 0 18px 0;
	vertical-align:	top;
	font: 			0.85em/1.4em  Arial, sans-serif;
	
}

input[type=text]{
	width:			230px;
	height:			18px;
	padding:		2px;
	font-size: 		13px;
	color:			#515151;
	background:		#f7f5e5;
	border-style:	solid;
	border-width:	1px;
	border-left-color:	#ffedb8;
	border-left-style:	dotted;
	border-top-color:	#ffedb8;
	border-top-style:	dotted;
	border-right-color:	#fec517;
	border-bottom-color:#fec517;
	font: 			0.85em/1.4em  Arial, sans-serif;
}

select{
	width:			230px;
	padding:		2px;
	font-size:		13px;
	color:			#515151;
	background:		#f7f5e5;
	border-style:	solid;
	border-width:	1px;
	border-left-color:	#ffedb8;
	border-left-style:	dotted;
	border-top-color:	#ffedb8;
	border-top-style:	dotted;
	border-right-color:	#fec517;
	border-bottom-color:#fec517;
	font: 			0.85em/1.4em  Arial, sans-serif;
}

textarea{
	width:			230px;
	height:			80px;
	padding:		2px;
	margin:			0 0 10px 0;
	color:			#515151;
	background:		#f7f5e5;
	border-style:	solid;
	border-width:	1px;
	border-left-color:	#ffedb8;
	border-left-style:	dotted;
	border-top-color:	#ffedb8;
	border-top-style:	dotted;
	border-right-color:	#fec517;
	border-bottom-color:#fec517;
	font: 			0.85em/1.4em  Arial, sans-serif;
}

input[type=submit]{
	height:			25px;
	width:			150px;
	background: 	#fec517;
	text-decoration: none;
	padding:		4px 7px;
	color:			#fff;
	border-style:	solid;
	border-width:	1px;
	border-left-color:	#ffedb8;
	border-left-style:	dotted;
	border-top-color:	#ffedb8;
	border-top-style:	dotted;
	border-right-color:	#fec517;
	border-bottom-color:#fec517;
	font: 			1.0em/1.4em Arial, sans-serif;
	font-weight: 	600;
}

input[type=submit]:hover{
	color:			#000;
	background: 	#fff;
	cursor:			pointer;

}

button.kontaktabsendenbutton  {
	margin:			0 0 0 -20px;
	border:			0; 
	cursor:			pointer; 
	padding:		0 18px 0 0; 
	text-align:		center; 
	width:			auto; 
	overflow:		visible;  
	background:		url('../images/bg-right-orange.png') right no-repeat; 
	font-size:		13px; 
	font: 			1.0em/1.4em Arial, sans-serif;
	font-weight: 	600;
}


button.kontaktabsendenbutton span { 
	display:		block; 
	white-space:	nowrap; 
	padding:		0 0 0 18px;
	height:			41px;
	line-height:	41px;
	background:		url('../images/bg-left-orange.png') left no-repeat;
	color:			#9f6c37;
}

button.kontaktabsendenbutton:hover {
	background:		url('../images/bg-right-orange-hover.png') right no-repeat;
	}
button.kontaktabsendenbutton:hover span {
	background:		url('../images/bg-left-orange-hover.png') left no-repeat; }
	
	
button.bluebutton  {
	border:			0; 
	cursor:			pointer; 
	padding:		0 18px 0 0; 
	text-align:		center; 
	width:			auto; 
	overflow:		visible; 
	background:		url('../images/bg-right-blue.png') right no-repeat;
	font-size:		13px; 
	font: 			1.0em/1.4em Arial, sans-serif;
	font-weight: 	600;
}

button.bluebutton span {
	display:		block; 
	white-space:	nowrap; 
	padding:		0 0 0 18px;
	height:			41px;
	line-height:	41px;
	background:		url('../images/bg-left-blue.png') left no-repeat;
	color:			#42788e;
}

button.bluebutton:hover {
	background:		url('../images/bg-right-blue-hover.png') right no-repeat;
}

button.bluebutton:hover span {
	background:		url('../images/bg-left-blue-hover.png') left no-repeat;
}

#footer {
	width: 			100%;
	height: 		20px;
	background: 	#eaeaea;
	margin:			40px 0 0 0;
	font: 			0.8em/1.4em Arial, sans-serif;
	padding:		0;
}
#footer ul {
	width:			600px;
}

#footer ul li {
	margin:			3px 0 0 30px;
	padding:		0;
	list-style:		none;
	float:			left
}

#footer a img{
	margin:			4px 0 0 15px;
	float:			right;
}

#footer A:Hover img, A:Active img{
	opacity:0.4;filter:alpha(opacity=40);
}

/* superfish START ///////////// */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			100%; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	
}
.sf-menu a {
	padding: 		7px 10px .75em 10px;
	text-decoration:	none;
	font: 			1.1em/1.4em Arial, sans-serif;
	font-weight: 	600;
	letter-spacing: 0.00em;
	word-spacing: 	0em;
	line-height: 	1.08;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;

}
.sf-menu li {
	background:		;
}
.sf-menu li li {
	background:		#80c0ea;
}

.sf-menu li li a{
	font-size: 		12px;
}

.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#25a7fd;
	outline:		0;
	color:			#fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	0.7em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* superfish ENDE ///////////// */