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


/*

	htm Gold:	default:	#ae9553
				thin:		#c1ae67
				hover:		#655630
	
	Dark gray:	 #53534d
	

*/


/*


#site {
	background-color: #FFCC00;
}
#site-wrapper {
	background-color: #FFCC00;
}
#content-wrapper {
	background-color: #CCFF00;
}
#testimonial {
	background-color: #FF3300;
}

#sidebar-wrapper {
	background-color: #99FF00;	
}



/* 
.hot-news .post-featured-image {
	background-color: #FFCC00;
}

.hot-news .post-content {
	background-color: #FFFF99;
}

.hot-news h3 {
	background-color: #99FF66;
}
#footer-wrapper {
	background-color: #00CC99;
}

*/


#site-wrapper {
	width: 910px;
	margin: 0 auto;
}





/************************************************************************
 *** Header ***
 ************************************************************************/

#header * {
	margin: 0;
	padding: 0;
	
	border: 0;
	background: none;
}

#header {
	position: relative;
	padding-top: 140px;
}



/*
 *** HTM-Logo (h1) ***
 */

h1#logo span {
	display: none;
}

h1#logo a {
	width: 370px;
	height: 94px;
	
	position: absolute;
	top: 28px;
	left: -20px;
	
	display: block;
	
	background-image: url(../images/logo_htm.gif);
	background-position: top left;
	background-repeat: no-repeat;
}



/*
 *** Kontaktinfo und E-Mail-Link ***
 */

#contact {
	position: absolute;
	top: 70px;
	right: 10px;
}

#contact li {
	color: #ae9553;
	
	font-style: italic;
	font-weight: normal;
	
	line-height: 100%;
}

#contact li.phone {
	font-size: 1.8em;
	line-height: 1.4em;
	
	padding-left: 22px;
	
	background-image: url(../images/icon_28px_phone.png);
	background-position: 0 -4px;
	background-repeat: no-repeat;
}

#contact li.mail {
	color: #ae9553;
	
	text-decoration: none;
	
	font-size: 1.2em;
	line-height: 1.2em;
	
	padding: 0 0 0 24px; 	/* 20px + 2px because of the 2px offsetLeft (sifr3) */
}



/*
 *** Slideshow ***
 */

#header-slideshow {
	width: 900px;
	height: 300px;
	
	position: relative;
	
	display: block;
	overflow: hidden;
	
	margin: 0 5px 8px 5px;
	padding: 8px 0;

	border-bottom: #c1ae67 solid 1px;
}

#header-slideshow ul li.slideshow-item {
	position: absolute;
	top: 8px;
	left: 0;
}

#header-slideshow p span {
	display: none;
}

#header-slideshow p {
	width: 100%;
	height: 300px;
	
	margin-left: 604px;
	
	display: block;
	
	position: relative;
	
	font-size: 1.0em;
	
	background-image: url(../images/your_needs_our_challange.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
}



.slideshow-item {
	visibility: hidden;
}

.slideshow-current-item {
	visibility: visible;
}



/************************************************************************
 *** Content ***
 ************************************************************************/

#content-wrapper {
	width: 900px;
	margin: 0 5px;
}

#main-content-wrapper {
	width: 596px;	/* 600px - 4px; */
	
	position: relative;
	float: left;
	
	margin-right: 4px;
		
	display: block;
}

#sidebar-wrapper {
	width: 296px;	/* 300px - 4px; */
	
	position: relative;
	float: right;
	
	margin-left: 4px;
	
	display: block;
}

#main-content,
#sidebar {
	padding: 2.4em 4px;
	
	overflow: hidden;
}



/*
 *** Searchform ***
 */

#searchform p {
	margin: 0;
	padding: 0;
}

#searchform label span {
	display: none;
}

#searchform label {
	width: 26px;
	height: 26px;
	
	display: none;
}

#searchform input.input {
	width: 160px;
	display: block;
	float: left;

	color: #ae9553;
	font-style: italic;
	font-size: 12px;
	line-height: 1;
	
	padding: 6px 8px 6px 28px;
	
	background-image: url(../images/icon_20px_magnifier.png);
	background-position: 3px center;
	background-repeat: no-repeat;
	
	border: #c1ae67 solid 1px;
}

#searchform input.submit {
	display: block;
	float: left;
	
	color: #ae9553;
	font-style: italic;
	font-size: 12px;
	line-height: 12px;
	
	vertical-align: middle;
	padding: 6px 0 6px 8px;
	
	background-color: #FFFFFF;	
}

#searchform input.submit {
	height: 26px;
	
	text-decoration: underline;

	cursor: pointer;

	border: 0;
	
	padding-left: 8px;
}

#searchform input.submit:hover {
	color: #655630;
}



/*
 *** The box ***
 */
 
 
/* Reset defind global list-styles for boxes */

#content .box li,
#content .box ul {
	font-size: 100%;
	padding: 0;
	
	border: 0;
	background: none;
}


#content .box {
	width: 296px;
	
	background-image: url(../images/box_1column_middle_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-y;
	
	position: relative;
	
	margin-left: -2px;
}

#content .box * {
	position: relative;
}

#content .box h4.handle {
	top: 0;
	position: absolute;
	
	margin: 0;
	padding: 0;
}

#content .box .inside {
	padding: 64px 18px 8px 18px; 	/* top: 48px + 16px; left/right: 16px + 2px shadow */
	
	background-image: url(../images/box_1column_top.jpg);
	background-position: 0px 48px;
	background-repeat: no-repeat;
}

#content .box .bottom {
	height: 8px;
	margin-top: -8px;
	
	background-image: url(../images/box_1column_bottom_cap.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}



/* 
 * Styling unorderd lists in boxes
 */

#content .box li,
#content .box li a {
	color: #ffffff;
	text-decoration: none;
}

#content .box li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#content .box li small {
	color: #e3d8b1;
	font-size: 100%;
}

#content .box li {
	color: #ffffff;
	
	font-size: 1.2em;
	font-style: italic;
	
	line-height: 1.4em;
	
	position: relative;
	
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	
	background-image: url(../images/line_bg.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	/*border-bottom: solid 1px #e3d8b1;*/
}

#content .box li.last {
	background-image: none;
	
	padding-bottom: 0;
	margin-bottom: 0;
	
	border: 0;
}


/************************************************************************
 *** Services/Fleet Content ***
 ************************************************************************/
 /*
 .services .post-list,
 .fleet .post-list {
 	width: 300px;
	float: left;
 }
*/



/************************************************************************
 *** Sidebar ***
 ************************************************************************/

.sidebar-item {
	margin-bottom: 24px;
	padding: 0 0 0 4px;
}



/*
 *** #feeds ***
 */

#feeds {
	display: none;
}

#feeds a.feed  {
	height: 28px;
	
	display: block;
	
	background-image: url( ../images/icon_28px_rss.png );
	background-position: top left;
	background-repeat: no-repeat;
	
	padding-left: 32px;	
	line-height: 28px;
}






/*
 *** Box: Last news (sidebar) ***
 */

#sidebar .box {
	margin-left: -8px;
}

#sidebar #recent-news h4 span {
	display: none;
}

#sidebar #recent-news h4 {
	width: 296px;
	height: 48px;
	
	display: block;
	
	background-image: url(../images/de_box_h4_hot_news.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.lang-de #sidebar #recent-news h4 {
	background-image: url(../images/de_box_h4_hot_news.jpg);
}

.lang-en #sidebar #recent-news h4 {
	background-image: url(../images/en_box_h4_hot_news.jpg);
}






#recent-news p.more-news {
	width: 28px;
	height: 28px;
	
	display: block;
		
	position: absolute;
	top: 14px;
	right: 13px;
}

#recent-news p.more-news a {
	width: 28px;
	height: 28px;
	
	display: block;
	text-indent: -9999px;
	
	background-image: url(../images/button_box_more.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#recent-news p.more-news a:hover {
	background-position: bottom left;
}









/************************************************************************
 *** Posts ***
 ************************************************************************/

.page,
.post {
	padding-right: 5% !important;
}

.page.two-columns {
	padding: 0 !important;
}

.one-column,
.two-columns {
	padding: 0 !important;
}

.one-column .column {
	width: 95%;

	padding-right: 2.5% !important;
}

.two-columns .column {
	width: 45%;
	float: left;
	
	padding-right: 5% !important;
}


.three-columns .column {
	width: 296px;
	float: left;
	
	padding-right: 5% !important;
}


/*
 *** Special contents
 */
 
.services #main-content-wrapper,
.fleet #main-content-wrapper,
.gallery #main-content-wrapper,
.images #main-content-wrapper {
	width: 900px;	/* 900px */
	
	position: relative;
	float: left;
		
	display: block;
}


.post-list-item .post-featured-image  {
	margin: 0 0 1.6em 0;
}

.post-list-item .entry  {
	padding-right: 5%;
}



/*
 *** Post lists: General ***
 */
 
.post-list-item {
	float: left;
}

.post-list .first {
	clear: both;
}

.post-list .last {}



/*
 *** Post lists: Services + fleet + ... ***
 */
 

.post-list {
	width: 900px;
	margin-left: -4px;
}

.post-list-item {
	width: 281px;
	margin: 0 0 2.4em 0;	
	padding: 0 12px;
}

.post-list .first {
	padding-left: 4px;
}

.post-list .last {
	padding-right: 4px;
	margin-right: 0;
}

.post-list-item h3 {
	margin: 0 0 0.2em 0 !important
}





/************************************************************************
 *** Footer ***
 ************************************************************************/

#footer-wrapper {
	width: 900px;
	
	margin: 0 5px;
	
	position: relative;
	
	border-top: #c1ae67 solid 1px;
}

#footer {
	margin: 0 !important;
	padding: 8px 4px 5.0em 4px;
	
	color: #53534d;
	font-style: italic;
}

#footer p {
	margin: 0	!important;
	padding: 0	!important;
}


ul#additional-mailmenu {
	height: 0;
	position: absolute;
	
	top: 8px;
	right: -0.8em;
	
	padding-right: 4px;
}

#additional-mailmenu li {
	float: left;
	
	font-size: 1.2em;
	padding: 0 0.8em;
}

#additional-mailmenu li a {
	text-decoration: none;
	text-transform: lowercase;
}


