/*-----------basic css----------------*/
/* get rid of default margins/paddings */
* {
    padding: 0;
    margin:  0;
}

html {
  height: 100%;
  margin-bottom: 1px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
	color:#888888;
	line-height:160%;	
}

a:link, a:visited{
	color:#ff7800;
	text-decoration:none;
	outline:none;	
}

a:hover{
	color:#29992b;
	text-decoration:none;
	outline:none;	
}

form {
}

img{
	border:none;
}

input{
	outline:none;
}

.clear{
	clear:both;
}

p{

}

h1{
	font-size:24px;
}

h2{
	font-size:18px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
}

h5{
	font-size:12px;
}

h6{
}

small{
}

strong{
}

ul{
	list-style: none;
}
ul li{
}

ol li{
}


/*-------site element style------*/
.highlight {
	background-color: #fffebb;
}

.inputbox{
	width:188px;
	height:20px;
	padding-top:5px;
	border:none;
	background:#fff url(../images/inputbox.jpg) 0 0 no-repeat;
}

textarea,
textarea#contact_text{
	width:188px;
	height:87px;
	padding:5px 0;
	border:none;	
	background:#fff url(../images/textarea.jpg) 0 0 no-repeat;
}

button,
.button {
	width:119px;
	height:31px;
	color:#717171;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
	border:none;	
	background:#fff url(../images/button.jpg) 0 0 no-repeat;	
	cursor:pointer;	
	letter-spacing:-0.5px;
}

button:hover,
.button:hover {
	color:#fff;
	background:#fff url(../images/button-hover.jpg) 0 0 no-repeat;	
}

.btn{	
	display:inline-block;
	margin:0 30px;
	padding-top:0!important;
	padding-bottom:0!important;
	color:#fff;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	letter-spacing:-0.5px;		
}

.btn a:link,
.btn a:visited,
.btn a:hover{
	color:#fff;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:-0.5px;
}

.orange-s,
.green-s{
	width:119px;
	height:30px;
	line-height:30px;
	text-align:center;
}

.green-s{
	background:#f9f9f9 url(../images/button-hover.jpg) 0 0 no-repeat;
}

.orange-s{
}

.orange-m,
.green-m{
	width:145px;
	height:30px;
	line-height:30px;
	text-align:center;
}

.green-m{
	background:#f9f9f9 url(../images/btn-green-m.jpg) 0 0 no-repeat;
}

a.green-m:hover,
.green-m:hover,
.orange-m{
	background:#f9f9f9 url(../images/btn-orange-m.jpg) 0 0 no-repeat;
}

.orange-l,
.green-l{
	width:155px;
	height:43px;
	padding-left:46px !important;
	line-height:43px;
}

.green-l{
	background:#f9f9f9 url(../images/btn-green-l.jpg) 0 0 no-repeat;
}

.orange-l{
	background:#f9f9f9 url(../images/btn-orange-l.jpg) 0 0 no-repeat;
}

a.green-l:hover,
.green-l:hover{
	background:#f9f9f9 url(../images/btn-green-l-hover.jpg) 0 0 no-repeat;
}

a.orange-l:hover,
.orange-l:hover{
	background:#f9f9f9 url(../images/btn-orange-l-hover.jpg) 0 0 no-repeat;
}

#content-inner #system-message ul li{
	background:none;
}

	/* modal pop up */
#sbox-content iframe{
	overflow:hidden;
}

/*-------layout------*/
body#page_bg{
	background:#f9f9f9 url(../images/page_bg.jpg) 0 0 repeat-x;
}

.wrapper{
	width:960px;
	margin:0px auto;
	padding:0;
	height:100%;
	position:relative;
}


/*-------header------*/
#header{
	width:100%;
	height:130px;
}

#logo{
	float:left;
	padding:25px 0 0 10px;
	width:362px;
	height:103px;
}

#logo a{
	display:block;
	width:362px;
	height:103px;
	background:url(../images/logo.png) center no-repeat;
}

#logo a.logo-it{
	display:block;
	width:362px;
	height:103px;
	background:url(../images/logo-it.png) center no-repeat;
}

#logo a.logo-de{
	display:block;
	width:362px;
	height:103px;
	background:url(../images/logo-de.png) center no-repeat;
}

#logo a.logo-en{
	display:block;
	width:362px;
	height:103px;
	background:url(../images/logo-en.png) center no-repeat;
}

#lang{
	position: absolute;
	color:#808080;
	font-size:10px;
	text-transform:uppercase;
	padding: 10px 0 0 0;
	left: 355px;
}

#lang ul{
	list-style:none;
}

#lang ul li{
	float:left;
}

#lang ul li a,
#lang ul li a:visited{
	color:#808080;
	text-transform:uppercase;
	padding:0 5px;	
}

#lang ul li#active_language a,
#lang ul li a:hover{
	color:#dddddd;
}


	/* main menu */
	
/*	
#fancymenu{
	float:right;
	width:580px;
	height:30px;
	padding-top:35px;
}

#fancymenu table{
	float:right;
}

#fancymenu ul{
	list-style:none;
}

#fancymenu ul li{
	float:left;
}

#fancymenu ul li a,
#fancymenu ul li a:visited{
	display:block;
	font-size:16px; 
	color:#bebebe;
	padding:0 0 0 15px;
	line-height:30px;
	margin:0 0 0 20px;	
}

#fancymenu li a span{
	display:block;
	padding:0 15px 0 0;
	line-height:30px	
}

#fancymenu ul li:hover a,
#fancymenu ul li.sfhover a,
#fancymenu ul li.active a{
	color:#fff;
	text-decoration:none;
	background:url(../images/level1-bgleft.png) top left no-repeat;		
}

#fancymenu ul li:hover span,
#fancymenu ul li.sfhover span,
#fancymenu ul li.active span{
	color:#fff;
	background:url(../images/level1-bgright.png) top right no-repeat;		
}
*/

/*-------FANCY MENU start-------*/ 
#mainmenu{
	float:right;
	width:580px;
	height:30px;
	padding-top: 65px;
}

#fancymenu {
	float:right;
	height:30px;
	position: relative;
	z-index:999;	
}

#fancy .moduletable_menu{
	float:right;
}
 
#fancymenu ul {
	list-style: none;
	width:580px;
}
 
/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
	float: left;
	/* margin:0 20px 0 0; */
	margin:0;
}
 
#fancymenu ul li a,
#fancymenu ul li a:visited{
	display: block;
	color:#bebebe;
	font-size:16px; 
	line-height:30px;
	padding:0 0 0 12px;
	width:84px;
	position: relative;
	z-index: 10;  
	overflow: hidden;
	text-align:center;
}

#fancymenu ul li a:active,
#fancymenu ul li:hover a,
#fancymenu ul li.active a{
/*	text-shadow:#888 1px 1px 1px;*/
	color:#fff;
	text-decoration:none;
}

#fancymenu li a span{
	display:block;
	padding:0 10px 0 0;
	line-height:30px	
}

/*
#fancymenu ul li:hover a, */
#fancymenu ul li.active a,
#fancymenu ul.normalmenu li:hover a,
#fancymenu ul.normalmenu li:hover li:hover a{
	background:url(../images/level1-bgleft.png) top left no-repeat;	
}

/*
#fancymenu ul li:hover span, */
#fancymenu ul li.active span,
#fancymenu ul.normalmenu li:hover span,
#fancymenu ul.normalmenu li:hover li:hover span{
	color:#fff;
	background:url(../images/level1-bgright.png) top right no-repeat;		
}

#fancymenu li.background {
	position: absolute;
	visibility: hidden;
	z-index: 8;	
	background: url(../images/level1-bgleft.png) no-repeat top left !important;
	background: url(../images/level1-bgleft.png) no-repeat top left;
	padding-left:15px;
	width:92px !important;
	text-align:center;
}
 
#fancymenu .background .left {
	background: url(../images/level1-bgright.png) no-repeat top right !important;
	background: url(../images/level1-bgright.png) no-repeat top right;
	height: 30px;
	margin-right: 10px; /* 15px is the width of the rounded shape */
}
/*-------FANCY MENU end-------*/ 


	/* css for fancymenu sublevel */	
	#fancymenu ul li ul,
	#fancymenu ul li:hover ul, #fancymenu ul li.sfhover ul,
	#fancymenu ul li:hover ul ul, #fancymenu ul li.sfhover ul ul{
		position:absolute;
		left:-999em; 
	}
	
	#fancymenu ul li:hover ul, #fancymenu ul li.sfhover ul,
	#fancymenu ul li li:hover ul, #fancymenu ul li li.sfhover ul{
		position:absolute;
		left:auto;		
	}

	#fancymenu ul ul{
		padding-top:5px;	
	}
			
	#fancymenu ul ul li{
		float:none;
		padding-bottom:0px;			
	}
	
	#fancymenu ul li.active li a,
	#fancymenu ul ul li a,
	#fancymenu ul ul li a:visited,
	#fancymenu ul.normalmenu li:hover li a{
		color:#bebebe;
			
		background:url(../images/level2-bgleft.png) top left no-repeat;	
	}
	
	#fancymenu ul li.active li span,	
	#fancymenu ul ul li a span,
	#fancymenu ul.normalmenu li:hover li span{
		color:#bebebe;		
		background:url(../images/level2-bgright.png) top right no-repeat;		
	}	
	
	#fancymenu ul ul li a:hover{
		color:#fff;
		background:url(../images/level1-bgleft.png) top left no-repeat;	
	}

	#fancymenu ul ul li a:hover span{
		color:#fff;
	/*	text-shadow:#888 1px 1px 1px;	*/
		background:url(../images/level1-bgright.png) top right no-repeat;		
	}

/*-------slide------*/
#slideshow{
	width:940px;
	height:316px;
	color:#E5E5E5;
	padding-bottom:10px;
	
	position:relative;
	z-index:100;
	overflow:hidden;	
}

.jnpContent .slide-img{
	float:left;
	width:532px;
	height:100%;
	overflow:hidden;
}

.jnpContent .slide-desc{
	float:right;
	width:328px;
	height:276px;
	padding:40px 40px 0 40px;
	overflow:hidden;
	background:#1d1d1d;
}

.jnpContent .slide-desc h3,
.jnpContent .slide-desc .slide-title {
	color:#FF7800;
	font-size:24px;
	font-weight:normal;
	padding:0 0 15px;
}

.jnpContent .slide-desc h2 {
	color:#E5E5E5;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 15px;
}

.jnpContent a.readon,
.jnpContent a.readon:visited{
	display:block;
	float:right;
	width:145px;		
	height:30px;	
	font-size:10px;
	color:#FFFFFF;
	letter-spacing:-0.5px;
	line-height:30px;
	margin-top:10px;
	text-align:center;
	text-transform:uppercase;
	background:url(../images/topsl-readon.png) no-repeat scroll left bottom;
}

.jnpContent a.readon:hover{
	background:url(../images/topsl-readon-hover.png) no-repeat scroll left bottom;
}

/*-------user2------*/
#user2{
	width:100%;
	height:100%;
}

#user2 .moduletable{
	float:left;
	height:100%;
	/* width and padding is set in html/modules.php file */
}

#user2 h3{
	color:#ff7800;
	font-size:16px;
	padding:0 0 5px 90px;
	text-transform:uppercase;
}

#user2 img{
	float:left;
	padding-right:10px;
	margin-top:-20px;
}

#user2 .readon{
	float:right;
	padding-top:5px;
}

/*-------breadcrumb------*/
#breadcrumb-outer{
	width:100%;
	height:100%;
	float:left;
	padding-bottom:15px;
}

#breadcrumb{
	float:left;
	font-size:11px;	
	line-height:20px;
	padding-left:20px;
	background:url(../images/breadcrumb_bg.jpg) 0 0 no-repeat;	
}

#breadcrumb h3{
	font-size:11px;
	float:left;
	padding-right:25px;
	background:url(../images/arrow.png) center right no-repeat;	
}

#breadcrumb span{
}

#breadcrumb img,
#breadcrumb a{
	float:left;
}

#breadcrumb a,
#breadcrumb a:visited{
	color:#888888;
	font-weight:bold;
}	

#breadcrumb a:hover{
}

#breadcrumb img{
	margin-top:6px;
}

#user1{
	float:right;
}

#user1 img{
	padding:0 2px;
}


/*-------content------*/
#content-bgtop{
	width:100%;
	height:10px;
	background:url(../images/content-bgtop.png) top center no-repeat;
}

#content-bgbot{
	width:100%;
	height:10px;
	background:url(../images/content-bgbot.png) bottom center no-repeat;
	position:relative;
	z-index:10;	
}

#content-outer{
	width:940px;
	padding:0 9px 10px 9px;
	height:100%;
	background:#fff;
	border-left:1px solid #EAEAEA;
	border-right:1px solid #EAEAEA;	
}

#content-home{
	float:left;
	width:100%;
	height:100%;
	font-size:11px;
	padding:30px 0;
}

#content-inner{
	float:left;
	height:100%;
	padding:0 0 30px 0;
}

.onlyleft{
	width:690px;
}

.onlyright{
	width:610px;
}

.threecol{
	width:510px;
}

.full{
	width:100%;
}

	.contentheading,
	a.contentpagetitle{
		color:#ff7800;
		font-size:24px;
		font-weight:bold;
		padding:0;
	}


	.componentheading{
		color:#bebebe;
		font-size:34px;
		font-weight:bold;		
		padding:10px 0 30px;
	}
	
	.small, .createdate, .modifydate{
		color:#8E0B17;
		font-size:11px;
		font-style:italic;
	}
	
	table.blog .article_separator{
		display:block;
		height:10px;
		margin:10px 0;
		border:none;
	}

	table.contentpaneopen {
		width: 100%;	
	}
	
	#content-inner a.readon,
	#content-inner a.readon:visited{
		float:right;
		width:145px;
		height:30px;
		line-height:30px;
		color:#717171;
		font-size:10px;
		text-align:center;
		text-transform:uppercase;
		background:url(../images/readon.jpg) left center no-repeat;	
	}

	#content-inner a.readon:hover{
		color:#fff;
		background:url(../images/readon-hover.jpg) left center no-repeat;			
	}		
		
	.sectiontableheader {
	  background: #f4f4f4;
	  color: #333;
	  font-weight: bold;
	  padding: 3px;
	  border-right:1px solid #fff;
	}
	
	tr.sectiontableentry1 td{
	  padding: 3px;
	}
	
	tr.sectiontableentry2 td{
	  padding: 3px;
	  background:#efefef;
	}
	
	#content-inner p{
		padding:10px 0;
	}
	
	#content-inner p img{
		float:left;
		display:inline;
		padding:5px;
		margin:0 10px 0 0;
		background:#f4f4f4;
		border:1px solid #b9b9b9;
	}	
	
	#content-inner ul{
		padding:10px 0 10px 30px;
	}	
	
	#content-inner ul li{
		padding:0 0 0 15px;
		background:url(../images/content_li.jpg) left 5px no-repeat;
	}
	
/*-------left------*/
#left{
	float:left;
	font-size:11px;
}

/*-------right------*/
#right{
	float:left;
	font-size:11px;	
	width:280px;
	padding-left:50px;
}

#right .moduletable,
#right .moduletable-search,
#right .moduletable-quote,
#right .moduletable-partner{
	float:left;
	clear:both;
	width:100%;	
	height:100%;
	padding-bottom:30px;
}


#right .moduletable-search{

}

#right .moduletable-search h3{
	float:left;
	font-size:11px;
	font-weight:normal;
	padding:5px 0 0;
}

.search-search .inputbox-search{
	float:right;
	width:188px;
	height:20px;
	padding-top:5px;
	border:none;
	background:url(../images/search_bg.jpg) center top no-repeat;
}

.search-search .button-search{

}

#right .moduletable h3,
#right .moduletable-quote h3,
#right .moduletable-partner h3{
	font-size:16px;
	color:#ff7800;
	text-transform:uppercase;
}

blockquote{
	font-style:italic;
	padding-left:40px;
	background:url(../images/quote.jpg) 0 0 no-repeat;
}

#right .moduletable-quote{
	padding-bottom:40px;
	background:url(../images/quote.jpg) 0 40px no-repeat;
	position:relative;
}

.contentpaneopen-quote{
	float:right;
	padding:5px 0 0 40px;
}

.contentheading-quote{
	font-weight:bold;
	text-align:right;
	position:absolute;
	right:0;
	bottom:25px;
}

.contentheading-quote h1{
	font-size: 18px;
}

#right .moduletable-partner{

}

#right .moduletable-partner h3{
	padding-bottom:10px;
}

#right .moduletable-partner img{
	display:block;
	margin:10px auto;
}

.rapid_contact .button{
	float:right;
	width:119px!important;
}

.rapid_contact table{
	width:100%;
}

.rapid_contact table td{
	padding:5px 0;
}

.rapid_contact table .inputbox,
.rapid_contact table .button,
.rapid_contact table .textarea{
	float:right;
}

/*-------footer------*/
#footer{
	float:left;
	width:100%;
	height:57px;
	padding-top:10px;
	color:#ababab;
	font-size:10px;
	text-transform:uppercase;
	background:url(../images/footer_bg.jpg) top center no-repeat;
	
	position:relative;
}

#footer table.moduletable-left,
#copyright{
	float:left;
}

#footer table.moduletable-right,
#footermenu,
#footermenu table{
	float:right;
	/*padding-right:60px;*/
	border:none;
}

#footer table.moduletable-logo,
#footerlogo{
	float:right;
	
	position:absolute;
	right:-15px;
	top:-10px;
}

#footer a,
#footer a:visited{
	color:#808080;
	padding:0 5px;
}

#footer a:hover{
	color:#ababab;
}

#footermenu  ul{
	list-style:none;
}

#footermenu  ul li{
	float:left;
}

/*-------bottom------*/
#bottom{
	float:left;
	width:100%;
	height:56px;
	color:#c5c5c5;
	font-size:11px;	
	margin-top:20px;
	background:url(../images/bottom-bg.jpg) 0 0 repeat-x;
	
	position:relative;
}

#bottom-logo{
	float:left;
	width:147px;	
	height:56px;
}

#bottom-logo img{
	width:147px;
	height:45px;
	margin-top:11px;	
}

#bottom-logo a {
	display:block;
	width:147px;	
	height:56px;
	vertical-align:bottom;
	background:transparent url(../images/bottom-logo.png) bottom left no-repeat ;
}

#bottom-anchor{
	float:right;
	text-align:right;
	padding-top:3px;
}

#bottom-anchor span{
	float:right;
}

#bottom-anchor a{
	float:right;
	display:block;
	height:44px;
	width:37px;
	margin-top:-12px;
	background:url(../images/bottom-anchor.png) 0 0 no-repeat;
}

/* top flash and left flash */
#topflash{
	float:right;
	position:absolute;
	/*top:-25px;*/
	right:0;
	z-index:9999;
}

#leftflash{
	position:absolute;
	/*left:-40px;*/
	top:180px;
	z-index:9999;
}

/*-------module general & specify sfx, mod, com------*/

.angebotbox {
	padding: 0;
}

#popup {
	border: 0;
	box-shadow: 0 1px 5px #DAD4C2;
	-webkit-box-shadow: 0 1px 5px #DAD4C2;
	-moz-box-shadow: 0 1px 5px #DAD4C2;
}
/*Testimonial*/
#user2{
	float:left;
	width:650px;
}
#user2 .moduletable{
	padding-bottom:40px;
}

#user3{
	float:right;
	width:29%;
}
#user3 .moduletable{
	padding-right:7px;
}
#user3 h3{
	color:#ff7800;
	font-size:16px;
	padding:0 0 5px 0px;
	text-transform:uppercase;
}
div.testimonial{
	background:url(../images/quote.jpg) no-repeat scroll 0 10px;
	position:relative;
	padding-left:35px;
	padding-top:10px;
}
div.testimonial .titleTest{
	font-size:13px;
	color:#888;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}