@charset "utf-8";
/* CSS Document */

a{
	text-decoration:none;	
}

#logo{
	width:370px;
	height:50px;
	float:left;
	padding:30px 0 0 20px; 
}

#bg{
	background-color: #dcd9d9;
}

div{text-align:left;margin:auto;width:80%}

#top {
	width:981px; 
}

img{
	border:none;	
}

#header {
	width:981px; 
	height:191px;
	background:url(../images/sns_header.jpg);
}

#navi{
	float:left;
	width:210px;
	/*height:500px;*/
	background-color:#0f3d8b;
	color:#FFF;
	height:100%;
	/*text-shadow: 2px 2px 2px #aeaeae;*/
	text-decoration:none;
	float:left;
	border-bottom: solid 30px #0f3d8b;
}

#body {
	float:left;
	width:771px;
	background:#FFF;
	/*background:#ececec;
	height:500px;*/
	height:100%;
}

#content {
	width:741px;
	/*height:300px;*/
	height:100%;
	margin-top:10px;
	padding:15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}

#content_app {
	width:741px;
	/*height:300px;*/
	height:100%;
	margin-top:10px;
	padding:15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	background:url(../images/it_konzeption.png) center bottom no-repeat;
}

.menu_items {
	background:#0f3d8b;
	width:200px;
	height:20px;
	padding-left:10px;
	padding-top:7px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	border-bottom-style: solid;
	cursor:pointer;
	text-decoration:none;
}

.menu_items:hover {
	color:#0f3d8b; 
	background-color:#FFF;
	text-decoration:none;
}

#menu_sub_active {
	width:200px;
	height:20px;
	padding-left:10px;
	padding-top:7px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f3d8b; 
	background-color:#FFF;
	cursor:pointer;
	text-decoration:none;
}

#menu_items_active {
	width:200px;
	height:20px;
	padding-left:10px;
	padding-top:7px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f3d8b; 
	background-color:#FFF;
	border-bottom-style: solid;
	cursor:pointer;
	text-decoration:none;
}

.menu {
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
}

	/*width:200px;
	height:20px;
	padding-left:10px;
	padding-top:7px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom-style: solid;*/

.menu:hover {
	color:#0f3d8b; 
	background-color:#FFF;
}

.menu:active { 
	color:#ccc; 
	background-color:#FFF;
}

#subs {
	width:200px;
	height:70px;
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	border-bottom-style: solid;
	margin-top:2px;
}

#subs4 {
	width:200px;
	height:120px;
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	border-bottom-style: solid;
	margin-top:2px;
}

#subs5 {
	width:200px;
	height:150px;
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	border-bottom-style: solid;
	margin-top:2px;
}

#subs1 {
	width:200px;
	height:40px;
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	border-bottom-style: solid;
	margin-top:2px;
}

#menu_sub {
	width:200px;
	height:20px;
	padding-left:10px;
	padding-top:7px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
}

#menu_sub:hover {
	color:#0f3d8b; 
	background-color:#FFF; 
}

.sub_item {
	width:190px;
	height:20px;
	padding-left:10px;	
	padding-top:5px;
	margin-top:2px;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
}

.sub_item:hover {
	color:#0f3d8b; 
	background-color:#FFF;
}

#sub_item_active {
	color:#0f3d8b; 
	background-color:#FFF;
	width:190px;
	height:20px;
	padding-left:10px;	
	padding-top:5px; 
	cursor:pointer;
	text-decoration:none;
}

/*news.html*/

#news_img {
	text-align:left;
	width:118px;
	height:71px;
	float:left;
	background:url(../images/cisco.png);
	cursor:pointer;
}

#news_img1 {
	text-align:left;
	width:118px;
	height:71px;
	float:left;
	background:url(../images/3com.png);
	cursor:pointer;
}

#news_img2 {
	text-align:left;
	width:118px;
	height:71px;
	float:left;
	background:url(../images/hp.png);
	cursor:pointer;
}

#news_img3 {
	text-align:left;
	width:118px;
	height:71px;
	float:left;
	background:url(../images/polycom.png);
	cursor:pointer;
}

#news_txt {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:17px;
	width:612px;
	height:53px;
	float:left;
	text-decoration:none;
}

.news_txt {
	text-decoration:none;
	color:#000;
}

.news_txt:hover {
	text-decoration:none;
	color:#00C;
}

#career_title {
	width:99%;
	background:#0f3d8b;
	color:#FFF;
	padding-left:10px;
}

#kontakt_btn {
	width:100%; 
	text-align:center;
}

.kontakt_btn {
	color:#0f3d8b; 
	text-decoration:none;
}

.portfolio{
	width:210px;
	height:163px;
	float:left;
	/*background-image:url(../images/th_portfolio.png);*/
	background:#FFF;
	padding: 0 0 0px 0;
	padding-left:0px;
	padding-top:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f3d8b;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	
}

#footer{
	border:2px solid #dcd9d9; 
	width:772px;
	height:40px;
	margin-left: -17px; 
	 
	padding:8px 5px 5px 10px;
}

.facebook{
	width:200px;
	float:left;
	margin:0 0 5px 0;
}

.empfehlung{
	width:200px;
	float:left;
	margin:0 0 5px 0;
}