
/* FARBEN, STILE UND CO BEREICH ANFANG */

*{
margin: 0px;
padding: 0px;
} 

h1{
	font-family: "Tahoma", Helvetica, sans-serif;
	color:#0089c3;
	font-size: 15px;
	line-height: 20px;
	padding: 0 0 14px 0;
}
h2{
	font-family: "Arial", Helvetica, sans-serif;
	color:#333;
	font-size: 13px;
	padding: 0 0 0 0;
}
.blau{
	font-family: "Tahoma", Helvetica, sans-serif;
	color:#0089c3;
	font-size: 12px;
	}
	
.weiss{
	font-family: "Tahoma", Helvetica, sans-serif;
	color:#fff;
	font-size: 12px;
	}
	
.black{
	font-family: "Tahoma", Helvetica, sans-serif;
	color:#00;
	font-size: 14px;
	line-height: 18px;
	}

/* FARBEN, STILE UND CO BEREICH ENDE */



/* ALLGEMEIN BEREICH ANFANG */


/*
#logo_teamcom {
	background: transparent url("images/logo_teamcom.jpg") no-repeat scroll 0px 0px;
    height: 90px;
    left: 0;
    position: fixed;
    top: 170px;
    width: 190px;
}
	  
#logo_teamcom a {
	display: block;
    height: 90px;
    width: 190px;
}
*/

/*
#logo_teamcom {
	background: transparent url("images/logo_teamcom.jpg") no-repeat scroll 0px 0px;
    height: 220px;
    left: 0;
    position: fixed;
    top: 140px;
    width: 50px;
	border-bottom: 1px solid #F39300;
	border-top: 1px solid #F39300;
	border-right: 1px solid #F39300;
}
	  
#logo_teamcom a {
	display: block;
    height: 220px;
    width: 50px;
}
*/

body {
	background-color:#ffffff;
	background-image: url(images/hg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment:scroll;
	margin: 0px 0px 0px 0px;
	
	}
	
#all {
	width: 940px;
	min-height: auto;
	margin: 0 auto;
	clear: both;
	float: none;
	}
	*html #all {
	height: auto;
	}

/* ALLGEMEIN BEREICH ENDE */
	
	
/* HEADER BEREICH ANFANG */
	
	#header { 
	width: 893px;
	height: 312px;
	padding: 34px 0px 0px 47px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#343434;
	}
	#header a:link, #header a:visited, #header a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:11px;
			color:#343434;
			text-decoration:none;
			display: inline; /*block*/
			}
		
			#header a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#0089c3;
			text-decoration:none;
			}
			
			
	#header_links { 
	width: 600px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#343434;
	}
	#header_rechts { 
	width: 290px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#343434;
	}
	
			#header_rechts ul {
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			float: left;
			}
			#header_rechts li{
			font-family: "Arial", Helvetica, sans-serif;
			color:#0089c3;
			font-size: 11px;
			padding:0 2px 0 2px;
			display: inline;
			list-style-type: none;
			line-height:18px;
			}
			
	#headeranmelden { 
	width: 300px;
	height: 90px;
	padding: 120px 0px 0px 570px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#343434;
	}
	
		#headeranmelden { 
		border: none;
	}
	
/* HEADER BEREICH ENDE */


/* NAVIGATION BEREICH ANFANG */
	
	#navigation { 
	width: 940px;
	height: 54px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/navigation.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	float: left;
	}
	#navigation a:link, #navigation a:visited, #navigation a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:14px;
			line-height: 18px;
			color:#fff;
			text-decoration:none;
			display: inline; /*block*/
			}
		
			#navigation a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#000000;
			text-decoration:none;
			}
		
			#navigation ul {
			width: 940px;
			padding:20px 0px 0px 0px;
			list-style-type: none;
			float: left;
			}
		
			#navigation li{
			font-family: "Arial", Helvetica, sans-serif;
			color:#000;
			font-size: 14px;
			line-height: 18px;
			padding:0 15px 0 15px;
			display: inline;
			list-style-type: none;		
			}
	
/* NAVIGATION BEREICH ENDE */


/* MAIN BEREICH ANFANG */
	
	#hg_mainkachel { 
	width: 940px;
	min-height: 239px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/hgmainkachel.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
	}
	
	*html #hg_mainkachel {height: 239px;}
	
	#hg_main { 
	width: 940px;
	min-height: 239px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/hg_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
	float: left;
	}
	
	*html #hg_main {height: 239px;}
	
	#maincontent { 
	width: 874px;
	min-height: 239px;
	padding: 0px 33px 0px 33px;
	background-image: url(images/contentkachel.png);
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
	}
	
	*html #maincontent {height: 239px;}
	
			#maincontent a:link, #maincontent a:visited, #maincontent a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:12px;
			line-height: 18px;
			color:#0089c3;
			text-decoration:none;
			display: inline; /*block*/
			}
		
			#maincontent a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#000000;
			text-decoration:none;
			}
	
	#content { 
	width: 782px;
	min-height: 165px;
	padding: 45px 46px 0px 46px;
	font-family: "Arial", Helvetica, sans-serif;
	color:#222121;
	font-size: 12px;
	line-height: 18px;
	background-image: url(images/content.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	}
	
	*html #content {height: 165px;}
	#content p{padding: 14px 0 14px 0; border-top: 1px dotted #c3c2c2;}
	
			#content ul {
			width: auto;
			padding:0px 0px 0px 0px;
			list-style-type: none;
			float: left;
			}
		
			#content li{
			font-family: "Tahoma", Helvetica, sans-serif;
			color:#0089c3;
			font-size: 12px;
			line-height: 25px;
			background:url(images/btn_next.png) no-repeat 0 2px;
			padding:0 0px 0 30px;
			font-weight: bold;
			display:block;
			list-style-type: none;		
			}
	
	.box1 { 
	width: 376px;
	min-height: 100px;
	padding: 0px 15px 25px 0px;
	text-align:justify;
	float: left;
	}
	*html .box1 {height: 100px;}
	
	.box2 { 
	width: 376px;
	min-height: 100px;
	padding: 0px 0px 25px 15px;
	text-align:justify;
	float: left;
	}
	*html .box2 {height: 100px;}
	
	.box3 { 
	width: 782px;
	min-height: 30px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	float: left;
	}
	*html .box3 {height: 30px;}
	
			.box3 ul {
			width: 782px;
			padding:0px 0px 0px 0px;
			list-style-type: none;
			float: left;
			}
		
			.box3 li{
			font-family: "Tahoma", Helvetica, sans-serif;
			color:#222121;
			font-size: 12px;
			line-height: 25px;
			background:url(images/btn_next.png) no-repeat 0 2px;
			padding:0 0px 0 30px;
			display:block;
			list-style-type: none;		
			}
	
	#maincontentbottom { 
	width: 940px;
	height: 39px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/maincontentbottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	}
	
/* MAIN BEREICH ENDE */


/* BUTTONS BEREICH ANFANG */

	#start_edv { 
	width: 218px;
	height: 226px;
	margin: 0px 2px 0px 30px;
	
	float: left;
	}
	a.start_edv { background:url(images/start/edv.png) repeat 0px 0px; width: 218px; height:226px; display: block; }
	a.start_edv span { display: none; }
	a.start_edv:hover { background: url(images/start/edv.png) repeat 0px -226px; }
	
	#start_tele { 
	width: 218px;
	height: 226px;
	margin: 0px 1px 0px 1px;
	
	float: left;
	}
	a.start_tele { background:url(images/start/tele.png) repeat 0px 0px; width: 218px; height:226px; display: block; }
	a.start_tele span { display: none; }
	a.start_tele:hover { background: url(images/start/tele.png) repeat 0px -226px; }
	
	#start_druck { 
	width: 218px;
	height: 226px;
	margin: 0px 1px 0px 1px;
	
	float: left;
	}
	a.start_druck { background:url(images/start/druck.png) repeat 0px 0px; width: 218px; height:226px; display: block; }
	a.start_druck span { display: none; }
	a.start_druck:hover { background: url(images/start/druck.png) repeat 0px -226px; }
	
	#start_buero { 
	width: 218px;
	height: 226px;
	margin: 0px 0px 0px 0px;
	
	float: left;
	}
	a.start_buero { background:url(images/start/buero.png) repeat 0px 0px; width: 218px; height:226px; display: block; }
	a.start_buero span { display: none; }
	a.start_buero:hover { background: url(images/start/buero.png) repeat 0px -226px; }


	
	#button_buerobedarf { 
	width: 290px;
	height: 226px;
	margin: 0px 0px 0px 33px;
	background-image: url(images/button_buerobedarf.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	}
	a.button_buerobedarf { background:url(images/button_buerobedarf_over.png) repeat 0px 0px; width: 290px; height:226px; display: block; }
	a.button_buerobedarf span { display: none; }
	a.button_buerobedarf:hover { background: url(images/button_buerobedarf_over.png) repeat 0px -226px; }
	
	
	#button_edv { 
	width: 290px;
	height: 226px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/button_edv.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	}
	a.button_edv { background:url(images/button_edv_over.png) repeat 0px 0px; width: 290px; height:226px; display: block; }
	a.button_edv span { display: none; }
	a.button_edv:hover { background: url(images/button_edv_over.png) repeat 0px -226px; }
	
	
	#button_onlineshop { 
	width: 290px;
	height: 226px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/button_onlineshop.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	}
	a.button_onlineshop { background:url(images/button_onlineshop_over.png) repeat 0px 0px; width: 290px; height:226px; display: block; }
	a.button_onlineshop span { display: none; }
	a.button_onlineshop:hover { background: url(images/button_onlineshop_over.png) repeat 0px -226px; }
	
/* BUTTONS BEREICH ENDE */


/* NEWS BEREICH ANFANG */
	
	#news { 
	width: 940px;
	height: 245px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/news.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	}
	
	#newshead { 
	width: 704px;
	height: 49px;
	padding: 48px 0px 0px 79px;
	font-family: "Tahoma", Helvetica, sans-serif;
	font-size:16px;
	color:#222121;
	float: left;
	}
	
	#newsaktuell { 
	width: 157px;
	height: 49px;
	padding: 48px 0px 0px 0px;
	font-family: "Tahoma", Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	float: left;
	}
	
	#newsthemen { 
	width: 837px;
	height: 117px;
	padding: 0px 52px 0px 51px;
	font-family: "Tahoma", Helvetica, sans-serif;
	font-size:12px;
	color:#222121;
	float: left;
	}
	
	#newsimg { 
	width: 233px;
	height: 117px;
	padding: 0px 0px 0px 0px;
	font-family: "Tahoma", Helvetica, sans-serif;
	font-size:12px;
	color:#222121;
	float: left;
	}
	
	#newsimg img{ border: none;}
	
	#newscontent { 
	width: 537px;
	height: 117px;
	padding: 0px 0px 0px 0px;
	font-family: "Tahoma", Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color:#222121;
	float: left;
	}
	
	#newscontent p{ 
	padding: 0 0 14px 0;
	}
	
			#newscontent a:link, #newscontent a:visited, #newscontent a:active{
			font-family: "Tahoma", Helvetica, sans-serif;
			font-size:12px;
			line-height: 18px;
			color:#0089c3;
			text-decoration:none;
			display: inline; /*block*/
			}
		
			#newscontent a:hover{
			font-family: "Tahoma", Helvetica, sans-serif;
			color:#000000;
			text-decoration:none;
			}
	
	
/* NEWS BEREICH ENDE */


/* FOOTER BEREICH ANFANG */

#footer {
	width: auto;
	height: 108px;
	background-image: url(images/footer_hg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	clear: both;
	float: none;
	background-color:#656565;
	}
	*html #footer {
	width: 100%;
	height: 108px;
	}
	
#footer_all {
	position: relative;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	width: 940px; 
	height: 78px;
	padding: 30px 0px 0px 0px;
	margin: 0px auto;
	clear: both;
	float: none;
	}
	#footer a:link, #footer a:visited, #footer a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:11px;
			color:#979797;
			text-decoration:none;
			display: inline; /*block*/
			}
			#footer a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#ffffff;
			text-decoration:none;
			}
			#footer ul {
			width:940px;
			padding: 5px 0px 0px 0px;
			list-style-type: none;
			float: left;
			}
			#footer li{
			font-family: "Arial", Helvetica, sans-serif;
			color:#979797;
			font-size: 11px;
			padding:0 5px 0 5px;
			display: inline;
			list-style-type: none;
			line-height:20px;
			}
	
/* FOOTER BEREICH ENDE */

	
	
		
		
