body{
	font-family: "Arial";
	margin: 0px;
	background-color: #098ea3;
	color: #414141;
}
textarea {
	font-family: "Arial";
	font-size: 14px;
}
img {
	border: 0px;
}
.body{
	background-color: white;
}
.main{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
.header{
	width: 950px;
	height: 106px;
	background: url('images/header.png') top left no-repeat;
}
.navigation{
	width: 950px;
	height: 56px;
	margin: 0px 0px 16px 0px;
	font-family: "Trebuchet MS";
	border-bottom: 1px solid grey;
}
.navigation ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.navigation .button{
	margin-left: -2px;
	float: left;
	height: 40px;
	line-height: 40px;
	background: url('images/navigation_spacer.png') top right no-repeat;
	text-transform: uppercase;
	font-size: 14px;
}
.navigation .button a{
	text-decoration: none;
	color: black;
	display: block;
	padding: 0px 25px;
}
.navigation .button.start{
	margin-left: 0px;
	
}
.navigation .button.end{
	background: transparent;
}
.navigation .button.active{
	background: #414141;
}
.navigation .button.active a{
	color: white;
}
.navigation .button:hover{
	background: transparent;
	background-color: grey;
}
.navigation .button a:hover{
	color: white;
}
.content{
	min-height: 100px;
	padding-bottom: 25px;
}
.footer{
	background-color: #098ea3;
	color: white;
	font-size: 12px;
	padding-bottom: 30px;
}
.footer .kontakt,
.footer .aktuelles,
.footer .seiten{
	float: left;
	margin: 51px 0px 0px 25px;
	line-height: 20px;
}
.footer .kontakt{
	width: 290px;
}

.footer .kontakt a{
	color: white;
	text-decoration: underline;
}

.footer .aktuelles{
	width: 295px;
}
.time{
	width: 45px;
	margin: 3px 10px 10px 0px;
	padding: 13px 0px 0px 8px;
	height: 40px;
	float: left;
	background-color: white;
	color: #098ea3;
	line-height: 15px;
}
.content .aktuelles_main .time{
	background-color: white;
	background-color: #116c7c;	
	color: white;
}
.time .date{
	font-size: 16px;
	font-weight: bold;
}
.time .year{
	font-size: 12px;
	font-weight: normal;
}
.footer .aktuelles .info{
	width: 170px;
	float: left;
}
.footer .aktuelles .more{
	float: right;
}
.footer .aktuelles .more a{
	color: white;
}
.footer .seiten{
	width: 290px;
}
.footer .seiten ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.footer .seiten .button{
	float: left;
	border-bottom: 1px solid #6baeb8;
	font-size: 14px;
	text-transform: uppercase;
	width: 100px;
	font-family: "Trebuchet MS";
	margin: 0px 15px 5px 0px;
	padding: 0px 15px 5px 15px;
}
.footer .seiten .button.end {
	border-bottom: 0px solid #6baeb8;
}
.footer .seiten .button a{
	text-decoration: none;
	color: white;
}
.footer .title{
	font-family: "Trebuchet MS";
	font-size: 22px;
	color: #fe9500;
	text-transform: uppercase;
	margin-bottom: 13px;
}
.clear{
	clear: both;
}
.content .page_header{
	width: 950px;
	height: 80px;
	background: url('images/page_header.jpg') top left no-repeat;
	margin-bottom: 25px;
}
.content .page_header.loesungen             { background: url('images/page_header_realisierung.jpg') top left no-repeat; }
.content .page_header.loesungen_cms         { background: url('images/page_header_beratung.jpg') top left no-repeat; }
.content .page_header.loesungen_shop        { background: url('images/page_header_shop.jpg') top left no-repeat; }
.content .page_header.loesungen_software    { background: url('images/page_header_software.jpg') top left no-repeat; }
.content .page_header.prozesse              { background: url('images/page_header_analyse.jpg') top left no-repeat; }
.content .page_header.prozesse_analyse      { background: url('images/page_header_analyse.jpg') top left no-repeat; }
.content .page_header.prozesse_beratung     { background: url('images/page_header_beratung.jpg') top left no-repeat; }
.content .page_header.prozesse_realisierung { background: url('images/page_header_realisierung.jpg') top left no-repeat; }
.content .page_header.unternehmen           { background: url('images/page_header_unternehmen.jpg') top left no-repeat; }
.content .page_header.referenzen            { background: url('images/page_header_referenzen.jpg') top left no-repeat; }
.content .page_header.aktuelles             { background: url('images/page_header_aktuelles.jpg') top left no-repeat; }
.content .page_header.kontakt               { background: url('images/page_header_kontakt.jpg') top left no-repeat; }
.content .page_header.impressum             { background: url('images/page_header_kontakt.jpg') top left no-repeat; }
/* Page home slider_logo */
.content .slider_bg{
	width: 950px;
	height: 300px;
}
.content .slider_bg.opensource { background: url('images/slider_bg_opensource.jpg') top left no-repeat; }
.content .slider_bg.software   { background: url('images/slider_bg_software.jpg') top left no-repeat; }
.content .slider_bg.shop       { background: url('images/slider_bg_shop.jpg') top left no-repeat; }
.content .slider_bg.www        { background: url('images/slider_bg_www.jpg') top left no-repeat; }
.content .slider_bg.slide      { background: url('images/slider_bg_slide.jpg') top left no-repeat; }
.content .slider_logo{
	text-align: center;
	color: white;
	font-size: 22px;
}
.content .slider_logo img{
	margin: 60px 0px 20px 0px;
}
/* Page home content */
.content .home_main{
	width: 950px;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
} 
.content .home_main .box1,
.content .home_main .box2,
.content .home_main .box3{
	float: left;
	width: 276px;
	padding: 20px 20px;
	height: 180px;
}
.box1:hover,
.box2:hover,
.box3:hover,
.box4:hover{
	color: white;
	background-color: grey;
}

.boxactive {
	color: white;
	background-color: grey;
}

.content .home_main .box2{
	width: 278px;
	padding: 20px 20px;
}
.content .home_main .image{
	float: left;
	width: 79px;
}
.info{
	float: left;
	width: 197px;
}
.image img {
	float: left;
	margin: 0px 10px 0px 0px;
}
h1 {
	font-size: 22px;
	font-family: "Trebuchet MS";
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}

h2 {
	margin-top: 10px;
	font-size: 18px;
	font-family: "Trebuchet MS";
	font-weight: normal;
	text-transform: uppercase;
}

.text{
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
}
/* Page loesung content */
.content .prozesse_main,
.content .loesungen_main,
.content .aktuelles_main,
.content .unternehmen_main,
.content .referenzen_main,
.content .impressum_main,
.content .kontakt_main{
	border-bottom: 1px solid grey;
}
.content .impressum_main a,
.content .kontakt_main a{
	color: #414141;
	text-decoration: none;
}
.content .prozesse_main .main_box1,
.content .loesungen_main .main_box1{
	width: 485px;
	float: left;
	margin: 0px 25px 25px 25px;
	padding: 0px 100px 0px 0px;
}

.content .referenzen_main a {
	text-decoration: none;
	color: #414141;
}

.content .main_box{
	width: 900px;
	margin: 0px 25px 25px 25px;
}
.content .aktuelles_main .main_box .text{
	width: 425px;
	margin: 0px 25px 0px 0px;
	float: left;
}
.content .prozesse_main .main_box2,
.content .loesungen_main .main_box2{
	width: 315px;
	float: left;
}
.content .prozesse_main .main_box2 a,
.content .loesungen_main .main_box2 a{
	text-decoration: none;
	color: black;
}


.content .prozesse_main .main_box2 a .text {
	text-align: left;
}

.content .prozesse_main .box1,
.content .prozesse_main .box2,
.content .prozesse_main .box3{
	padding: 25px 0px 25px 25px;
	height: 100px;
}
.content .loesungen_main .box1,
.content .loesungen_main .box2,
.content .loesungen_main .box3,
.content .loesungen_main .box4{
	padding: 25px 0px 25px 25px;
	height: 70px;
}
.content .prozesse_main .box1,
.content .prozesse_main .box2,
.content .loesungen_main .box1,
.content .loesungen_main .box2{
	border-bottom: 1px solid #AAAAAA;
}
.content .loesungen_main .box3{}
.content .prozesse_main .more{
	float: right;
	text-decoration: none;
	color: grey;
	font-size: 12px;
}
.content .prozesse_main .boxactive .more{
	color: white;
}


.content .prozesse_main .box1:hover .more,
.content .prozesse_main .box2:hover .more,
.content .prozesse_main .box3:hover .more,
.content .loesungen_main .box1:hover .more a,
.content .loesungen_main .box2:hover .more a,
.content .loesungen_main .box3:hover .more a{
	color: white;
}
.content .loesungen_main .box4:hover a{}
	font-size: 18px;
	margin-top: 10px;
}
.content .referenzen_main .spacer,
.content .aktuelles_main .spacer{
	width: 950px;
	height: 1px;
	border-bottom: 1px solid grey;
	margin-bottom: 25px;
}
.content .kontakt_main .form_col1{
	width:200px;
	float: left;
	margin-bottom: 3px;
}
.content .kontakt_main .form_col2{
	width:400px;
	float: left;
	margin-bottom: 3px;
}
.content .kontakt_main .form_col2 .input{
	width:250px;
	font-size: 14px;
	border: solid 1px #098EA3;
	border-radius: 3px;
}
.content .kontakt_main .form_col2 .date{
	width:50px;
	border: solid 1px #098EA3;
	border-radius: 3px;
}
.content .kontakt_main .form_col2 .message{
	width:250px;
	height: 100px;
	border: solid 1px #098EA3;
	border-radius: 3px;
}