html, body{
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 16px;
	line-height:160%;
	color: #646464;
	background: #FFF url(images/back-html.jpg) no-repeat top right;
	width: 100%;
	text-align: center;
	}
#top{
	visibility: hidden;
	font-size: 10%;
	}
p{
	margin: 11px 0;
	padding: 0;
	}
img{
	border: none;
	padding: 0;
	margin: 0;
	}
#inner{
	position: relative;
	margin: auto;
	width: 998px;
	text-align: left;
	}
#header{
	width: 100%;
	height: 113px;
	padding: 0;
	margin: 0;
	background: transparent;
	}
#header .language{
	position: absolute;
	top: 27px;
	left: 28px;
	z-index: 3;
	border: none;
	padding: 0;
	margin: 0;
	}
#header-de{
	width: 100%;
	height: 113px;
	padding: 0;
	margin: 0;
	background: transparent;
	}
#header-de .language{
	position: absolute;
	top: 27px;
	left: 28px;
	z-index: 3;
	border: none;
	padding: 0;
	margin: 0;
	}

/* ab hier obere Navigation */

#tabrider{
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 1px;
	width: 100%;
	height: 17px;
	padding: 0;
	margin: 19px 0 0 0;
	}
#nav{
	float: left;
	width: 987px;
	margin: 0;
	padding: 0 0 0 11px;
	list-style: none;
	background: transparent;
	}
#nav li{
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
	white-space: nowrap;
	}
#nav a{
	float: left;
	display: block;
	margin: 0 1px 1px 0;
	padding: 1px 16px 0 16px;
	color: #646464;
	text-decoration: none;
	border-right: 1px solid #000;
	border-top: none;
	border-left: none;
	border-bottom: none;
	background: transparent;
	display: inline;
	}
#nav a:hover, body#intro #aktiv a{
	color: #949494;
	background: transparent;
	}


/* ab hier  Inhalt */

#content{
	color: #12547e;
	background: transparent url(images/back-content.gif) repeat-y 0 25px;
	width: 100%;
	height: auto;
	min-height:400px;
	margin: 27px 0 0 0;
	padding: 0 0 30px 0;
	}
#content .gutter{
	margin: 0;
	padding: 0 50px 0 34px;
	}
#content .slogan{
	float: right;
	margin: 40px 0 0 0;
	padding: 0 230px 0 0;
	font-size: 100%;
	font-weight: bold;
	}
#content h1{
	font-size: 110%;
	padding: 27px 0 10px 0;
	margin: 0;
	}
#content h2{
	font-size: 100%;
	padding: 0;
	margin: 7px 0 0 0;
	}
body.leistungen #content h2{
	margin: 7px 0 23px 0;
	}
#content h2 + p{
	padding: 0;
	margin: 0;
	}
#content h3{
	letter-spacing: 1px;
	font-size: 100%;
	padding: 15px 0 0 0;
	margin: 0;
	}

#content .pics{
	float: right;
	margin: 16px 15px 10px 20px;
	padding: 0;
	}
#content .pics img{
	margin: 0;
	padding: 0;
	}
#content .pics span{
	font-size: 90%;
	line-height: 98%;
	display: block;
	margin: 0;
	padding: 0 0 5px 4px;
	width: 216px;
	}
#content .text{
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	}
#content .text em{
	font-style: normal;
	color: #222;
	}
#content .text a{
	font-weight: bold;
	text-decoration: underline;
	background: url(images/quader-red.gif) no-repeat 0 50%;
	padding: 0 5px 0 7px;
	}
#content .text a:hover{
	background: url(images/quader-red.gif) no-repeat 0 50%;
	}

#content .kontakt{
	height: 96px;
	width: 374px;
	overflow: auto;
	margin: 10px 0 0 0;
	padding: 0 20px;
	}
#content ul{
	padding: 0;
	margin: 1px 0 1px 30px;
	}
body.leistungen #content li{
	margin: 3px 0;
	line-height:1.9;
	list-style-image: url(images/quader-red.gif);
	}
#content .img{
	float: right;
	margin: 36px 0 0 0;
	padding: 0 127px 0 0;
	}
#content h2.auflistung{
	font-size:100%;
	text-transform:uppercase;
	padding:33px 14px 10px 0;
	}
#content .mitte{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdd6d9+0,ffffff+15,ffffff+50,ebf3f6+98,7db9e8+100 */
	background: #fdd6d9; /* Old browsers */
	background: -moz-linear-gradient(left, #fdd6d9 0%, #ffffff 15%, #ffffff 50%, #ebf3f6 98%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fdd6d9 0%,#ffffff 15%,#ffffff 50%,#ebf3f6 98%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fdd6d9 0%,#ffffff 15%,#ffffff 50%,#ebf3f6 98%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd6d9', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
	margin:7px 43px 7px 0;
	padding:3px 27px 3px 3px;
	border-left:3px solid red;
	}
#content .referenz{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdd6d9+0,ffffff+39,cee4f3+95,ebf3f6+100&1+0,1+60,0.35+100 */
	background: -moz-linear-gradient(left, rgba(253,214,217,1) 0%, rgba(255,255,255,1) 39%, rgba(237,245,251,1) 60%, rgba(206,228,243,0.43) 95%, rgba(235,243,246,0.35) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(253,214,217,1) 0%,rgba(255,255,255,1) 39%,rgba(237,245,251,1) 60%,rgba(206,228,243,0.43) 95%,rgba(235,243,246,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(253,214,217,1) 0%,rgba(255,255,255,1) 39%,rgba(237,245,251,1) 60%,rgba(206,228,243,0.43) 95%,rgba(235,243,246,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd6d9', endColorstr='#59ebf3f6',GradientType=1 ); /* IE6-9 */
	margin:0 43px 0 0;
	padding:3px 27px 3px 12px;
	}
#content .referenz img.rightflow{
	float:right;
	margin:15px 0 0 12px ;
	}
#content td{
	margin: 0;
	padding: 4px 0;
	}
#content a{
	color: #12547e;
	background: transparent;
	text-decoration: underline;
	}
#content a:hover{
	color: #2d7aab;
	background: transparent;
	}

/* ab hier die Fusszeile */

#footer{
	clear: both;
	color: #646464;
	padding: 0;
	margin: 0;
	background: #FFF url(images/back-footer.gif) no-repeat bottom left;
	}
#footer div{
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 3px 0;
	margin: 0 0 0 27px;
	}
#footer a{
	color: #657688;
	text-decoration: none;
	}
#footer a:hover{
	color: #ede8cc;
	}

/*ab hier Professor Hacketal*/

/*fix für den footer*/

/* Vor IE5/Mac verstecken\*/
* html #footer{ height: 1%; }
/*Vor IE5/Mac verstecken Ende*/