/*

Colors:			green		#84B51B
				lightgrey	#E9E9E9
_____________________________________________________
*/


* { margin: 0; padding: 0; }
*:focus { outline: none; }
*::-moz-focus-inner { border: none; }

body { 
	border-top: 5px solid #000; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	background: url(../tpl_images/footer_texture.png);
}

img { border: 0; }
a { color: #999; font-weight: bold; }
a:hover { color: #84B51B; }

.hide { display: none; }
.btn, p.back a { border-radius: 1em; moz-border-radius: 1em; webkit-border-radius: 1em; display: inline-block; 
	background: #E9E9E9; color: #333; text-decoration: none; margin-right: 10px; padding: 4px 10px; }
.btn:hover, p.back a:hover { background: #84B51B; color: #fff !important; }

h1.site_title { display: none; }
h2, h3, h4 { font-weight: normal; line-height: 1.1em; }
h2 { color: #000; font-size: 340%; margin-bottom: 25px; letter-spacing: -0.04em; font-family: Geneva, Helvetica, Arial, sans-serif; }
h3 { color: #000; font-size: 100.01%; margin: 25px 0 10px 0; font-weight: bold;  }
h4 { color: #666; font-weight: bold; font-size: 100.01%; margin: 15px 0 10px 0; }

/*	Structure */
#page_margin { background: url(../tpl_images/site_border_top.gif) center -5px no-repeat #fff; padding-bottom: 60px; }
#wrapper { width: 900px; margin: 0 auto; padding: 0 20px; }
#header { height: 135px; margin-bottom: 40px; }

/*	#container, #left, #footer { overflow: hidden; } */

#header div.contact { 
	float: right; width: 515px; padding-left: 10px; color: #999; 
	background: url(../tpl_images/footer_texture.png); font-size: 90%; height: 20px; 
}
	
	#header div.contact div.contact_link { float: right; }
	#header div.contact span { margin-right: 18px; }
	#header div.contact span.last { margin: 0; }
	#header div.contact a { text-decoration: none; color: #84B51B; font-weight: bold; }
	#header div.contact a:hover { color: #fff; }

#header div.logo { padding-top: 75px; }

#header div.nav_main { 
	float: right; width: 525px; font-size: 120%; margin-top: 90px;
}
	#header div.nav_main a, 
	#header div.nav_main span { padding: 4px 10px; display: block; }
	#header div.nav_main ul { list-style: none; }
	#header div.nav_main li { float: left; margin-right: 8px; }
	#header div.nav_main li.last { margin-right: 0; }
	#header div.nav_main li a { text-decoration: none; color: #999; }
	#header div.nav_main li a:hover { color: #000; 
		background: #E9E9E9;
		border-radius: 1em; moz-border-radius: 1em; webkit-border-radius: 1em; }
	#header div.nav_main li.trail a, 
	#header div.nav_main li.active span { font-weight: bold;
		background: #84B51B; color: #fff;
		border-radius: 1em; moz-border-radius: 1em; webkit-border-radius: 1em; }


/*	Container */
#container { overflow: hidden; }

/*	Sidebar */

#left { line-height: 1.4em; }
#left div.inside { /*position: absolute;*/ }
#left h3 { font-size: 100.01%; color: #000; font-weight: bold; margin-bottom: 10px; }
#left div.address { margin-left: 120px; }
#left div.address h4 { color: #999; font-style: italic; margin-bottom: 0; }
#left div.address h3 { margin-top: 10px; }

#left div.mod_twitterreader { width: 300px; }
#left div.mod_twitterreader li {margin-bottom: 15px; }
#left div.mod_twitterreader span.date { color: #999; font-weight: bold; }
#left div.mod_twitterreader a { font-weight: normal; }


/*	Main-Col */

#main { line-height: 1.4em; }
#main p { margin: 10px 0; }
#main ul { list-style-type: square; margin: 15px 0 15px 25px; }
#main ul.customer_list { margin-left: 0; list-style: none; }
#main ul.customer_list li { border-bottom: 1px solid #ddd; padding: 10px 0; }
#main ul.customer_list li.last { border: 0; }
#main div.leistungen { margin-right: 40px; }


/*	MOD_Catalog */
#work_list_nav { height: 30px; width: 300px; margin-top: 73px; }
#work_list_nav_down, #work_list_nav_up { float: left; display: block; height: 30px; width: 150px; }
#work_list_nav_down { background: url(../tpl_images/work_list_nav_down.gif) no-repeat; }
#work_list_nav_up { background: url(../tpl_images/work_list_nav_up.gif) no-repeat; }

#left div.mod_cataloglist { height: 475px; width: 300px; overflow: hidden; position: relative; }
#left div.work_list { position: absolute; top: 0; left: 0; width: 300px; }

#left div.work_list div.item { 
	overflow: hidden; padding: 10px; border-bottom: 1px solid #E9E9E9; 
	width: 300px; height: 74px; overflow: hidden; 
}
#left div.work_list div.active { background: #eee; }
#left div.work_list div.last { border: 0; }
#left div.work_list div.preview_image { float: left; width: 130px; border: 2px solid #eee;  }
#left div.work_list div.active div.preview_image { border-color: #fff; }
#left div.work_list div.description { margin-left: 145px; width: 140px; }
#left div.work_list a { text-decoration: none; color: #333; }
#left div.work_list a:hover { color: #84B51B; }

#main div.home_teaser { margin-top: 30px; padding-top: 0px; }
#main div.home_teaser span.total { display: none; }
#main div.home_teaser div.pagination { display: none; }

#main p.filter { color: #999; text-align: right; margin: 0 0 15px 0; }
#main p.filter a { color: #999; }
#main p.filter a:hover { color: #000; }
#main p.filter label { display: inline; }
#main div.work_list div.item { float: left; height: 180px; width: 250px; }
#main div.work_list div.even { margin-right: 23px; }
* html #main div.work_list div.even { margin-right: 20px; }
#main div.work_list h4 { margin-bottom: 0; }
#main div.work_list span.category { font-style: italic; font-weight: bold; color: #999; }

#left div.work_list div.preview_image img { border: 0; }
#main div.home_teaser div.preview_image img, 
#main div.work_list div.preview_image img { border: 1px solid #eee; }

#left div.work_list div.preview_image a, 
#main div.home_teaser div.preview_image a, 
#main div.work_list div.preview_image a { text-decoration: none; }

#main div.work_reader p.meta { 
	font-weight: bold; color: #999; 
	margin-top: 0; font-style: italic; text-align: right; 
}
#main div.work_reader p.link { margin-bottom: 30px; }
#main div.work_reader h2 { font-size: 250%; }
#main div.work_reader p.features { text-align: right; }
#main div.mod_catalogreader p.back { margin-top: 30px; }


/*	MOD_Form */
#main form { margin: 15px 0; }
#main form p.error { display: none; }
#main label { padding-top: 5px; padding-right: 10px; display: block; }
#main input,
#main textarea, 
#main select { 
	font-family: Arial, Verdana, sans-serif; font-size: 100.01%;
	color: #000; padding: 4px; margin-bottom: 5px; border: 1px solid #ccc; 
}
#main input.error { border: 1px solid #ff6600; }
#main input.upload, #main input.text { width: 350px; }
#main input.upload { border: 0; padding: 0; }
#main textarea { height: 120px; width: 350px; }
#main div.submit_container { margin-top: 30px; }
#main input.submit, 
#main input.inputbutton { 
	border: 0; background: #84B51B; color: #fff; 
	font-weight: bold; padding: 5px 20px; 
	border-radius: 1em; moz-border-radius: 1em; webkit-border-radius: 1em;
	font-size: 120%;
}
#main input.submit:hover { background: #333; }

#main div.checkbox_container label { float: none; display: inline; }
#main div.checkbox_container span { display: block; }
#main div.radio_container { }
#main div.radio_container label { float: none; }
#main div.radio_container span { display: block; }


/*	MOD_NEWS */
#main div.mod_newslist div.layout_full { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E9E9E9; }
#main div.mod_newsreader h2.blog,
#main div.mod_newslist h3.blog { font-size: 250%; margin-top: 0; color: #000; font-weight: normal; }
#main div.mod_newsreader p.info,
#main div.mod_newslist p.info { color: #999; font-size: 90%; margin-bottom: 0; }

/*	Pagination */
	
#main div.pagination { margin-top: 10px; }
#main div.pagination ul { list-style: none; margin: 0; font-weight: bold; }
#main div.pagination li { float: left; margin-right: 7px; padding-right: 7px; border-right: 1px solid #ccc; }
#main div.pagination li.last { margin-right: 0; border: 0; }



/*	Footer */

#footer { padding-top: 20px; color: #999; line-height: 1.4em; font-weight: bold; background: url(../tpl_images/footer_texture.png); }

#footer div.inside { width: 900px; margin: 0 auto; padding-bottom: 50px; }

#footer p { margin: 10px 0; }
#footer p.right { float: right; margin: 0; }
#footer a { color: #999; text-decoration: none; border-bottom: 1px dotted #999; padding-bottom: 2px; }
#footer a:hover { color: #fff; }

#footer p.ad_partner { margin-top: 30px; font-size: 90%; }
#footer p.ad_partner, 
#footer p.ad_partner a { color: #666; font-weight: normal; }
#footer p.ad_partner a { border: 0; }
#footer p.ad_partner a:hover { color: #999; }

#footer div.social { width: 400px; text-align: right; float: right; margin-top: -20px; }
#footer div.social a { margin-left: 15px; border: 0; padding: 0; }