@charset "utf-8";

/*********************************************************/
/*****************   = global-tags  **********************/
/*********************************************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #202c2d url(../images/bg-body.jpg) 0 0 no-repeat;
}

p {
   margin-bottom: 15px;
}

a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#FF7200;
	text-decoration:none;
}

#euroweb {
	width: 702px !important;
}

#euroweb img {
	float: left;
   margin: 0 15px 0 0;
}

/*********************************************************/
/****************   = global-classes  ********************/
/*********************************************************/

ul.list {
	list-style-type: none;
	margin-bottom: 15px;
}
					
ul.list li {
	background: url(../images/li-list.jpg) 0 4px no-repeat;
	padding-left: 35px;
	margin-bottom: 25px;
}

.clear {
	float: none;
	clear: both;
}

.text-indent {
	text-indent:-9999px;
}

.images {
	border: 2px solid #A4B0B0;
	margin: 0 5px 5px 0;
}

.images-float {
	border: 2px solid #A4B0B0;
	margin: 0 5px 5px 0;
	float: left;
}

.map {
	border: 2px solid #A4B0B0;
}

.highlight {
	color: #FF7200;
}

/*********************************************************/
/*******************   = branding  ***********************/
/*********************************************************/

#branding {
	width: 715px;
	height: 145px;
	overflow: hidden;
	font-size: 0.1em;
	text-indent: -9999px;
	display: block;
	position: absolute;
	z-index: 10;
	top: 80px;
}

/*********************************************************/
/*******************   = headings  ***********************/
/*********************************************************/

h1 {
	text-indent: -9999px;
}

h2 {
	font-size: 1.0em;
	color: #FF7200;
	font-weight: normal;
}

/*********************************************************/
/*******************   = container  **********************/
/*********************************************************/

#container {
	margin:0 auto auto 0;
	padding-left:35px;
	width:700px;
	position: relative;
}

/*********************************************************/
/********************   = header  ************************/
/*********************************************************/

#header {
   width: 700px;
   height: 250px;
   position: relative;
   top: 197px;
}

/*********************************************************/
/*********************   = navi  *************************/
/*********************************************************/

#navi {
	width: 560px;
	height: 128px;
	left: 110px;
	position: absolute;
	top: 50px;
}

#navi ul {
   list-style: none;
}

#navi li {
   float: left;
}

#navi a {
   display: block;
   overflow: hidden;
   float: left;
   text-indent: -9999px;
   height: 128px;
}

#navi a.home {
	background: url(../images/bg-navi.png) no-repeat;
	width: 89px;
}

#navi a.home:hover,
#navi li.active a.home {
	background: url(../images/bg-navi-hover.png) no-repeat;
}

#navi a.profil {
	background: url(../images/bg-navi.png) -89px 0 no-repeat;
	width: 97px;
}

#navi a.profil:hover,
#navi li.active a.profil {
	background: url(../images/bg-navi-hover.png) -89px 0 no-repeat;
}

#navi a.kontakt {
	background: url(../images/bg-navi.png) -186px 0 no-repeat;
	width: 112px;
}

#navi a.kontakt:hover,
#navi li.active a.kontakt {
	background: url(../images/bg-navi-hover.png) -186px 0 no-repeat;
}

#navi a.links {
	background: url(../images/bg-navi.png) -298px 0 no-repeat;
	width: 86px;
}

#navi a.links:hover,
#navi li.active a.links {
	background: url(../images/bg-navi-hover.png) -298px 0 no-repeat;
}

#navi a.leistungsangebot {
	background: url(../images/bg-navi.png) -384px 0 no-repeat;
	width: 176px;
}

#navi a.leistungsangebot:hover,
#navi li.active a.leistungsangebot {
	background: url(../images/bg-navi-hover.png) -384px 0 no-repeat;
}

/*********************************************************/
/*******************   = content  ************************/
/*********************************************************/

#content {
	padding: 0 10px 0 120px;
	width: 608px;
	margin-top: 200px;
	position: relative;
	z-index: 50;
}

#content:after {
   clear: both;
   content: '.';
   display: block;
   height: 0;
   visibility: hidden;
}

#content-main {
	width: 800px;
	margin: 0 0 0 50px;
}

.content-column {
	width: 360px;
	float: left;
	margin-right: 20px;
}

#referenzen {
	width: 135px;
	height: 22px;
}

/*********************************************************/
/********************   = footer  ************************/
/*********************************************************/

#footer {
	padding:0 28px 10px 0;
	text-align:right;
	width:700px;
	margin-bottom: 20px;
}

.trenner {
	margin: 0 5px;
}

/*********************************************************/
/*******************   = navi-add  ***********************/
/*********************************************************/

#navi-add {
	float: right;
}

#navi-add ul {
   list-style: none;
}

#navi-add li {
   float: left;
}

#navi-add a {
   display: block;
   overflow: hidden;
   float: left;
   color: #000;
   font-size: 1.0em;
   text-decoration: none;
   text-align: right;
}

#navi-add a:hover,
#navi-add li.active a {
	color: #FF7200;
}