/* so kennzeichnet man ein Kommentar */
body{
	background: White;
	margin: 0;	padding: 0;	
	font-family:  Eurostile, Verdana, Geneva, Helvetica, sans-serif;
}
#container{
	width: 957px;
	margin: 0 auto;
}
#top{
	height: 69px;
	position: relative;
}
#top .logob{
	width: 214px;	height: 69px;
	overflow: hidden;
	margin: 0;	padding: 0;
	position: relative;
	font-size: 1.4em;
	font-weight: normal;
}
#top .logob a{
	text-decoration: none;
	color: #9B9A9A;
}
#top .logob span{
	width: 214px;	height: 69px;
	position: absolute;
	display: block;
	top: 0;	left: 0;
	background: url(../images/logo.png);
	cursor: pointer;
}
#top h2{
	margin: 0;	padding: 0;
	position: absolute;
	right: 0;	bottom: 6px;
	font-size: 1.0em;
	color: #0161A8;
}
.topmenu{
	margin: 0;	padding: 0;
	list-style: none;
	width: 957px;	height: 34px;
	background: url(../images/bg-menu.png) no-repeat;
	border-bottom: 1px solid #EFA178;
}
.topmenu_vision{
        background: url(../images/bg-menu-vision.png) no-repeat;
}
.topmenu li{
	display: inline;
	float: left;
}
.topmenu li a{
	float: left;
	width: 146px;	height: 19px;
	padding: 15px 0 0 14px;
	text-decoration: none;
	font-size: 1.2em;
	color: #0161A8;
}
.topmenu li a.last{
	width: 143px;
}
.topmenu li a.active,
.topmenu li a:hover{
	color: #E56927;
}
.content{
	width: 797px;
	min-height: 465px;
	padding-left: 160px;
	background: url(../images/net.png) no-repeat;
	background-position: 176px 6px;
	float: left;
	position: relative;
}
.portfolio_submenu1{
        background-position: 176px 26px;
}
.portfolio_submenu2{
        background-position: 176px 46px;
}
.vision{
        min-height: 452px;
	background: url(../images/vision.png) no-repeat;
	background-position: 0px 0px;
}
.partners{
        background: url(../images/partners.png) no-repeat;
	background-position: 176px 6px;
}
.referenzen{
        background: url(../images/referenzen.png) no-repeat;
	background-position: 176px 26px;
}

.kontakt{
        background: url(../images/kontakt.png) no-repeat;
	background-position: 176px 26px;
}
.karriere{
        background: url(../images/karriere.png) no-repeat;
	background-position: 176px 26px;
}
.downloads{
        background: url(../images/downloads.png) no-repeat;
	background-position: 176px 26px;
}
.aktuelles{
        background: url(../images/aktuelles.png) no-repeat;
	background-position: 176px 6px;
}
.content .left{
	width: 480px;
	min-height: 465px;
	float: left;
	border-right: 1px solid #F5C7AF;
}

.content .submenu{
	width: 796px;
	margin: 0;	padding: 0;
	border-bottom: 1px solid #F2B493;
	border-left: 1px solid #F2B493;
	background: white url(../images/bg-submenu.png) no-repeat;
	list-style: none;
	float: left;
	font-size: 1em;
}
.content .submenu li{
	display: inline;	
	float: left;
	height: 21px;
	line-height: 21px;
	font-size: 0.90em;
}
.content .submenu li.submenu2{
        font-size: 0.8em;
}
.content .submenu li a{
	text-decoration: none;
	float: left;
	height: 21px;
	overflow: auto;
	color: #0059A4;
	padding: 0 10px;
}
.content .submenu li a.active{
	color: #E56927;
}
.content .submenu li a:hover{
	color: #E56927;
}
.content h3,
.content h2{
	margin: 0;	padding: 3px 5px 0;
	text-align: right;
	font-size: 1.2em;
	color: #0059A4;
}
.content h2 a{
        color: #0059A4;
        text-decoration: none;
}
.content h2 a.active,
.content h2 a:hover{
	color: #E56927;
}

.content h3{
	color: #E56927;
}
.content .tleft{
	text-align: left;
	padding: 3px 0 0;
}
p{
	font-size: .9em;
	margin: 3px 0 10px;
}
a{
	color: Black;
}
.content ul{
	font-size: 0.65em;
	list-style: square;
	line-height: 1.3em;
	margin-bottom: 10px;
	margin-top: 3px;
}
.list-a{
	list-style: none !important;
	padding: 0;
	margin: 3px 0 10px;
}
.list-a li{
	background: url(../images/li.gif) no-repeat left top;
	background-position: 0 5px;
	padding: 0 0 0 15px;
	line-height: 1.7em;
		font-size: 1.2em;
}

.list-a li a{
        text-decoration: none;
	color: #0059A4;
	font-weight: bold;
}
.list-a li a.active{
	color: #E56927;
}
.list-a li a:hover{
	color: #E56927;
}

.bbot{
	border-bottom: 1px solid #C0C0C0;
}
.content .hbox1,
.content .hbox2,
.content .hbox3,
.content .hbox4{
	margin-bottom: 0;
	padding-right: 2px;
	text-align: justify;
}
.content .hbox1 img,
.content .hbox2 img,
.content .hbox3 img,
.content .hbox4 img{
	padding-right: 5px;
	padding-bottom: 5px;
}

.content .right{
	width: 315px;
	float: left;
}
.content .right .header{
	padding-top: 200px;
	font-family: Eurostile, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.content .right .header h2{
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0  0 0 6px;
}
.content .right .header h3{
	text-align: left;
	font-size: 1.1em;
	font-weight: normal;
	color:#E56927;
	margin: 0 0 0 6px;
}

.bottom{
	width: 957px;	height: 72px;
	background: white url(../images/bg-bottom.png) no-repeat;
	float: left;
}
 
.bottom_vision{
  background: white url(../images/bg-bottom-vision.png) no-repeat;
}
.bottom .bot-left{
	float: left;
	width: 640px;
}
.bottom .box{
	width: 254px;
	padding: 8px 0 0 20px;
	background: url(../images/li.gif) no-repeat;
	background-position: 5px 10px;
	float: left;
	font-size: 0.65em;
}
.bottom .box p,
.bottom .box h3{
	font-size: 1em;
	margin: 0;
}
.bottom .box .mehr{
	float: right;
	margin-top: -1.2em;
}
.bottom .box .mehr a{
	color: #808080;
	text-decoration: none;
}
.bottom .box h3{
	font-weight: normal;
	color: #0059A4;
}
.bottom .bot-right{
	float: left;
	width: 316px;
}
.bottom .bot-right address{
	text-align: right;
	font-style: normal;
	font-size: 0.65em;
	padding: 5px 0;
}
.cpright{
	margin: 0;	padding: 2px 3px;
	text-align: right;
	font-size: 0.65em;
}
.mappe{
        font-family:  Eurostile, Verdana, Geneva, Helvetica, sans-serif;
}
