@charset "UTF-8";


/* 

* * * * * Realisation: Marc Rinderknecht
* * * * * www.kobebeef.ch
* * * * * © 2009 

*/

@import url(reset.css);


/* * * * * START: GENERAL STUFF * * * * */
body {
	color: #ab9c8f;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
	text-align: left;
	width: 941px;	
	padding: 0 0 0 62px;
}
#logo {
	margin: 40px 0 132px 0;	
}
a {
	text-decoration: none;
	color: #ab9c8f;
}
a:hover {
	color: #58595b;
}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0;
}
#attnNoJS, #attnIE6 {
	padding: 5px;
	background: #C03;
	color: #FFF;
	width: 100%;
	font-size: 12px;
}
#attnNoJS {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}
#attnIE6 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 40;
}
/* * * * * END: GENERAL STUFF * * * * */


/* * * * * START: ACCORDION * * * * */
#accordion h3 {
	display: block;	
	height: 63px;
	text-indent: -9999px;
	margin: 0 0 32px 0;
}
#accordion h3 a {
	display: block;	
	height: 63px;
}
#accordion h3#mnWork a {
	background: url(/images/mn_work_a.gif) no-repeat;
}
#accordion h3#mnWork a:hover, #accordion h3#mnWork.ui-state-active a {
	background: url(/images/mn_work_b.gif) no-repeat;
}
#accordion h3#mnAbout a {
	background: url(/images/mn_about_a.gif) no-repeat;
}
#accordion h3#mnAbout a:hover, #accordion h3#mnAbout.ui-state-active a {
	background: url(/images/mn_about_b.gif) no-repeat;
}
#accordion h3#mnContact a {
	background: url(/images/mn_contact_a.gif) no-repeat;
}
#accordion h3#mnContact a:hover, #accordion h3#mnContact.ui-state-active a {
	background: url(/images/mn_contact_b.gif) no-repeat;
}
#accordion h3#mnLinks a {
	background: url(/images/mn_links_a.gif) no-repeat;
}
#accordion h3#mnLinks a:hover, #accordion h3#mnLinks.ui-state-active a {
	background: url(/images/mn_links_b.gif) no-repeat;
}
#accordion h2#mnRosa a {
	display: block;
	background: url(/images/mn_rosa_a.gif) no-repeat;
	height: 83px;
	text-indent: -9999px;
}
#accordion h2#mnRosa a:hover{
	background: url(/images/mn_rosa_b.gif) no-repeat;
}
#accordion .ui-accordion-header {
	cursor:pointer;
	margin-top: 1px;
	position: relative;
	zoom: 1;
}
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; }
/* * * * * END: ACCORDION * * * * */


/* * * * * START: SUBNAV * * * * */
.subnav {
	float: left;
	width: 396px;
	padding: 0 5px 0 0;
	text-transform: lowercase;
	line-height: 21px;	
}
.subnav ul li.active a {
	color: #58595b;
}
.subnav ul.firstLevel {
	float: left;
	width: 182px;
}
.subnav ul.secondLevel {
	float: left;
	width: 214px;
}
/* * * * * END: SUBNAV * * * * */


/* * * * * START: CONTENT * * * * */
#accordion > div {
	padding: 0 0 20px 10px;
	line-height: 21px;	
}
#accordion div .content {
	font-size: 16px;
	line-height: 21px;	
	float: left;	
	width: 529px;
}
#accordion div .content table td {
	vertical-align: top;	
}
#accordion div .content p.infotext {
	font-size: 11px;
	color: #333;
}
#accordion div .content p.infotext a {
	color: #333;
	text-decoration: underline;
}
#accordion div .content p.infotext a:hover {
	color: #333;
	text-decoration: none;
}
/* * * * * END: CONTENT * * * * */


/* * * * * START: SCROLLABLE PLUGIN (USED IN WORK) * * * * */
div.scrollable {
	float: left;
	width: 471px;
    position:relative;
	overflow:hidden;
	height:350px;
	margin: 0 0 5px 0;
}
div.scrollable div.items {
    width:20000em;
	position:absolute;
}
div.scrollable div.items div{
	float:left;
	width: 471px;
	height: 241px;
	margin: 0 1px 0 0;
}
a.prev, a.next {
	display:block;
	width:14px;
	height:13px;
	float:left;
	cursor:pointer;
	text-indent: -9999px;
}
a.disabled {
	visibility:hidden !important;
}
a.prev {
	margin: 0 0 0 10px;
	background: url(/images/switch_prev_a.gif) no-repeat;
}
a.next {
	margin: 0 0 0 20px;
	background: url(/images/switch_next_a.gif) no-repeat;
	clear:right;
}
a.prev:hover {
	background: url(/images/switch_prev_b.gif) no-repeat;
}
a.next:hover {
	background: url(/images/switch_next_b.gif) no-repeat;
}
/* * * * * END: SCROLLABLE PLUGIN (USED IN WORK) * * * * */


/* * * * * START: SPLASH SCREEN SPECIALS * * * * */
body#splash div#logo {
	margin: 40px 0 380px 0;	
}
/* * * * * END: SPLASH SCREEN SPECIALS * * * * */


/* additional reset for Firefox 3 */
a:focus, a:hover, a:active { 
	outline:none;
}

/* it's the positive mental attitude */