body {

	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	background: #ffffff url(../images/gradient_bg.jpg) repeat-x fixed;
	color: #000000;
	
}

.container {

	width: 860px;
	margin: auto;
	background: url(../images/bg_drop.png) repeat-y center;
	
}

.containertop {

	width: 860px;
	height: 28px;
	margin: auto;
	padding: 40px 0 0 0;
	background: url(../images/top_cap_drop.png) no-repeat bottom;
	
}

.containerbot {

	width: 860px;
	height: 46px;
	margin: auto;
	padding: 0 0 40px 0;
	background: url(../images/bottom_cap_drop.png) no-repeat top;
	
}

.container .content {

	width: 740px;
	margin: auto;
	position: relative;
	z-index: 1;
	padding-bottom: 20px;
	margin-top: 10px;
	
}

.header {

	position: relative;
	width: 740px;
	margin: auto;
	z-index: 100;
	padding-top: 10px;
	min-height: 80px;

}

.header a h1 {

	display: block;
	width: 201px;
	height: 33px;
	overflow: hidden;
	text-indent: -99999px;
	background: url(../images/logo-telfaxaweko.gif) no-repeat top;
	margin-left: 0;
	color: #000000;	padding: 0;
	cursor: pointer;

}

.header p {

	text-align: right;
	font-size: 11px;
	margin: 0;

}

.header p a {

	color: #000000;
	font-size: 11px;
	text-decoration: none;

}

.header p a:hover {

	text-decoration: underline;

}

.header .menu {

	height: 30px;
	background: url(../images/menu_bg.jpg) no-repeat top left;
	position: absolute;
	top: 60px;
	z-index: 1000;

}

.header .menu .items {

	height: 30px;
	width: 245px;
	float: left;
	overflow: hidden;

}

.header .menu .left:hover {

	background: url(../images/menu_hover_left.png) no-repeat left top;
	height: 162px;	

}

.header .menu .center:hover {

	background: url(../images/menu_hover_center.png) no-repeat left top;
	height: 185px;

}

.header .menu .right:hover {

	background: url(../images/menu_hover_right.png) no-repeat left top;
	height: 162px;	

}

.header .menu .items .alarge {

	color: #ffffff;
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
	padding: 7px 0 7px 30px;
	background: url(../images/liststyle.gif) no-repeat left;

}

.header .menu .items .menu_img {

	height: 58px;
	width: 71px;
	float: left;
	background: #ffffff url(../images/service-menu-img.jpg) left top;
	margin: 20px 0 0 20px;

}

.header .menu .items ul {

	width: 135px;
	float: right;
	margin: 20px 0 0 0;
	padding: 0;

}

.header .menu .items ul li {

	width: 135px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: #fa2d35 1px solid; 
	border-bottom: #d00b12 1px solid;

}

.header .menu .items ul li a {

	font-size: 11px;
	margin: 0;
	line-height: 12px;
	display: block;
	text-decoration: none;
	background: none;
	height: inherit;
	padding: 5px;
	color: #ffffff;

}

.header .menu .items ul li a:hover {

	text-decoration: underline;
	background: #d00b12;

}


.header .banner {

	height: 200px;
	background: #ffffff;
	padding: 45px 0 0 0;

}

.header .banner #slideshow {

	margin: 0;
	padding: 0;
	height: 200px;
	overflow: hidden;

}

.header .banner #slideshow li {

	margin: 0;
	padding: 0;
	list-style: none;
	height: 200px;
	overflow: hidden;

}

.content .contentbox {

	position: relative;
	background: #f9f9f9;
	margin-bottom: 10px;
	padding: 14px 0 10px 0;
	
}

.content .contentbox .top {

	background: url(../images/left-top.gif) no-repeat left;
	height: 6px;
	position: absolute;
	top: 0;
	width: 100%;
	
}

.content .contentbox .top div {

	float: right;
	left: 0;
	height: 6px;
	width: 6px;
	background: url(../images/right-top.gif) no-repeat left;
	
}

.content .contentbox .bottom {

	background: url(../images/left-bottom.gif) no-repeat left;
	height: 6px;
	position: absolute;
	bottom: 0;
	width: 100%;
	
}

.content .contentbox .bottom div {

	float: right;
	left: 0;
	height: 6px;
	width: 6px;
	background: url(../images/right-bottom.gif) no-repeat left;
	
}

.large { width: 740px;}
.medium { width: 530px;}
.small { width: 200px;}
.right	{float: right; clear: right;}
.left {float: left;}


.clear {

	clear: both;
	
}

.content .contentbox p {

	margin: 15px 20px;
	line-height: 18px;
	text-align: left;
	
}

.content .contentbox a {

	margin-left: 20px;
	color: #000000;
	text-decoration: underline;
	
}

.content .contentbox a:hover {

	color: #ed1c24;
	
}

.content .contentbox p a {

	color: #ed1c24;
	text-decoration: none;
	margin: 0;
	
}

.content .contentbox p a:hover {

	text-decoration: underline;
	
}

.content .acties {

	margin-bottom: 10px;

}

.content .footer {

	height: 30px;
	background: url(../images/menu_bg.jpg) no-repeat top #000000;
	margin: 0;

}

.content .footer p {

	margin: 0 20px;;
	color: #ffffff;
	float: left;
	width: 330px;
	padding-top: 8px;
	font-size: 11px;

}

.content .footer p a {

	color: #ffffff;
	font-size: 11px;
	text-decoration: none; 

}

.content .footer p a:hover {

	text-decoration: underline; 

}

.logos a { display: block; width: 148px; height: 55px; text-indent: -99999px; float: left; background:url(../images/logo_sprite.gif) no-repeat left top; }

.logos a.oki { background-position: -19px 0; margin: 0;}
.logos a.ricoh {background-position: -215px 0; margin: 0;}
.logos a.kyocera {background-position: -389px 0; margin: 0;}
.logos a.riso {background-position: -566px 0; margin: 0;}
.logos a.develop {background-position: -759px -55px; margin: 0;}
.logos a.oki:hover {background-position: -19px -55px;}
.logos a.ricoh:hover {background-position: -215px -55px;}
.logos a.kyocera:hover {background-position: -389px -55px;}
.logos a.riso:hover {background-position: -566px -55px;}
.logos a.develop:hover {background-position: -759px 0;}



.oki-current {background:url(../images/logo_sprite.gif) no-repeat left top; width: 185px; height: 55px; text-indent: -99999px; background-position: 0 -55px; margin: 20px auto;}
.ricoh-current {background:url(../images/logo_sprite.gif) no-repeat left top; width: 185px; height: 55px; text-indent: -99999px; background-position: -185px -55px; margin: 20px auto;}
.kyocera-current {background:url(../images/logo_sprite.gif) no-repeat left top; width: 185px; height: 55px; text-indent: -99999px; background-position: -370px 0; margin: 20px auto;}
.riso-current {background:url(../images/logo_riso.gif) no-repeat left top; width: 185px; height: 55px; text-indent: -99999px; margin: 20px auto;}
.develop-current {background:url(../images/logo_sprite.gif) no-repeat left top; width: 185px; height: 55px; text-indent: -99999px; background-position: -740px 0; margin: 20px auto;}



.content h1 {

	font-size: 18px;
	margin: 0 20px;
	color: #000000;
	
}

.content h2 {

	font-size: 14px;
	margin: 15px 20px;
	color: #ed1c24;
	
}

.content .submenu {

	margin: 40px 20px 0 20px;
	
}

.content .submenu .subdiv {

	width: 200px;
	float: left;
	margin: 0 40px 20px 0;
	
}

.content .submenu div h2 {

	font-size: 12px;
	color: #ffffff;
	display: block;
	background: #000000;
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 0;
	font-weight: normal;
	
}

.content .submenu div ul {

	margin: 0;
	padding: 0;
	
}

.content .submenu div ul li {

	list-style: square;
	margin-left: 25px;
	padding: 3px 0;
	color: #ed1c24;
	
}

.content .submenu div ul li a {

	color: #000000;
	margin: 0;
	text-decoration: none;
	
}

.content .submenu div ul li a:hover {

	color: #000000;
	text-decoration: underline;
	
}


.content .submenu div ul li div {

	padding: 5px 0 0 0;
	display: none;
	
}

.content .submenu div ul li div a {

	color: #555555;
	display: block;
	margin: 0;
	text-decoration: none;
	padding: 3px 0;
	font-size: 11px;
	margin-left: 10px;
	
}

.content .submenu div ul li div a:hover {

	color: #ed1c24;
	text-decoration: none;
	
}

.content .news {

	border-bottom: solid 1px #cccccc;
	width: 490px;
	margin: 20px;
	
}

.content .news .newsbox {

	margin-bottom: 0;
	padding: 20px 0;
	border-top: solid 1px #cccccc;
	position: relative;
	
}

.content .news .newsbox .news-img {

	width: 100px;
	height: 100px;
	background: #cccccc;
	float: left;
	margin: 0;
	
}

.content .news .newsbox .news-img a {

	margin: 0;
	
}

.content .news .newsbox .news-content {

	width: 370px;
	float: right;
	
}

.content .news .newsbox .news-content h2 {

	font-size: 14px;
	color: #000000;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	
}

.content .news .newsbox .news-content h2 a {

	font-size: 14px;
	color: #000000;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	
}

.content .news .newsbox .news-content h2 a:hover {

	color: #ed1c24;
	
}

.content .news .newsbox .news-content p {

	margin: 15px 0;
	line-height: 18px;
	text-align: justify;
	
}

.content .occasions {

	border-bottom: solid 1px #cccccc;
	margin: 20px;
	
}

.content .occasions .occasionsbox {

	margin-bottom: 0;
	padding: 20px 0;
	border-top: solid 1px #cccccc;
	position: relative;
	
}

.content .occasions .occasionsbox img {

	float: right;
	margin: 0;
	max-width: 250px;
	
}

.content .occasions .occasionsbox .occasions-content {

	width: 420px;
	float: left;
	
}

.content .occasions .occasionsbox .occasions-content h2 {

	font-size: 14px;
	color: #ed1c24;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	
}

.content .occasions .occasionsbox .occasions-content ul {

	margin: 15px 0;
	
}

.content .occasions .occasionsbox .occasions-content ul li {

	list-style: square;
	margin-left: 20px;
	padding: 5px 0;
	
}

.content .occasions .occasionsbox .occasions-content p {

	margin: 15px 0;
	line-height: 18px;
	text-align: left;
	
}

.content .occasions .occasionsbox .occasions-content span {

	font-size: 14px;
	float: right;
	
}

.content .contactform {

	margin: 20px 0;
	 
}

.content .contactform table {

	color: #000000;
	 
}

.content .contactform table td {

	vertical-align: middle;
	padding: 4px 0;
	line-height: 14px;
	 
}

.content .contactform table td h2 {

	margin: 15px 0;
	color: #000000;
	font-size: 12px;
	 
}


.content .contactform table tr td input[type="text"]  {

	
	width:330px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	padding: 4px 4px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;

}

.content .contactform table tr td input[type="text"]:hover  {

	border: solid 1px #ed1c24;

}

.content .contactform table tr td input[type="text"]:focus  {

	border: solid 1px #ed1c24;
	color: #000000;

}

textarea  {

	
	width:330px;
	height: 100px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	padding: 4px 4px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;

}

textarea:hover  {

	
	border: solid 1px #ed1c24;

}

textarea:focus  {

	
	border: solid 1px #ed1c24;
	color: #000000;

}


.orangeborder {

	border-bottom: 1px solid #ef8200;
		
}

.service-menu {

	padding: 0;
	margin: 0;
	border-top: 1px solid #eeeeee;
	
}

.content .contentbox .service-menu li {

	padding: 0;
	margin: 0;
	border-bottom: 1px solid #eeeeee;
	
}

.content .contentbox .service-menu li a {

	display: block;
	padding: 6px 20px;
	margin: 0;
	text-decoration: none;
	
}

.content .contentbox .service-menu li a:hover {

	background: #eeeeee;
	text-decoration: none;
	
}

.content .contentbox a.back {

	float: left;
	background: #000000;
	display: block;
	padding: 5px 10px;
	color: #ffffff;
	text-decoration: none;
	margin-bottom: 10px;
	
}

.content .contentbox a.back:hover {

	color: #ed1c24;
	
}