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


body {
	background-color: #ecebe9;
	background-image: url(../gif/bg.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-width: 912px;
	padding: 0;
	text-align: center;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
	font-size: 13px;
}

a:link {
	color: #ff9906;
	text-decoration: none;
}
a:visited {
	text-decoration: none;	
	color: #ff9906;
}
a:hover {
	text-decoration: none;
	color: #ff9906;
}
a:active {
	text-decoration: none;
	color: #ff9906;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 912px;
	text-align: left;
}

#content a:link {
	color: #ff9906;
	text-decoration: none;
	background-image: url(../gif/3eb_but_bg.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 3px;	
}
#content a:visited {
	text-decoration: none;	
	color: #ff9906;
	background-image: url(../gif/3eb_but_bg.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 3px;	
}
#content a:hover {
	text-decoration: none;
	color: #ff9906;
	background-image: url(../gif/3eb_but_bg.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 3px;	
}
#content a:active {
	text-decoration: none;
	color: #ff9906;
	background-image: url(../gif/3eb_but_bg.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 3px;	
}

.csc-textpic-imagewrap a {
	border: 0px;
	padding: 0px;
	background-image: none;
}

.csc-textpic-above .csc-textpic-imagewrap {
	margin-top: 15px;
	margin-bottom: 10px;
	*margin-bottom: 0px;
}


h1 {
	font-size: 15px;
	color: #6a6a6a;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border: 0px 0px 0px 0px;
}
h2 {
	font-size: 21px;
	color: #5c5c5c;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
}
h3 {
	font-size: 15px;
	color: #6a6a6a;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
}

.csc-firstHeader {
	font-size: 18px;
}


/* * * * * * * * * * * * * * * * 
* LAYOUT 
* * * * * * * * * * * * * * * */
#lang-menu {
	top: 15px;
	left: 798px;
	position: absolute;
	z-index: 3;
	width: 100px;
	text-align: right;
}
#lang-menu a {
        font-size: 10px;
        color: #f28f1a;
}


#header {
	top: 15px;
	left: 29px;
	position: absolute;
	z-index: 0;
	width: 682px;
}
			#logo {
				background-image: url(../gif/hiprocall-logo.gif);
				background-repeat: no-repeat;
				width: 137px;
				height: 35px;
				float: left;
			}
			#servicenavi {
				margin-top: 20px;
				text-align: right;
				float: right;
			}
			#servicenavi a {
				background-image: url(../gif/3eb_but_bg.gif);
				background-repeat: no-repeat;
				color: #666666;
				margin-right: 13px;
				padding-left: 10px;
			}
			#servicenavi a.service_active {
				background-image: url(../gif/3eb_but_bg.gif);
				background-repeat: no-repeat;
				color: #ff9906;
				margin-right: 13px;
				padding-left: 10px;
			}
						
#headline {
	display: none;
	top: 123px;
	left: 61px;
	position: absolute;
}

#contentwrapper {
	top: 125px;
	left: 0px;
	position: absolute;
	z-index: 0;
}
			#content-top {
				background-image: url(../gif/content_bg-top.gif);
				background-repeat: no-repeat;
				width: 705px;
				height: 7px;
			}
			#content {
				background-image: url(../gif/content_bg.gif);
				background-repeat: repeat-y;
				width: 644px;				
				*width: 705px;
				height: auto;
				padding-left: 31px;
				padding-right: 30px;	
				padding-top: 20px;
				*padding-top: 10px;
				padding-bottom: 25px;	
			}


#footer {
	background-image: url(../gif/footer_bg.gif);
	background-repeat: no-repeat;
	width: 648px;	
	*width: 705px;
	height: 16px;	
	*height: 18px;
	padding-left: 27px;
	padding-right: 30px;	
	padding-top: 2px;
	font-size: 12px;
	margin-bottom: 40px;
}
#footer a {
	color: #663d00;
	margin-right: 21px;
}

#contentright {
	top: 125px;
	left: 723px;
	position: absolute;
	width: 180px;
	height: auto;	
}
		#contentright .csc-frame-frame1 {
			background-image: url(../gif/button_rechts_bottom.gif);
			background-position: bottom;
			background-repeat: no-repeat;
			background-color: #FFFFFF;
                        width: 180px;
			height: auto;
			padding-bottom: 9px;
			margin-bottom: 10px;	
		}
		#contentright .csc-frame-frame1 .bodytext {
			background-image: url(../gif/button_rechts_bg.gif);
			background-repeat: repeat-y;
			background-color: #FFFFFF;
			width: 156px;			
			*width: 180px;
			padding-left: 15px;
			padding-right: 9px;			
			padding-top: 9px;
			padding-bottom: 9px;				
			margin-top: 0px;
			margin-bottom: 0px;
			line-height: 19px;
		}
		#contentright .csc-frame-frame1 .bodytext a {
			background-image: url(../gif/3eb_but_bg.gif);
			background-repeat: no-repeat;
			padding-left: 10px;
			margin-left: 3px;
		}

/* * * * * * * * * * * * * * * * 
* NAVI 
* * * * * * * * * * * * * * * */

#topnavi {
	background-image: url(../gif/topnavi_long-bg.gif);
	background-repeat: no-repeat;
	width: 903px;
	height: 23px;
	top: 68px;
	left: 0px;
	position: absolute;
}
			#topnavi_points {
				width: 675px;
				height: 23px;
				top: 0px;
				left: 28px;
				position: absolute;
			}
			#topnavi_points a {
				color: #2a2a2a;
				margin-left: 37px;
				margin-right: 37px;
			}

			.but_topnavi {
				width: auto;
				height: 23px;
				float: left;
				padding-top: 2px;
			}
			.but_topnavi_active {
				background-image: url(../gif/topnavi_but-active_bg.gif);
				background-repeat: repeat-x;
			}
			#but_topnavi_active a {
				color: #331f00;
				margin-left: 37px;
				margin-right: 37px;
			}
			#topnavi_spacer {
				background-image: url(../gif/topnavi_spacer.gif);
				background-repeat: no-repeat;
				width: 1px;
				height: 23px;
				float: left;
			}


/*
#lang-menu-wrapper {
		background-image: url(../gif/langnavi_bg_temp.gif);
		background-repeat: repeat-y;
		width: 103px;
		height: auto;
		top: 6px;
		left: 764px;
		position: absolute;
		visibility: hidden;
		font-size: 11px;		
}
#lang-menu {
		width: 103px;
		height: auto;
		padding-bottom: 16px;
		text-align: right;
}
#lang-menu {
		background-image: url(../gif/langnavi_bg_bottom.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		width: 100px;
		height: auto;
		padding-bottom: 16px;
		text-align: right;
}
#link-lang-menu {
		width: 103px;
		height: 23px;
		top: 3px;
		left: 787px;
		position: absolute;
		font-size: 11px;
		text-align: right;
		padding-right: 5px;
}
*/


#subnavi {
	width: 898px;
	height: 23px;
	top: 100px;
	left: 30px;
	position: absolute;
	z-index: 2;
}
			#subnavi a {
				margin-left: 9px;
				margin-right: 9px;
				color: #2d2d2d;
			}
			
			#but_subnavi_active a {
				color: #fe9900;
				font-weight: bold;
				text-decoration: none;

			}

			.but_subnavi_1 {
				width: auto;
				height: 16px;
				float: left;
				padding-top: 0px;
				color: #2d2d2d;
				text-align: center;
				border-left: none;
			}
			
			.but_subnavi_m {
				width: auto;
				height: 16px;
				float: left;
				padding-top: 0px;
				color: #2d2d2d;
				text-align: center;
				border-left: 1px solid #a5a5a5;
			}
			
			
			#but_subnavi_active a {
				color: #fe9900;
				font-weight: bold;
				cursor: default;

			}

			.but_subnavi_m a:hover {
				color: #2d2d2d;
				text-decoration: underline;
				font-weight: normal;
			}
			
			.but_subnavi_1 a:hover {
				color: #2d2d2d;
				text-decoration: underline;
				font-weight: normal;
			}



#subsubnavi {
	background-image:  url(../gif/3eb_bg.gif);
	background-repeat: no-repeat;
	width: 636px;
	height: 21px;	
	*height: 31px;
	top: 187px;
	left: 29px;
	position: absolute;
	padding-top: 9px;
	padding-left: 18px;
	z-index: 3;
}
			#subsubnavi a {
				color: #7a7a7a;
			}
			#subsubnavi a:hover {
				color: #000000;
			}
			#but_subsubnavi {
				background-image: url(../gif/3eb_but_bg.gif);
				background-repeat: no-repeat;
				width: auto;
				height: 19px;
				padding-left: 10px;
				float: left;
				text-align: center;
				margin-right: 19px;	
			}			
			#but_subsubnavi_active {
				background-image: url(../gif/3eb_but_bg.gif);
				background-repeat: no-repeat;
				width: auto;
				height: 19px;
				padding-left: 10px;
				float: left;
				text-align: center;
				margin-right: 19px;
			}
			#but_subsubnavi_active a {
				color: #232323;
			}


/* * * * * * * * * * * * * * * * 
* SEITENLAYOUT 1 
* * * * * * * * * * * * * * * */

#contentwrapper1 {
	top: 125px;
	left: 0px;
	position: absolute;
	z-index: 0;
}
			/*
				#content-top1 {
				background-image: url(../gif/content_bg-top_lang.gif);
				background-repeat: no-repeat;
				width: 900px;
				height: 7px;
			}
			******************/
			
			#content1 {
				/* 
				background-image: url(../gif/content_bg_lang.gif);
				background-repeat: repeat-y;
				*/
				width: 705px;
				height: auto;
				left: 1px;
				position: relative;
				/*
				padding-left: 31px;
				padding-right: 30px;	
				padding-top: 30px;
				padding-bottom: 25px;	
				*/
			}


#footer1 {
	background-image: url(../gif/footer_bg.gif);
	background-repeat: no-repeat;
	width: 648px;	
	*width: 705px;
	height: 16px;	
	*height: 18px;
	padding-left: 27px;
	padding-right: 30px;	
	padding-top: 2px;
	font-size: 12px;
	margin-bottom: 40px;
}
#footer1 a {
	color: #663d00;
	margin-right: 21px;
}


/* * * * * * * * * * * * * * * * 
* SEITENLAYOUT 2 
* * * * * * * * * * * * * * * */

#contentwrapper2 {
	top: 125px;
	left: 0px;
	position: absolute;
	z-index: 0;
}
			#content-top2 {
				background-image: url(../gif/content_bg-top_lang.gif);
				background-repeat: no-repeat;
				width: 900px;
				height: 7px;
			}
			#content2 {
				background-image: url(../gif/content_bg_lang.gif);
				background-repeat: repeat-y;
				width: 839px;				
				*width: 900px;
				height: auto;
				padding-left: 31px;
				padding-right: 30px;	
				padding-top: 30px;
				padding-bottom: 25px;	
			}


#footer2 {
	background-image: url(../gif/footer_bg_lang.gif);
	background-repeat: no-repeat;
	width: 839px;	
	*width: 900px;
	height: 16px;	
	*height: 18px;
	padding-left: 27px;
	padding-right: 30px;	
	padding-top: 2px;
	font-size: 12px;
	margin-bottom: 40px;
}
#footer2 a {
	color: #663d00;
	margin-right: 21px;
}


/* * * * * * * * * * * * * * * * 
* SEITENLAYOUT 3 
* * * * * * * * * * * * * * * */

#contentwrapper3 {
	top: 167px;
	left: 1px;
	position: absolute;
	z-index: 0;
}
			#content-top3 {
				/* background-image: url(../gif/content_bg-top_lang.gif);
				background-repeat: no-repeat; */
				width: 900px;
				height: 7px;
			}
			#content3 {
				width: 897px;
				height: auto;
			}

#footer3 {
	background-image: url(../gif/footer_bg_lang.gif);
	background-repeat: no-repeat;
	width: 839px;	
	*width: 900px;
	height: 16px;	
	*height: 18px;
	padding-left: 27px;
	padding-right: 30px;	
	padding-top: 2px;
	font-size: 12px;
	margin-bottom: 40px;
}
#footer3 a {
	color: #663d00;
	margin-right: 21px;
}