html{
	width:100%; 
	height:100%; 
	background:#fff;
}

body {
	height:100%; 
	margin:0px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#666;
}

*	{
	margin:0; 
	padding:0; 
	border:0;
}

li {
	vertical-align:bottom; 
	list-style-type:none;
}

img, fieldset	{
	border:0;
}

h1, h2, h3	{
	font-size:100%; 
	font-weight:normal;
	font-family: Helvetica,Arial,sans-serif;
}

em {
	font-style:normal;
}

strong {
	font-weight:normal;
}

a	{
	text-decoration:none; 
	outline: none;
	color: #647638;
}

	a:hover {
		background: #FEEC42;
	}
	
hr {
	visibility:hidden; 
	clear:both;
}

p {
	position:relative; 
	display:block;
	padding: 5px 0px;
}

.page	{
	float:left;
	background: url(../images/layout.jpg) no-repeat;
}

div#wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	width: 14246px;

}

#top_nav {
	position:absolute; 
	width:7581px; 
	top:10px; 
	left:275px; 
  z-index:5;
}

.top_nav_box {
	position:absolute; 
	display:block; 
	width:30px; 
	height:33px; 
	top:0px; 
	left:0px; 
	z-index:6;
}

		.top_nav_box a {
			display:block; 
			width:30px; 
			height:23px;
		  position:relative;
		}
		
			.top_nav_box a:hover {
				background: none;
			}

.forward {
	background:url(../images/forward.gif) top left no-repeat;
}

.back {
	background:url(../images/back.gif) top left no-repeat;
}

.home {
	background:url(../images/home.gif) top left no-repeat;
}

#gallery, #gallery2 { display: none; }

#index_pholder {
	position:relative; 
	display:block; 
	width:1665px; 
	background-position: 0 0;
}

div.index {
	position:relative; 
	display:block; 
	width:1600px; 
}

#profil_pholder {
	position:relative; 
	display:block; 
	width:1159px; 
  background-position: -1665px 0;
	padding-left:225px; 
}

	#profil {
		position:relative; 
		display:block; 
		width:630px;  
		padding-top:75px; 
		padding-left:155px; 
	}

		#profil div.content_profil {
			background: #fff;
			left:130px;
			padding:20px;
			padding-top: 0px;
			position:relative;
			width:380px;
			top: -37px;
		}
		
			#profil div.content_profil span {
				color: #647638;
				font-size: 1.2em;
				font-style: italic;
			}
			
			#profil div.content_profil img {
				border: 1px solid #647638;
				padding: 2px;
				margin-top: 7px;
				margin-right: 5px;
				height: 48px;
				width: 48px;
			}
			
			#profil div.content_profil p.italic {
				font-style: italic;
				color: #999999;
			}

#portfolio_pholder {
	position:relative; 
	display:block; 
	width:1637px; 
	background-position: -3049px 0;
	padding-left:25px; 

	}

	#portfolio {		
		position:relative; 
		display:block; 
		width:1614px;
		padding-top:75px;  
	}
	
		#portfolio div.content_portfolio {
			background: #fff;
			left:530px;
			padding:20px;
			padding-top: 0px;
			position:relative;
			width:380px;
			top: -37px;
		}
		
			#portfolio div.content_portfolio p.italic {
				font-style: italic;
				color: #999999;
			}

					
#grafik_pholder			{
	position:relative; 
	display:block; 
	width:1598px;  
	background-position: -4710px 0;
	top: 0px; 
}

	#grafik					{
		position:relative; 
		display:block; 
		width:1000px; 
		padding-top:75px; 
		padding-left:275px;
	}
	
	/* begin gallery styling */
	#jgal, #jgal2 { 
		list-style: none; 
		width: 220px; 
		position: relative; 
		top: 20px;
		height: 250px;
	}
	
		#jgal li { 
			opacity: .5; 
			float: left; 
			display: block; 
			width: 80px; 
			height: 41px; 
			background: #fff;
			background-position: 10% 100%; 
			padding: 3px;
			cursor: pointer; 
			border: 3px solid #fff;  
			margin-right: 8px;
			margin-bottom: 8px; 
		}
		
		#jgal2 li { 
			opacity: .5; 
			float: left; 
			display: block; 
			width: 80px; 
			height: 41px; 
			background: #fff;
			background-position: 70% 0%; 
			padding: 3px;
			cursor: pointer; 
			border: 3px solid #fff;  
			margin-right: 8px;
			margin-bottom: 8px; 
		}
	
		#jgal li img, #jgal2 li img { 
			position: absolute; 
			top: 0px; 
			left: 230px; 
			display: none; 
			border: 3px solid #fff;
			cursor: default;
		}
			#jgal li.active img, #jgal2 li.active img { display: block; }
			#jgal li.active, #jgal2 li.active, #jgal li:hover, #jgal2 li:hover { outline-color: #FEEC42; opacity: .99 /* safari bug */ }

	/* styling without javascript */
	#gallery, #gallery2 { list-style: none; display: block; }
	#gallery li, #gallery2 li { float: left; margin: 0 10px 10px 0; }
	
	#grafik div.content_grafik {
		position:relative;
		top:20px;
		width:700px;
	}
		#grafik div.content_grafik h3 {
			background: none;
		}
		
		#grafik div.content_grafik div.content_left {
			width: 320px;
			float: left;
		}
		
		#grafik div.content_grafik div.content_right {
			width: 320px;
			float: right;
		}
	
#web_pholder			{
	position:relative; 
	display:block; 
	width:1660px; 
	background-position: -6310px 0; 
}

	#web					{
		position:relative; 
		display:block; 
		width:1000px; 
		padding-top:75px; 
		padding-left:335px;
	}
	
		#web div.content_web {
			position:relative;
			top:20px;
			width:630px;
		}
		
		#web div.content_web h3 {
			background: none;
		}
		
		#web div.content_web div.content_left {
			width: 400px;
			float: left;
		}
		
		#web div.content_web div.content_right {
			width: 216px;
			float: right;
			padding-top: 40px;
		}

#partner_pholder		{
	position:relative; 
	display:block; 
	width:1599px; 
	background-position: -7970px 0; 
}

	#partner					{
		position:relative; 
		display:block; 
		width:1100px; 
		padding-top:75px; 
		padding-left:425px;
	}
	
		#partner div.content_partner {
			background: #fff;
			left:130px;
			padding:20px;
			padding-top: 0px;
			position:relative;
			width:380px;
			top: -37px;
		}
			
#kontakt_pholder {
	position:relative; 
	display:block; 
	width:1601px; 
	background-position: -9568px 0; 
}

	#kontakt {
		position:relative; 
		display:block; 
		width:1100px; 
		padding-top:75px; 
		padding-left:425px;
	}
	
		#kontakt div.content_kontakt {
			background: #fff;
			left:130px;
			padding:20px;
			padding-top: 0px;
			position:relative;
			width:380px;
			top: -37px;
		}
		
		ul#contactform li {
			padding-bottom: 5px;
		}

		ul#contactform li.err {
			color: #647638;
			padding-bottom: 0px;
			font-weight: bold;
		}
		
		ul#contactform li.first_name {
			margin-top: 20px;
		}
		
		ul#contactform li.contactinfo {
			margin-bottom: 10px;
		}
		
		ul#contactform label {
			float:left;
			clear: left;
			width: 94px;
		}

		ul#contactform input.textbox {
			border: 1px solid #aaa;
			height: 14px;
			width: 280px;
			font-family: Tahoma, Arial, Helvetica, sans-serif; 
			font-size:12px; 
			color:#666;
			padding: 1px 2px;
		}

		ul#contactform input.submit_button {
			border: 1px solid #647638;
			background: #fff;
			font-family: Tahoma, Arial, Helvetica, sans-serif; 
			font-size:12px; 
			color: #647638;
			margin-left: 230px;
			margin-top:10px;
			cursor: pointer;
			width: 150px;
		}
		
		input.submit_button {
			border: 1px solid #647638;
			background: #fff;
			font-family: Tahoma, Arial, Helvetica, sans-serif; 
			font-size:12px; 
			color: #647638;
			cursor: pointer;
			padding: 2px 0;
		}  

		ul#contactform textarea.textbox {
			border: 1px solid #aaa;
			height: 60px;
			width:  280px;
			font-family: Tahoma, Arial, Helvetica, sans-serif; 
			font-size:12px; 
			color:#666;
			padding: 1px 2px;
		}

#impressum_pholder {
	position:relative; 
	display:block; 
	width:1602px; 
	background-position: -11169px 0;
}

	#impressum {		
		position:relative; 
		display:block; 
		width:1000px;
		padding-left:425px; 
		padding-top:75px;  
	}
	

	
		#impressum div.content_impressum {
			background: #fff;
			left:130px;
			padding:20px;
			padding-top: 0px;
			position:relative;
			width:380px;
			top: -37px;
		}
		
		#impressum p.impress_data span {
			color: #647638;
			padding-bottom:10px;
		}
		
#agb_pholder {
  position:relative; 
  display:block; 
  width:1475px; 
  background-position: -12623px 0;
}

	#agb {
		position:relative; 
		display:block; 
		width:1050px;  
		padding-top:75px; 
		padding-left:425px;
	}
	
		#agb div.content_agb {
			background: #fff;
			left:130px;
			padding:20px;
			padding-top: 0px;
			position:relative;
			width:380px;
			top: -37px;
		}
		
		#agb dl {
			font-size: 0.9em;
		}
		
		#agb dl dd {
			display:block;
			left:30px;
			position:relative;
			text-align:justify;
			top:-14px;
			width:320px;
		}
		
		#agb dl dd h3 {
			font-size:1.1em;
			left:-50px;
			position:relative;
			top:15px;
		}
		
		#agb dl h3 {
			margin-left:20px;
			padding-bottom:10px;
			width:360px;
			margin-top: 0px;
			background: none;
		}
		
			#agb dl dd ul {
				margin-bottom:20px;
				margin-top:20px;
			}
			
				#agb dl dd ul li {
					list-style-position:outside;
					list-style-type:square;			
					margin-left: 12px;
					padding-left:5px;
					width:303px !important;	
				}
		
		#agb .up {
			background-image:url(../images/top.jpg);
		}
		
			#agb a.up {
				display:block;
				height:136px;
				left:0px;
				position:relative;
				width:136px;
			}
		
#index_left	{
	position:relative; 
	display:block; 
	width:200px; 
	float:left; 
	z-index:2;
}
	#index_left div.link_contact a{
		color: #B0C52C;
		font-weight: bold;
		left: 268px;
		position: absolute;
		text-align: center;
		top: 46px;
	}
		
		#index_left div.link_contact a:hover {
			background: none;
			text-decoration: underline;
		}
	
	#index_left #menu	{
		position: relative; 
		display:block;  
		width:200px; 
		height:275px; 
		padding:30px 0px 30px 0px;
		font-family: Helvetica,Arial,sans-serif;
	}
	
		#index_left #menu li {
			position:relative; 
			display:block; 
			font-size:20px;
		}
		
		#index_left	#menu li a {
			position:relative; 
			color:#647638; 
			padding-right:45px;
			padding-left: 25px; 
			text-transform: uppercase; 
			font-weight: bold;
		}
		
			#index_left #menu li a:hover {
				background: #FEEC42;
			}

	#index_left #contact_info {
		background: url(../images/map.gif) no-repeat;
		position: relative;
		top: 48px;
		height:250px;
		left: 25px;
		padding-top: 110px;
		font-size: 0.9em;
		width: 160px;
	}
	
		#index_left #contact_info h2 {
			font-weight: bold;
			color: #647638;
			margin: 10px 0px;
		}
		
		
		#index_left #contact_info div.web_info {
			margin: 20px 0px;
		}
		
		#index_left .up {
			background-image:url(../images/top.jpg);
		}
		
		#index_left a.up {
			display:block;
			height:136px;
			left:0px;
			position:relative;
			width:136px;
			top: 191px;
		}


#index_right			{
	position:relative; 
	display:block; 
	width:825px; 
	float:left; 
	z-index:1;
}

div#leistung {
	position:relative; 
	display:block; 
	width:700px; 
	margin-top: 400px;
	z-index:1;
	padding-left: 45px;
	background: url(../images/border_bg.gif) repeat-y;
}

	div#leistung .page_heading {
		margin-top: 4px;
	}
	
	div#leistung div.consulting {
		width: 250px;
		float: left;
		margin-top: 30px;
		background: url(../images/consulting_bg.jpg) no-repeat;
		padding-left: 70px;
	}
	
	div#leistung div.optimization {
		width: 250px;
		float: right;
		margin-top: 30px;
		background: url(../images/optimization_bg.jpg) no-repeat;
		padding-left: 70px;
	}
	
	div#leistung div.design {
		width: 250px;
		float: left;
		margin-top: 30px;
		background: url(../images/design_bg.jpg) no-repeat;
		padding-left: 70px;
	}
	
	div#leistung div.cms {
		width: 250px;
		float: right;
		margin-top: 30px;
		background: url(../images/cms_bg.jpg) no-repeat;
		padding-left: 70px;
	}
	
		div#leistung div.consulting h3, div#leistung div.optimization h3, div#leistung div.design h3, div#leistung div.cms h3 {
			text-transform: uppercase;
			color: #647638;
		}
		
		
		div#leistung div.consulting p, div#leistung div.optimization p, div#leistung div.design p, div#leistung div.cms p {
			font-style: italic;
			color: #999;
		}
		
		div#leistung .page_heading h2 {
			position:relative; 
			display:block; 
			width:189px; 
			color:#647638; 
			font-size:2em;   
			margin-bottom:3px;
			display: none;
		}
	
div.quote {
	color: #B1C530;
	font-family:Georgia;
	font-size:1.8em;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:25px;
	padding:0pt;
	text-align:right;
	padding-top: 20px;	
}

div.author {
	color:#5E7831;
	font-size:0.9em;
	padding-top:10px;
	text-align:right;
	margin-bottom: 30px;
}

#index_footer {
	position:relative; 
	display:block; 
	width:956px; 
	height:22px; 
	margin-top:18px; 
	margin-bottom:18px; 
	text-align:right;
}

	#index_footer ul {
		float:right; 
		padding-right:10px; 
		padding-right:36px;
	}

		#index_footer li {
			position:relative; 
			display:block; 
			float:left; 
			color:#647638; 
			line-height:22px;
		}

			#index_footer li a {
				padding:0px 0px 0px 36px;
			}

.page_heading h2 {
	color:#647638;
	font-size: 1.5em;
	text-transform: uppercase;
}	

.page_heading strong {
	position:relative; 
	display:block; 
	width:93px; 
	background:#fff; 
	color:#647638; 
	font-size:10px; 
	font-weight:bold; 
	padding:3px; 
	text-align:center;
}

.page_heading h3 {
	background: url(../images/border_bg.gif) repeat-x;
	margin-top:20px;
	padding-top:10px;
	color: #647638;
	text-transform: lowercase;
	font-size: 1.3em;
}

div.twitter {
	background: url(../images/icon_twitter.jpg) no-repeat;
	font-size: 0.9em;
	height: 50px;
	margin-top: 25px;
	padding-left: 70px;
	width: 400px;
}

#home					{position:absolute; display:block; width:220px; height:155px; top:320px; left:9590px; z-index:10;}
#home a					{position:relative; display:block; width:220px; height:155px; text-indent:-10000px;}