/* @override http://wrf-intern.devel/wrf_redesign/karsten/trunk/assets/templates/wrf/style.css */

/*==================================================
Stylesheet fuer die Browserausgabe
(www.webraumfahrer.com)
(c) 2008 by webraumfahrer.com>
==================================================*/ 

body { 
	margin: 0 0 40px 0;
	padding: 0;
	font: 12px Arial, Tahoma, sans-serif;
	text-align: left;
	color: #555;
	background: #fff url(images/bg.jpg) repeat-x left top;
	}


/* color: #859db5; standarts 
------------------------------------------------*/

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #fc7e1c;
	margin: 0 0 25px 0;
	}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #fc7e1c;
	}


h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	margin-top: 20px;
	}

h4 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #333;
	margin: 20px 0 0 0;
	padding: 0;
	}


img {
	border: none;
	}


p {
	margin: 4px 0 10px 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.3em;
	letter-spacing: 0;
	}

.clickable {
	cursor: pointer;
	}


/* links 
---------------------------------------------------------*/
a {
	color: #fc7e1c;
	text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		}

	a:veseted {
		text-decoration: none;
		}


.spacer hr {
	margin: 30px 0;
	border: 0;
	background: #ece9e4;
	height: 1px;
	}


hr {
	border: 0;
	border-bottom: 1px solid #ece9e4;
	height: 2px;
	background-color: #fff;
	margin: 20px 0;
	padding: 0;
	}


/* wrapper 
------------------------------------------------*/

#wrapper {
	position: relative;
  	margin: 0 auto;
  	padding: 0;
  	width: 1000px;
  	}



	/* header 
	------------------------------------------------*/
	
	#header {
	  	position: relative;
	  	margin: 0 auto;
	  	padding: 0;
	  	width:  1000px;
	  	height: 140px;
		color: #C3EAFB;
		}


	/* ajaxsearch 
	------------------------------------------------*/
	#ajaxsearch {
		position: absolute;
		width: 310px;
		height: 34px;
		right: 0;
		top: 13px;
		}

		#ajaxSearch_input {
  			margin: 0 5px 0 0;
  			padding: 0;
  			width: 197px;
  			}
  			
 		* html #ajaxSearch_input {
  			margin: 0 5px 0;
  			padding: 3px;
  			width: 197px;
  			}

		#ajaxSearch_submit {
  			padding: 0;
  			margin: 0;
  			width: 88px;
  			height: 28px;
  			border: 0;
  			background: url(images/button.jpg) no-repeat left;
  			}

		* html #ajaxSearch_submit {
  			height: 28px;
  			}

		.ajaxSearch_result {
			margin: 25px 0;
			font-size: 1.2em;
			}

		.ajaxSearch_extract {
			font-size: 0.9em;
			color: #555;
			}

		.ajaxSearch_resultsInfo {
			font-size: 16px;
			font-weight: bold;
			color: #3686BF;
			}

		
		.ajaxSearch_highlight {
			font-size: 1.1em;
			font-weight: normal;
			color: #333;
			background-color: #8CC6FF;
			}


	/* logo 
	------------------------------------------------*/
	#logo {
		_display: inline;
		width: 320px;
		height: 90px;
		float: left;
		margin: 0 0 0 12px;
		}


	/* main navigation 
	------------------------------------------------*/
	#mainnavi {
		position: absolute;
		width: auto;
		height: 29px;
		right: 0;
		top: 89px;
		}

		.topnav {
			margin: 0;
			padding: 0;
			}

		
			.topnav li {
				float: left;
				height: 29px;
				margin: 0;
				padding: 0;
				list-style: none;
				}
			
			.topnav li a {
				display: block;
				_float: left;
				height: 29px;
				line-height: 29px;
				text-decoration: none;
				color: #555;
				padding: 0 8px;
				font-size: 13px;
				font-weight: bold;
				}
			
				.topnav li a:hover {
					color: #fff;
					text-decoration: none;
					background: #fb8212 url(images/hover.jpg) repeat-x;
					}

				.topnav li a.current {
					padding: 0 8px;
					font-size: 13px;
					font-weight: bold;
					color: #fff;
					text-decoration: none;
					background: #fb8212 url(images/hover.jpg) repeat-x;
					}


	/* banner 
	------------------------------------------------*/
	#banner {
		position: relative;
	  	width: 100%;
		height: 162px;
	  	margin: 0;
		padding: 0;
		background: url(images/slider-bg.png) no-repeat 50% 20%;
		}

	#banner .carousel
	{
		_display: inline;
		float: left;
		height: 138px;
		margin: 4px 0 0 178px;
		padding: 0;
		overflow: hidden;
	}
	
		.carousel ul { list-style-type: none; margin: 0; width: 5000px; padding: 0; }
		.carousel li { display: inline; }

		#banner .carousel .carouselBody
		{
			height: 138px;
			margin: 0 auto;
			padding: 0;
		}
		
		#banner .carousel .carouselBody li
		{
			_display: inline;
			float: left;
			width: 212px;
			height: 138px;
			margin: 0;
			padding: 2px 0 0 3px;
			list-style: none;
			background: url(images/slide_image_bg.png) no-repeat;
			_background: none;
		}
		
		#banner .carousel .carouselBody li a
		{
			display: block;
			width: 206px;
			height: 138px;
		}
		
		#banner .carousel a.btnPrevious
		{
			display: block;
			position: absolute;
			left: 155px;
			top: 60px;
			width: 12px;
			height: 23px;
			background: url(images/show-right.png) no-repeat 0 0;
			_background: url(images/show-right.gif) no-repeat 0 0;
			z-index: 10;
		}

		#banner .carousel a.btnNext
		{
			display: block;
			position: absolute;
			right: 155px;
			top: 60px;
			width: 12px;
			height: 23px;
			background: url(images/show-left.png) no-repeat 0 0;
			_background: url(images/show-left.gif) no-repeat 0 0;
			z-index: 10;
		}


	#site-description {
		_display: inline;
		float: right;
		margin: 16px 0 0 0;
		padding: 0;
		width: 145px;
		height: 125px;
		}
	
		#site-description p
		{
		font-size: 18px;
		line-height: 1.4em;
		color: #fff;
		}



	/* left navigation 
	------------------------------------------------*/
	#leftbox {
		position: absolute;
		top: 370px;
		left: -18px;
		width: 230px;
		z-index: 2;
		}

		#leftbox .menu-header
		{
			width: 230px;
			height: 18px;
			margin: 0;
			padding: 0;
			background: url(images/menu-header.jpg) no-repeat top;
		}

		.leftnavi {
					margin: 0;
					padding: 15px 0 0 25px;
					background: #fff url(images/menu-bg.jpg) repeat-y left;
					z-index: 2;
					}

		.leftnavi li {
					display: block;
					width: 190px;
					margin: 0;
					padding: 0;
					line-height: 2.1em;
					list-style: none;
					}

		.leftnavi li ul {
					margin: 0;
					padding: 0 0 0 18px;
					}

		.leftnavi li ul li {
					margin: 5px 0;
					}

		.leftnavi li a {
					text-decoration: none;
					color: #555;
					font-size: 12px;
					font-weight: bold;
					padding: 0 0 0 5px;
					border-left: 3px solid #fff;
					}

		.leftnavi li a:hover {
					color: #fc7e1c;
					padding: 0 0 0 5px;
					border-left: 3px solid #fc7e1c;
					}

		.leftnavi li a.current {
					color: #fc7e1c;
					padding: 0 0 0 5px;
					border-left: 3px solid #fc7e1c;
					}


		.sideboxlist li {
			margin: 0 0 8px 0px;
			padding: 0;
			}

	#leftbox .menu-footer {
		width: 230px;
		height: 32px;
		margin: ;
		padding: 0;
		background: url(images/menu_footer.jpg) no-repeat bottom;
		}


/* container  
---------------------------------------------------------*/
#container
{
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(images/content_bg.jpg) repeat-y 162px 0;
}



	/* main content 
	------------------------------------------------*/
	#content {
		_display: inline;
		float: left;
		margin: 0 0 40px 140px;
  		padding: 0 10px;
  		width: 565px;
  		background: url(images/container_bg_top.jpg) no-repeat top right;
		}

		#inhalt {
			width: 445px;
			min-height: 300px;
			_height: 300px;
			margin: 0 0 0 85px;
			padding: 58px 0;
			text-align: left;
			font-size: 12px;
			}

		#inhalt ul li,
		#inhalt ol li {
			letter-spacing: normal;
			}
			
		#inhalt ol li {
			line-height: 1.7em;
			}
	
	/* Glossar*/
	.dictionary
	{
		background-color: #FBFBFB;
		border-bottom: 1px solid #ccc;
		height: 22px;
		list-style-type: none;
		margin: 0 0 20px 0;
		padding: 0;
		width: 456px;
	}

		.dictionary li
		{
		float: left;
		display: block;
		border: 1px solid #ccc;
		border-bottom: 0;
		line-height: 1.7em;
		margin: 1px 1px 0 0;
		padding: 0 4px;
		background-color: #EEE;
		}

		.dictionary li:hover
		{
		border-bottom: 1px solid #FFF;
		background-color: #FFF;
		}

		.dictionary li.current
		{
		border-bottom: 1px solid #FFF;
		background-color: #FFF;
		}

		.dictionary li a
		{
		display: block;
		}


	
	/* right boxes 
	------------------------------------------------*/
	hr.subline {
		margin: 0;
		}

		
		/* google logo 
		----------------------------*/
		.g-logo {
			border: 1px solid #838383;
			margin: 0 0 40px 2px;
			padding: 5px;
			background-color: #fff;
		}
		
		/* magento logo 
		----------------------------*/
		.magento {
			_display: inline;
			float: right;
			margin: 0 0 0 10px;
			width: 203px;
			height: 69px;
			padding: 0;
		}


		/* sideboxes of the subpages 
		-----------------------------*/

		#sidebox1,
		#sidebox2 {
			border: 1px solid #ece9e4;
			border-right-color: #fff;
			background-color: #fafafa;
			margin: 0 0 3px 0;
			padding: 5px 20px 0 15px;
			font-size: 0.9em;
		}
		
		#sidebox1 {
			border-top-color: #fff;
			background: #fafafa url(images/box-bg.jpg) repeat-x top;
			}
		

		#sidebox1 a {
			text-decoration: none;
			font-size: 14px;
			color: #7e715e;
			}
		

		#sidebox1 a:hover {
			text-decoration: underline;
			font-size: 14px;
			}
		

		#sidebox3,
		#sidebox4 {
			border: 0;
			background-color: #fff;
			margin: 0 0 3px 0;
			padding: 5px 20px 0 15px;
			font-size: 0.9em;
		}


		#sidebox1 .mailto-box1 a {font-size: 12px;}


		#sidebox3 a {
			text-decoration: none;
			font-size: 12px;
			color: #4f73a3;
			}

		#sidebox3 a:hover {
			text-decoration: underline;
			color: #7e715e;
			}

		#sidebox3 ul {
			margin: 0;
			padding: 0 0 0 15px;
		}
		
		#sidebox3 ul li {
			margin: 0 0 6px 0;
		}

/* referenzen 
------------------------------------------------*/

.entry {
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	font-size: 11px;
	border-bottom: 1px solid #fc7e1c;
	background-color: #fff;
	}
	
	.entry a {
		display: block;
		font-size: 11px;
		}
		
	.entry img {
		border: 1px solid #F1F1F1;
		}

	.entry p {
		padding: 0 0 10px 0;
		}

	.entry table {
		margin: 0;
		padding: 2px 4px;
		background-color: #F9F9F9;
		border: 1px solid #F1F1F1;
		}

	.entry table td {
		padding: 0 0 2px 0;
		}

.screen09
{
	display: block;
	border: 1px solid #dfdfdf;
	padding: 3px;
}


/* referenz-liste 
---------------------------------------------------------*/
.referenz-liste
{
	margin: 0;
	padding: 0;
}

.referenz-liste li
{
	_display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.referenz-liste a
{
	display: block;
	width: 70px;
	height: 70px;
	border: 1px solid #ece9e4;
	border-right-color: #AEAEAE;
	border-bottom-color: #AEAEAE;
	margin: 0 6px 6px 0;
	padding: 2px;
}

.referenz-liste a:hover
{
	/* border: 1px solid #fc7e1c; */
	border: 1px solid #bbb;
	border-right-color: #666;
	border-bottom-color: #666;
}


/* Leistungen (Rechte Box) 
------------------------------------------------*/

.team-img {
		border: 1px solid #E1E1E1;
		padding: 4px;
		}



/* clear 
------------------------------------------------*/

.clear {
	clear: both;
	}



/* contact form 
------------------------------------------------*/
.labels
{
	margin: 0;
	padding: 0;
}

	.labels li
	{
	height: 1.7em;
	line-height: 1.7em;
	margin-bottom: 8px;
	text-align: right;
	list-style: none;
	padding-right: 120px;
	}

.formular label,
.formular select { /* Alle Labels UND Formularelemente auswÅ hlen */
  display: block;
  float: left;
  width: 150px;
  font-size: 12px;
}

.formular input
{
	float: right;
	width: 150px;
	font-size: 12px;
}

 
.formular form br { /* Alle ZeilenumbrŸche in Formularen auswŠhlen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}


.formular label {
 text-align: right; 
 padding-right: 1em; 
}

.formular form {
  margin: 0;
}


#cfName,
#cfEmail,
#cfWeb,
#cfCompany,
#cfPhone {
	border: 1px solid #D1D1D1;
	margin: 0 0 3px 0;
	padding: 2px;	
	height: 12px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #555;
	}

#cfRegarding
{
	float: right;
	width: 156px;
}

#cfMessage {
	font-family: Arial, sans-serif;
	font-size: 12px;
	width: 270px;
	color: #555;
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	}

li.message_field
{
	min-height: 120px;
	padding-right: 0;
}



.errors {
	margin: 0 0 15px 0;
	padding: 5px;
	border: 1px dashed #FF9090;
	background-color: #FFDFDF;
	}

.contactField
{
	float: right;
}


/* sitemap 
---------------------------------------------------------*/
.sitemap {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
}
	
	.sitemap li {
		margin: 10px 0;
		padding: 0;
		}



/* footer 
------------------------------------------------*/

#footer
	{
	clear: both;
  	width: 100%;
  	height: 197px;
  	margin: 0 auto 60px auto;
  	padding: 0;
  	background: url(images/footer_bg.png) no-repeat 162px 0;
	}

	.footer_inhalt
	{
	width: 445px;
	margin: 0 0 0 240px;
	padding: 20px 0 0 0;
	}

	.anfahrt
	{
	_display: inline;
	float: right;
	margin: 0;
	padding: 0;
	}

	.discription
				{
				_display: inline;
				float: left;
				margin: 0;
				padding: 0;
				width: 200px;
				}
	
				.discription h3
				{
				font-size: 1.1em;
				font-weight: bold;
				color: #555;
				margin: 0;
				padding: 0;
				}
		
				.discription p
				{
				color: #555;
				font-size: 11px;
				line-height: 12px;
				}
		
		.discription hr {
			border: 0;
			background-color: #fc7e1c;
			height: 1px;
			margin: 0;
			}

	.footermenu {
		_display: inline;
		float: right;
		width: 445px;
		margin: 50px 285px 0 0;
		padding: 0;
		list-style: none;
		}
		
		.footermenu li {
			_disply: inline;
			float: right;
			margin: 0 0 0 20px;	
			}
		
		.footermenu li a {
			text-decoration: none;
			_float: left;
			color: #555;
			font-size: 11px;
			}
		
		.footermenu li a:hover {
			text-decoration: underline;
			color: #fc7e1c;
			}

		.footermenu li.current {
			color: #fc7e1c;
			}