@charset "utf-8";
/* -- INFO -----------------------------------------------------------------------
# Project:			WebSeason Basic Style
# File:				ws_style.css
# Markup:			2.1
# Writer:			WebSeason GmbH
# Last Updated:		Wed, 09/09/25 (by Daniel Knaack)
------------------------------------------------------------------------------- */

/* -- CI Guide ------------------------------------------------------------------
	## Text Colors ##
	- start orange				#f29400
	- start green				#8bb30c
	- content orange			#ce6702
	- content green				#4c7d02
	- nav light green			#e8fe71
	- teaser text				#b2a28e
	- project slider text		#b8ad9f
	- project slider border		#524d48
	- contact text				#fff
	- content dark brown		#38332d
	- content light brown		#5f574e
	- content disabled			#8e8780
	- foot brown				#1b1411
	## Background Colors ##
	- body						#bfac73
	- soil						#1b1411
	- project dark				#0c0908
	- project box				#3a3632
	- project inline box 		#302d29
	- contact					#b49b64
	- foot						#a48f5b
	- content box				#f0ede6
	- content inline box		#f8f7f5
	- content hr				#d2cdc2
------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; font: normal 100.1% Candara, Arial, Helvetica, sans-serif; }
body { background: #bfac73 url('/res/img/bg_body.gif') no-repeat 50% 0; text-align: center; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.94em; }
del { text-decoration: line-through; }
acronym, abbr { border-bottom: 1px dotted #ce6702; cursor: help; }
blockquote { padding: 0 0 0 1.13em; }
blockquote p { font-size: 1.13em!important; font-weight: bold; font-style: italic; color: #4c7d02!important; padding: 0 0 0.94em 0; line-height: 1.2; }
img { border: none; }
input, button, textarea, select { font-family: Candara, Arial, Helvetica, sans-serif; color: #8e8780;  }

div.clear { float: none; clear: both; height: 0em; line-height: 0em; font-size: 0em; }
hr.clear { float: none; clear: both; }
.hide { display: none; }
.spacer { height: 1.13em; }
.whitespace { margin: 2em 0!important; }
.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }
.highlight { background-color: #f7ffd5; color: #4c7d02; }
.image_left { float: left; }
.image_right { float: right; }
.image_left_margin, .image_left_border_margin { float: left; margin-right: 20px; }
.image_right_margin, .image_right_border_margin { float: right; margin-left: 20px; }
.image_border_margin, .image_left_border_margin, .image_right_border_margin { padding: 3px; background: #fff; border: 1px solid #d9dadb; }
.defaultMooButton, .MooButton, .MooTrans, .default, .MooCounterButton, .defaultMooCounterButton { cursor: pointer; display: block; position: relative; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; }

/*-| Layout Styles [START] */
#ws_container { width: 990px; margin: 0 auto; }
#wrapper { width: 990px; padding: 0 0 2em 0; float: left; text-align: left; background: url('/res/img/bg_wrapper.png') no-repeat 0 0; }
/*-| Layout Styles [STOP!] */

/*-| Header Styles [START] */
#header { width: 990px; height: 100px; }
#header h1#logo { margin: 0 auto; padding: 10px 0 3px 0; width: 307px; height: 87px; background: url('/res/img/ws_logo.png') no-repeat 0 10px; font-size: 1.36em; font-weight: bold; color: #000; }
#header h1#logo a { display: block; width: 307px; height: 87px; }
#header h1#logo span { display: none; }
/*-| Header Styles [STOP!] */

/*-| Main Nav [START] */
#wsmainnav { width: 924px; padding: 20px 33px 10px 33px; font-size: 1.13em; }
#wsmainnav ul { padding: 3px 02px 7px 2px; width: 920px; height: 53px; background: url('/res/img/bg_mainnav.png') no-repeat 0 0; list-style: none; }
#wsmainnav ul li { display: inline; font-weight: bold; color: #fff; float: left; background: url('/res/img/bg_ul_li.gif') no-repeat 100% 50%; }
#wsmainnav ul li.last { background: none; }
#wsmainnav ul li a { color: #fff; font-weight: bold; text-decoration: none; padding: 10px 30px 15px 30px; float: left; }
#wsmainnav ul li a:hover { color: #213601; }
#wsmainnav ul li a:focus { text-decoration: underline; outline: none; }
#wsmainnav ul li.active span { color: #213601; background: url('/res/img/bg_mainnav_li_active.png') no-repeat 50% 0; font-weight: bold; padding: 10px 30px 15px 30px; float: left; }
#wsmainnav ul li.active small { color: #496612; }
#wsmainnav ul li small { font-size: 0.69em; color: #e8fe71; display: block; margin-top: -4px; }
/*-| Main Nav [STOP!] */

/*-| Content [START] */
#index { float: left; overflow: hidden; width: 990px; }
/*--| Main [START] */
	.startsite #index #main { width: 990px; float: left; overflow: hidden; }
	.content #index #main { background: url('/res/img/bg_main_content.gif') repeat-y 0 0; padding: 25px 35px; width: 920px; margin: 50px 0 0 0; float: left; overflow: hidden; }
	.content #index #main p { font-size: 0.88em; color: #38332d; line-height: 1.3; padding: 0 0 0.88em 0; }
	.content #index #main h2 { font-size: 2em; font-weight: bold; color: #ce6702; padding: 0 0 0.4em 0; }
	.content #index #main h3 { font-size: 1.50em; font-weight: bold; color: #38332d; padding: 0 0 0.24em 0; }
	.content #index #main h4 { font-size: 1.25em; font-weight: bold; color: #4c7d02; }
	.content #index #main h5 { font-size: 1.13em; font-weight: bold; color: #f29400; }
	.content #index #main h6 { font-size: 1em; font-weight: bold; color: #8bb30c; }
	.content #index #main hr { border: none; height: 1px; margin: 0.5em 0 1.1em 0; padding: 0; background: url('/res/img/bg_dotted_light_hor.gif') repeat-x 0 0; }
	.content #index #main p a { color: #4c7d02; text-decoration: underline; background: url('/res/img/icon_link_off.gif') no-repeat 0 5px; padding-left: 11px; }
	.content #index #main p a:hover { color: #1b1411; background: #f0ede6 url('/res/img/icon_link_on.gif') no-repeat 0 5px; }
	.content #index #main ul.list { list-style: none; padding: 0 0 0.88em 0.50em; }
	.content #index #main ul.list li { font-size: 0.88em; color: #38332d; background: url('/res/img/icon_li.gif') no-repeat 0 0.40em; padding: 0 0 0.35em 0.72em; line-height: 1.2; }
	.content #index #main .left { width: 450px; padding-right: 10px; float: left; overflow: hidden; }
	.content #index #main .right { width: 450px; padding-left: 10px; float: right; overflow: hidden; }
	.content #index #main .sidebar h3.border { border-bottom: 2px solid #f0ede6; margin-bottom: 0.69em; }
	.content #index #main .sidebar h3.contact-hl { background: url('/res/img/bg_headline_contact.gif') no-repeat 100% 0; }
	.content #index #main .blockitem { float: left; width: 210px; }
	.content #index #main .wrap { width: 920px; padding: 20px 0 0 0; float: left; }
	.content #index #main form fieldset { border: none; }
	.content #index #main form fieldset .form-item { width: 428px; height: 27px; padding: 6px; margin-bottom: 2px; background: url('/res/img/bg_input_div.gif') no-repeat 0 0; position: relative; }
	.content #index #main form fieldset .form-textarea .form-item { width: 440px; height: 193px; padding: 0; margin-bottom: 12px; background: url('/res/img/bg_textarea_div.gif') no-repeat 0 100%; }
	.content #index #main form fieldset label { font-size: 0.88em; color: #5f574e; display: block; float: left; width: 153px; padding: 5px 0 0 5px; }
	.content #index #main form fieldset .form-textarea label { width: 429px; height: 29px; padding: 11px 0 0 11px; background: url('/res/img/bg_textarea_label.gif') no-repeat 0 0; }
	.content #index #main form fieldset input.text { font-size: 0.88em; padding: 5px 5px 0 5px; width: 260px; height: 22px; background: url('/res/img/bg_input.gif') no-repeat 0 0; border: none; }
	.content #index #main form fieldset textarea { font-size: 0.88em; padding: 5px 11px 5px 11px; width: 420px; height: 137px; background: url('/res/img/bg_textarea.gif') no-repeat 5px 0; border: none; }
	.content #index #main #contact_form .MooButton, #contact_form .defaultMooButton { font-size: 0em; width: 154px; height: 30px; padding: 0 0 0 0; background: url('/res/img/button_getcontact_off.gif') no-repeat 0 0; border: none; }
	.content #index #main #contact_form .MooButton { color: #fff6c6; background: url('/res/img/button_getcontact_on.gif') no-repeat 0 0; }
	.content #index #main #contact_form p.error { position: absolute; top: 30px; left: 10px; background: #7d1200; -moz-opacity: 0.8; color: #ffbb5b; font-size: 0.69em; padding: 1px 4px; z-index: 9999; }
/*---| Teaser 3-col [START] */
		#index #main #wsteaser { width: 930px; padding: 40px 30px 20px 30px; float: left; /*background: #fff; -moz-opacity: 0.6;*/ }
		#index #main #wsteaser .teaser-box { width: 240px; height: 180px; padding: 10px 35px; float: left; background: url('/res/img/bg_t_box.png') no-repeat 0 0; }
		#index #main #wsteaser .teaser-box h2 { color: #f29400; font-size: 1.36em; font-weight: bold; line-height: 1; padding: 8px 0; text-align: center; border-bottom: 1px solid #534d47; }
		#index #main #wsteaser .teaser-box p { color: #b2a28e; font-size: 0.81em; line-height: 1.2; padding: 10px 0 0 0; }
/*---| Teaser 3-col [STOP!] */
/*---| Main "Über uns" [START] */
		.aboutus #index #main #location { width: 920px; float: left; background: url('/res/img/bg_location.gif') repeat-x 0 0px; }
		.aboutus #index #main #location #locate-text { float:left; width: 450px; padding: 15px 30px 0 0; }
		.aboutus #index #main #location h3 { padding-top: 20px; color: #4c7d02; }
		.aboutus #index #main #location p { color: #38332d; }
		.aboutus #index #main #location #show { position: relative; float: left; width: 380px; height: 260px; padding: 55px 25px 0 25px; background: url('/res/img/bg_slidershow.png') no-repeat 0 0; }
		.aboutus #index #main .wrap h3 { background: url('/res/img/bg_shadowtop.png') no-repeat 0 100%; padding: 0 0 10px 0; border-bottom: 1px solid #fff; }
		.aboutus #index #main .contactpersons { width: 920px; padding: 20px 0; float: left; background: #f0ede6 url('/res/img/bg_contactpersons.gif') no-repeat 0 0; border-bottom: 1px solid #fff; text-align: center; }
		.aboutus #index #main .contactpersons h4 { font-size: 1em; color: #ce6702; line-height: 1; }
		.aboutus #index #main .contactpersons .contact-item { float: left; width: 190px; padding: 10px 20px 0px 20px; background: url('/res/img/bg_dotted_light_ver.gif') repeat-y 100% 0; }
		.aboutus #index #main .contactpersons .contact-item img { background: url('/res/img/bg_contactitem_img.gif') no-repeat 0 0; padding: 5px 6px 7px 6px; }
		.aboutus #index #main .contactpersons .last { background: none; border-right: none; width: 190px; }
		.aboutus #index #main .contactpersons .end { border-bottom: none; }
		.aboutus #index #main .contactpersons .alt { background: #f8f7f5; }
		.aboutus #index #main .contactpersons .contact-item .position { color: #5f574e; }
/*---| Main "Über uns" [STOP!] */
/*---| Main "Leistungen" [START] */
		.services #index #main #services-group { width: 920px; float: left; background: #f0ede6; }
		.services #index #main #services-group .servbox { float: left; width: 415px; height: 195px; padding: 35px 0 0 45px; overflow: hidden; }
		.services #index #main #services-group .servbox img { float: right; }
		.services #index #main #services-group .servbox h4 { background: url('/res/img/bg_serv_h4.png') no-repeat 0 0; border-bottom: 1px solid #cecbbe; padding: 0.56em 0 0.24em 0.65em; width: 220px; }
		.services #index #main #services-group .servbox p { width: 240px; padding: 0.56em 0 0 0; line-height: 1.2; font-size: 0.88em; }
		.services #index #main #services-group #webdesign { background: url('/res/img/bg_serv_topleft.gif') no-repeat 0 0; }
		.services #index #main #services-group #webdesign img { margin: 1.45em 1.35em 0 0; }
		.services #index #main #services-group #seo { background: url('/res/img/bg_serv_topright.gif') no-repeat 0 0; }
		.services #index #main #services-group #seo img { margin: 1.65em 1.65em 0 0; }
		.services #index #main #services-group #webdevelopment { background: url('/res/img/bg_serv_botleft.gif') no-repeat 0 0; }
		.services #index #main #services-group #webdevelopment img { margin: 1.45em 1.65em 0 0; }
		.services #index #main #services-group #ecommerce { background: url('/res/img/bg_serv_botright.gif') no-repeat 0 0; }
		.services #index #main #services-group #ecommerce img { margin: 1.45em 1.65em 0 0; }
		.services #index #main #tools { width: 920px; float: left; padding: 20px 0 0 0; }
		.services #index #main #tools #technology { width: 260px; float: right; border-left: 1px solid #eceae1; padding: 20px; }
		.services #index #main #tools #technology ul { list-style: none; }
		.services #index #main #tools #technology ul li { float: left; width: 130px; height: 60px; }
		.services #index #main #tools #cms { width: 580px; float: left; padding: 0 30px 0 0; }
		.services #index #main #tools #cms ul { list-style: none; }
		.services #index #main #tools #cms ul li { width: 580px; height: 69px; text-align: right; }
		.services #index #main #tools #cms ul li p { padding: 25px 0 0 0; color: #8e8780; }
		.services #index #main #tools #cms ul li.typolight { background: url('/res/img/tools_typolight.gif') no-repeat 0 0; border-bottom: 1px solid #eceae1; }
		.services #index #main #tools #cms ul li.magento { background: url('/res/img/tools_magento.gif') no-repeat 0 0; border-bottom: 1px solid #eceae1; }
		.services #index #main #tools #cms ul li.wordpress { background: url('/res/img/tools_wordpress.gif') no-repeat 0 0; }
/*---| Main "Leistungen" [STOP!] */
/*---| Main "Kontakt" [START] */
		.contact #index #main .right { background: url('/res/img/bg_sidebar_large.gif') no-repeat 0 0; }
		.contact #index #main .right .sidebar { padding: 0 0 0 20px; }
		.contact #index #main #contactpersons { width: 420px; padding: 15px 0; float: left; background: #f0ede6 url('/res/img/bg_contactpersons.gif') no-repeat 0 0; }
		.contact #index #main #contactpersons h4 { font-size: 1em; color: #38332d; line-height: 1; }
		.contact #index #main #contactpersons .contact-item { float: left; width: 170px; padding: 0 20px; background: url('/res/img/bg_dotted_light_ver.gif') repeat-y 100% 0; }
		.contact #index #main #contactpersons .last { background: none; }
		.contact #index #main #contactpersons .contact-item .position { color: #5f574e; }
/*---| Main "Kontakt" [STOP!] */
/*---| Main "Impressum" [START] */
		.imprint #index #main .right { background: url('/res/img/bg_sidebar_small.gif') no-repeat 0 0; }
		.imprint #index #main .right .sidebar { padding: 0 0 0 20px; }
		.imprint #index #main #contactpersons { width: 420px; padding: 15px 0; float: left; background: #f0ede6 url('/res/img/bg_contactpersons.gif') no-repeat 0 0; }
		.imprint #index #main #contactpersons h4 { font-size: 1em; color: #38332d; line-height: 1; }
		.imprint #index #main #contactpersons .contact-item { float: left; width: 170px; padding: 0 20px; background: url('/res/img/bg_dotted_light_ver.gif') repeat-y 100% 0; }
		.imprint #index #main #contactpersons .last { background: none; }
		.imprint #index #main #contactpersons .contact-item .position { color: #5f574e; }
/*---| Main "Impressum" [STOP!] */
/*--| Main [STOP!] */
/*--| Contact [START] */
	 #index #wscontact { width: 940px; padding: 0 25px 25px 25px; float: left; background: url('/res/img/bg_contact.gif') repeat-y 0 0; }
	 .content #index #wscontact { padding-top: 25px; }
	 #index #wscontact h3 { color: #fff; font-weight: bold; font-size: 1.06em; }
	 #index #wscontact p { color: #fff; font-size: 0.88em; padding: 0 0 1.06em 0; line-height: 1.2; }
	 #index #wscontact ul { list-style: none; padding: 0.24em 0 0 0; }
	 #index #wscontact ul li { color: #fff; font-size: 0.88em; line-height: 1.2; padding: 0 0 0.24em 0; }
	 #index #wscontact strong { font-size: 1.06em; }
	 #index #wscontact a { color: #fff; text-decoration: underline; }
	 #index #wscontact #headquarter, #index #wscontact #contactdetails, #index #wscontact #newsletter { width: 250px; height: 120px; padding: 0 30px; float: left; overflow: hidden; }
	 #index #wscontact #headquarter {}
	 #index #wscontact #contactdetails { background: url('/res/img/bg_contact_border.gif') repeat-y 0 0; }
	 #index #wscontact #contactdetails span { padding: 0 0 0 1.65em; }
	 #index #wscontact #contactdetails .phone { background: url('/res/img/icon_phone.gif') no-repeat  0 3px; }
	 #index #wscontact #contactdetails .fax { background: url('/res/img/icon_fax.gif') no-repeat  0 1px; }
	 #index #wscontact #contactdetails .mail { background: url('/res/img/icon_mail.gif') no-repeat  0 1px; }
	 #index #wscontact #contactdetails .www { background: url('/res/img/icon_www.gif') no-repeat  0 1px; }
	 #index #wscontact #newsletter { background: url('/res/img/bg_contact_border.gif') repeat-y 0 0; }
	 #index #wscontact #newsletter p { background: url('/res/img/bg_dotted_dark_hor.gif') repeat-x 0 100%; padding: 0 0 10px 0; }
	 #index #wscontact #newsletter ul { padding: 12px 0 0 0; }
	 #index #wscontact #newsletter ul li { display: inline; padding: 0 4px 0 0; }
	 #index #wscontact #newsletter #form_newsletter fieldset { border: none; }
	 #index #wscontact #newsletter #form_newsletter input#nl_mail { background: url('/res/img/bg_nl_input.gif') no-repeat 0 0; border: none; padding: 3px 8px; margin: 10px 0 3px 0; width: 244px; height: 21px; font-size: 0.88em; font-style: italic; color: #38332d; }
	 #index #wscontact #newsletter #form_newsletter .MooButton, #index #wscontact #newsletter #form_newsletter .defaultMooButton { float: right; width: 108px; height: 23px; background: url('/res/img/button_nl_abo_off.gif') no-repeat 0 0; border: none; }
	 #index #wscontact #newsletter #form_newsletter .MooButton { color: #fff6c6; background: url('/res/img/button_nl_abo_on.gif') no-repeat 0 0; }
/*--| Contact [STOP!] */
/*--| WS-Projects Startsite [START] */
	.startsite #index #ws-projects { width: 990px; height: 360px; float: left; overflow: hidden; background: url('/res/img/bg_ws-projects.gif') no-repeat 0 0; }
	.startsite #index #ws-projects #ws-all { float: right; padding: 8px 60px 0 0; font-size: 0.88em; }
	.startsite #index #ws-projects #ws-all a { color: #b8ad9f; text-decoration: underline; background: url('/res/img/icon_ws-all.gif') no-repeat 0 4px; padding-left: 16px; }
	.startsite #index #ws-projects #ws-all a:hover { background-position: 0 -18px; }
	.startsite #index #ws-projects h2 { text-align: center; font-size: 1em; font-weight: normal; padding: 21px 0 10px 65px; width: 380px; color: #aba096; background: url('/res/img/bg_ws-projects_h2.gif') no-repeat 65px 11px; }
	.startsite #index #ws-projects #ws-navleft, .startsite #index #ws-projects #ws-navright { width: 35px; height: 180px; margin: 40px 0 0 0; float: left; overflow: hidden; }
	.startsite #index #ws-projects #ws-navright .MooTrans, .startsite #index #ws-projects #ws-navright .default { width: 35px; height: 180px; background: url('/res/img/bg_ws-projects_navright_off.gif') no-repeat 0 0; }
	.startsite #index #ws-projects #ws-navleft .MooTrans, .startsite #index #ws-projects #ws-navleft .default { width: 35px; height: 180px; background: url('/res/img/bg_ws-projects_navleft_off.gif') no-repeat 0 0; }
	.startsite #index #ws-projects #ws-navright .MooTrans { background: url('/res/img/bg_ws-projects_navright_on.gif') no-repeat 0 0; }
	.startsite #index #ws-projects #ws-navleft .MooTrans { background: url('/res/img/bg_ws-projects_navleft_on.gif') no-repeat 0 0; }
	.startsite #index #ws-projects .ws-data { width: 870px; height: 250px; padding: 5px 25px 20px 25px; float: left; }
	.startsite #index #ws-projects .ws-data .ws-info { width: 250px; float: left; overflow: hidden; padding-right: 30px; }
	.startsite #index #ws-projects .ws-data .ws-info h3 { font-size: 1.45em; line-height: 1; color: #fff; font-weight: bold; padding: 0 0 8px 0; margin: 0 0 5px 0; border-bottom: 1px solid #524d48; }
	.startsite #index #ws-projects .ws-data .ws-info h4 { font-size: 0.81em; color: #8bb30c; font-weight: normal; text-transform: uppercase; padding: 0 0 3px 0; }
	.startsite #index #ws-projects .ws-data .ws-info p { font-size: 0.81em; color: #b8ad9f; line-height: 1.1; padding: 0 0 10px 0; }
	.startsite #index #ws-projects .ws-data .ws-info p small { color: #fff; }
	.startsite #index #ws-projects .ws-data .ws-info .ws-detail { font-size: 0.69em; }
	.startsite #index #ws-projects .ws-data .ws-info .ws-detail .MooTrans, .startsite #index #ws-projects .ws-data .ws-info .ws-detail .default { width: 154px; height: 23px; padding: 8px 0 0 0; background: url('/res/img/button_ws-detail_off.gif') no-repeat 0 0; }
	.startsite #index #ws-projects .ws-data .ws-info .ws-detail .MooTrans { color: #fff6c6; background: url('/res/img/button_ws-detail_on.gif') no-repeat 0 0; }
	.startsite #index #ws-projects .ws-data .ws-client { width: 590px; float: left; overflow: hidden; background: #302d29 url('/res/img/bg_ws-client.gif') repeat-x 0 0; }
	.startsite #index #ws-projects .ws-data .ws-client .ws-voting { width: 260px; padding: 9px 30px 0 20px; float: left; }
	.startsite #index #ws-projects .ws-data .ws-client .ws-voting h4 { font-size: 1.13em; font-weight: bold; font-style: italic; text-transform: uppercase; color: #f29400; background: url('/res/img/bg_ws-voting_h4_start.gif') no-repeat 0 0; padding: 0 0 8px 32px; }
	.startsite #index #ws-projects .ws-data .ws-client .ws-voting p { font-size: 0.81em; font-style: italic; color: #fff; line-height: 1.3; padding: 10px 0 0 0; }
	.startsite #index #ws-projects .ws-data .ws-client .ws-voting p small { color: #b8ad9f; }
	.startsite #index #ws-projects .ws-data .ws-imgshow { width: 260px; height: 240px; padding: 0 20px 0 0; float: left; overflow: hidden; }
	.startsite #index #ws-projects .ws-data .ws-imgshow .ws-img { width: 260px; height: 180px; overflow: hidden; }
	.startsite #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav { width: 260px; height: 34px; float: left; padding: 6px 0 0 0; }
	.startsite #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav li { display: inline; float: left; width: 34px; height: 34px; padding: 0 6px 0 0; text-align: center; font-size: 1.35em; }
	.startsite #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav li .MooCounterButton, .startsite #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav li .defaultMooCounterButton { float: left; width: 34px; height: 34px; background: url('/res/img/bg_ws-imgnav_start.gif') no-repeat 0 0; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; }
	.startsite #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav li .MooCounterButton { background-position: 0 -34px; }
/*--| WS-Projects Startsite [STOP!] */
/*--| WS-Projects Detail [START] */
	.content #index #ws-projects .ws-data { width: 900px; padding: 10px; margin: 0 0 15px 0; float: left; background: #f0ede6; }
	.content #index #ws-projects .ws-data p { font-size: 0.81em; line-height: 1.2; color: #38332d; }
	.content #index #ws-projects .ws-data p small { color: #5f574e; }
	.content #index #ws-projects .ws-data .ws-info { width: 450px; float: right; overflow: hidden; padding: 0 10px 0 20px; }
	.content #index #ws-projects .ws-data .ws-info h3 { font-size: 1.45em; color: #38332d; font-weight: bold; padding: 0 0 3px 0; margin: 0 0 5px 0; border-bottom: 1px solid #fff; }
	.content #index #ws-projects .ws-data .ws-info ul { width: 140px; padding: 10px 0 0 20px; float: right; list-style: none; }
	.content #index #ws-projects .ws-data .ws-info ul li { font-size: 0.81em; color: #5f574e; line-height: 1.1; padding: 0 0 5px 16px; background: url('/res/img/icon_ws-info_li.gif') no-repeat 0 3px; }
	.content #index #ws-projects .ws-data .ws-info .ws-client { width: 290px; float: left; }
	.content #index #ws-projects .ws-data .ws-info .ws-client h4 { color: #4c7d02; text-transform: uppercase; font-weight: bold; font-size: 0.88em; }
	.content #index #ws-projects .ws-data .ws-voting { border-top: 1px solid #d2cdc2; padding: 10px 0 0 0; }
	.content #index #ws-projects .ws-data .ws-voting h4 { font-size: 1.13em; font-weight: bold; font-style: italic; text-transform: uppercase; color: #ce6702; background: url('/res/img/bg_ws-voting_h4_detail.gif') no-repeat 0 0; padding: 0 0 8px 32px; }
	.content #index #ws-projects .ws-data .ws-voting p { font-style: italic; }
	.content #index #ws-projects .ws-data .ws-imgshow { width: 420px; float: left; overflow: hidden; }
	.content #index #ws-projects .ws-data .ws-imgshow .ws-img { width: 420px; height: 180px; overflow: hidden; }
	.content #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav { width: 260px; height: 34px; float: left; padding: 6px 0 10px 0; }
	.content #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav { width: 260px; height: 34px; float: left; padding: 6px 0 10px 0; }
	.content #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav li { display: inline; float: left; width: 34px; height: 34px; padding: 0 6px 0 0; text-align: center; font-size: 1.35em; }
	.content #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav li .MooCounterButton, .content #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav li .defaultMooCounterButton { float: left; width: 34px; height: 34px; background: url('/res/img/bg_ws-imgnav_detail.gif') no-repeat 0 0; font-weight: bold; text-decoration: none; }
	.content #index #ws-projects .ws-data .ws-imgshow ul.ws-imgnav li .MooCounterButton { background-position: 0 -34px; }
	.content #index #ws-projects .ws-data .ws-imgshow .ws-link { float: right; font-size: 0.69em; padding-top: 9px; }
	.content #index #ws-projects .ws-data .ws-imgshow .ws-link .MooTrans, .content #index #ws-projects .ws-data .ws-imgshow .ws-link .default { width: 154px; height: 23px; padding: 8px 0 0 0; background: url('/res/img/button_ws-projects_link_off.gif') no-repeat 0 0; }
	.content #index #ws-projects .ws-data .ws-imgshow .ws-link .MooTrans { color: #fff6c6; background: url('/res/img/button_ws-projects_link_on.gif') no-repeat 0 0; }
	.content #index #ws-projects .ws-data .ws-imgshow .ws-task { width: 400px; padding: 10px; background: #f8f7f5; }
	.content #index #ws-projects .ws-data .ws-imgshow .ws-task h4 { color: #ce6702; text-transform: uppercase; font-weight: bold; font-size: 0.88em; }
	.content #index #ws-projects .ws-data .ws-imgshow .ws-task p { color: #5f574e; padding-bottom: 0px; }
/*--| WS-Projects Detail [STOP!] */
/*--| WS-Projects Filter [START] */
	.portfolio #index h2 { float: left!important; width: 200px; }
	.content #index #projectTypeFilterForm { float: right; padding: 7px 0 0 0; width: 660px; }
	.content #index #projectTypeFilterForm ul { list-style: none; float: right; }
	.content #index #projectTypeFilterForm ul li { display: inline; float: left; padding: 7px 10px 7px 20px; border-right: 1px solid #f0ede6; }
	.content #index #projectTypeFilterForm ul li input { float: left; margin-top: 4px; height: 12px; width: 12px; }
	.content #index #projectTypeFilterForm ul li span { color: #5f574e; padding: 0 5px; font-weight: bold; font-size: 1em; }
	.content #index #projectTypeFilterForm #filter_submit { float: right; padding: 0 0 0 15px; width: 34px; height: 34px; }
/*--| WS-Projects Filter [STOP] */
/*--| Footer [START] */
	 #index #footer { width: 880px; padding: 10px 55px; font-size: 0.88em; float: left; background: url('/res/img/bg_footer.gif') no-repeat 0 0; }
	 #index #footer a { color: #fff; text-decoration: underline; }
	 #index #footer p#copyright { float: left; padding-right: 6px; }
	 #index #footer #wsmetanav { float: left; }
	 #index #footer #wsmetanav ul { list-style: none; }
	 #index #footer #wsmetanav ul li { display: inline; padding: 0 6px; border-left: 1px solid #7c6e50; }
	 #index #footer #validator { float: right; }
	 #index #footer #validator ul { list-style: none; }
	 #index #footer #validator ul li { display: inline; float: left; margin: 0 0 0 12px; padding: 2px 0 2px 20px; background: url('/res/img/icon_validator.gif') no-repeat 0 0 }
/*--| Footer [STOP!] */
/*-| Content [STOP!] */