@charset "utf-8";
/* CSS Document */
body, html{height:100%}
body{
	margin:0;
	padding:0;
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	/*background: #813f08 url(../images/rahmendesign/bodyBG.gif) repeat-x fixed;*/
	background:url(../images/rahmendesign/bodyBG_stone2.jpg) fixed;
	color:#FFFFFF;
}
input, textarea, select{border:none; background:none transparent; padding:0; margin:0; font-family:"trebuchet MS", Arial, Helvetica, sans-serif;}
ul, li{margin:0; padding:0; border:0; background:none;}
.clearer{float:none; clear:both;}
a{color:#FFFFFF; font-weight:bold;}
a:hover{text-decoration:none; color:#000000; background-color:#ffffff;}
#page{
	width:996px;
	margin:auto;
	padding:0 0 0 0;
	overflow: hidden;
	background:url(../images/rahmendesign/pageBG.gif) repeat-y;
	border:2px solid #000000;
	margin-top: 58px;
	margin-bottom: 30px;
}
#pageContent{
	width:996px;
}
/*___________HEAD______________*/
#head{
	width:996px;
	height:195px;
	position: absolute;
	top: 25px;
	background:url(../images/rahmendesign/headerBG.jpg) no-repeat;
	border: 2px solid #000000;
	border-bottom:none;
	margin: 0 -2px 0 -2px;
	
}
#head #logo{
	position:relative;
	float:left;
	width:372px;
	margin:17px 0 0 12px;
	height: 74px;
	background:url(../images/rahmendesign/logo.gif) no-repeat;
}
#head #logo #bikerlogo{
	display:block;
	position:absolute;
	width:137px;
	height:131px;
	margin:0 0 0 0;
	background:url(../images/rahmendesign/bikerLogo.gif) no-repeat;
	left: 35px;
	top: -50px;
}
/*___________HEAD NAVI______________*/
#head #headnavi{
	float:right;
	margin:5px 2px 0 0px;
	width:433px;
	height:35px;
	overflow:hidden;
	background:url(../images/rahmendesign/mainnaviBG.gif) no-repeat;
	padding: 0 0 0 10px;
}
#head #headnavi a{
overflow:hidden;
	display:block;
	width:94px;
	height:23px;
	margin:10px 13px 0 0;
	float:left;
	color:#FBAC29;
	text-align:center;
	text-decoration:none;
	padding:2px 0 0 0;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.02em;
}
#head #headnavi a:hover{
background:url(../images/rahmendesign/mainnavi_mo.gif) no-repeat;
background-color:transparent;
}
#head #headnavi a.act{
background:url(../images/rahmendesign/mainnavi_act.gif) no-repeat;
background-color:transparent;
	color:#FFFFFF;
}
/*___________HEAD SUCHE______________*/
#head #search{
	float:left;
	width:230px;
	margin:0 0 0 11px;
	background:#eeede8;
	height: 48px;
	font-size: 20px;
	font-style: italic;
	padding: 0 0 0 11px;
	letter-spacing: -0.01em;
}

/*___________3 SPALTER______________*/
#threecollumns{
	width:996px;
	margin:162px 0 0 0;
	padding:0;
	background:url(../images/rahmendesign/contentBG.jpg) no-repeat;
	min-height:364px;
}
* html #threecollumns{ height:364px;}
#left{
	width:221px;
	margin:0 0 0 0;
	top: 0px;
	float: left;
}
#center{
	overflow:hidden;
	width:504px;
	margin:0 35px 0 15px;
	float: left;
	padding: 10px 0 10px 0;
	font-size: 13px;
	color: #FEE2B4;
	line-height: 20px;
}
#right{
	float:right;
	width:221px;
	margin:0;
	position: relative;
}
#right #rightoverlay{
	position:absolute;
	width:59px;
	height:274px;
	background:url(../images/rahmendesign/rightOverlay.png) no-repeat;
	margin: 86px 0 0 162px;
}
#right #content{}
#right .trenner{ background:url(../images/rahmendesign/rightBox_trenner.gif) repeat-y; width:221px; height:20px; margin:0 0 0 0; padding:0 0 0 0;}




.designerList{
	width:997px;
	height:110px;
	margin:0 0 11px 0;
	float:left;
}
/*___________________________CENTER_______________________________________________*/
#centerContainer{
	float:right;
	margin:0;
	background:url(../images/rahmendesign/centerContainerBG.gif) repeat-y;
	width:775px;
}
#center h1{
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:22px;
	letter-spacing:0em;
	margin:20px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:3px solid #000000;
}
#center p{
	margin:6px 0 6px 0;
}
#center p.orange{color:#fbac29;}
#center .csc-textpic img{padding:2px; background-color:#fbad28; border:2px solid #000000;}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image{text-align:center; padding:3px;}
	div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image:hover{padding:2px; border:1px solid #fbac29;}
#center .csc-textpic-caption{font-size:9px; color:#ffffff; text-align:center; line-height:10px; padding-top:3px; }
#center .twobox{
	display:block;
	margin: 20px 0 20px 0;
	font-size: 10px;
	color: #fdcc78;
	line-height: 16px;
}
#center .twobox .left, #center .twobox .right{
	width:242px;
	float: left;
}
#center .twobox .left{ margin-right:20px;}
#center .twobox h1{
	margin-top:0px;
	font-size:18px;
	color: #FBAC29;
	margin-bottom: 6px;
}
#center .whitebox{
	background-color:#FFFFFF;
	padding:0 10px 10px 10px;
	color:#512311;
	border:3px solid #642e19;
}
#center .whitebox ul{ margin:5px 15px 5px 35px;}
#center .whitebox li{ list-style-position:outside; list-style-image:url(../images/rahmendesign/bullet_gelb.gif);}
#center .whitebox h1{
	color:#7f3b07;
	padding-top: 10px;
	border-color:#fbac29;
}
#center .whitebox .csc-header h1 {
border-color:#FBAC29;
color:#7F3B07;
margin-bottom:8px;
margin-top:10px;
padding-bottom:10px;
padding-top:7px;
}
#center .whitebox h2 {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:19px;
font-weight:normal;
letter-spacing:2px;
padding:0;
margin:15px;
}
#center .whitebox h3 {
border-bottom:1px dotted;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:normal;
letter-spacing:2px;
margin:15px;
padding:0 0 5px;
}
#center .whitebox a{color:#fbac29;}
#center .whitebox p{margin:0 15px 0 15px;}
#center .whitebox .twobox .left, #center .whitebox .twobox .right{
	width:229px;
	color:#512311;
}
#center .whitebox .twobox p{margin-left:0; margin-right:0;}
#center .whitebox .csc-textpic img{border:0; padding:0; }
#center .whitebox .csc-textpic-caption{color:#271008;}
/*___________________________HEADLINES____________________________________*/
#left h1{
	overflow:hidden;
	font-weight:bold;
	display:block;
	font-size:16px;
	letter-spacing:0em;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0 0 0 0;
} 
#right h1{
	line-height:15px;
	overflow:hidden;
	font-weight:bold;
	display:block;
	font-size:16px;
	letter-spacing:0em;
	text-transform:uppercase;
	color:#3a260b;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:0 0 0 0;
}

#left h1{margin:0 0 10px 0;}
#left h1.navigation {
background:transparent url(../images/rahmendesign/naviHead.gif) no-repeat scroll 40px 10px;
height:33px;
margin:45px 0 10px;
}
#left h2, #right h2{
	width:181px;
	overflow:hidden;
	display:block;
	font-size:14px;
	line-height:12px;
	letter-spacing:0em;
	text-align:left;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	margin:0;
	padding:10px 0 10px 0;
}
#left .kats, #left .content, #left .neutral{
	display:block;
	padding:0 20px 10px 20px;
	margin:0 0 11px 0;
}
#left .content{
	margin:0 2px 10px 0;
	padding:0 0 10px 20px;
}
/*MAINNAVI #LEFT _________________________________*/
#left .kats{
	text-align:right;
	margin: 50px 0 15px 0;
	padding: 0;
	position: relative;
	min-height:170px;

}
* html #left .kats{height:200px;}
#left .kats a{
	text-transform:uppercase;
	color:#3a260b;
	background:#f5e5c9 url(../images/rahmendesign/leftKats_bg.gif) no-repeat;
	width:116px;
	padding:5px 10px 4px 93px;
	text-decoration:none;
	display: block;
	margin-top:6px;
	margin-bottom:0px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #3a260b;
	border-left:none;
}
#left .kats a:hover{ background:url(../images/rahmendesign/leftKats_mo.gif) repeat-x #ffffff;}
#left .kats a.act, #left .kats a:hover.act{ background:url(../images/rahmendesign/leftKats_act.gif) #b76812 repeat-x; color:#FFFFFF;}
#left .kats a.sublvl1, #left .kats a.act-sublvl1{padding:1px 10px 1px 93px; margin:0; border-top:none; border-bottom:none;background-image:none; text-transform:none; line-height:14px;}
#left .kats a.act-sublvl1{ margin-top:6px; border-bottom:1px dashed; font-weight:bold; background:#f5e5c9 url(../images/rahmendesign/leftKats_bg.gif) repeat-x;}
#left .kats a.sublvl2, #left .kats a.act-sublvl2 { font:normal; margin-top:0px; margin-bottom:0px; border-top:none; border-bottom:none; font-size:10px; background-image:none; padding:0 10px 0 93px; background-color:#fbf5e9; text-transform:none;} 
#left .kats a.act-sublvl2 { text-decoration:underline;}
#left .kats a:hover.sublvl2{color:#fbac29;}
#left .kats #subnaviOverlay{
	position:absolute;
	width:93px;
	height:214px;
	margin:22px 0 0 0;
	background:url(../images/rahmendesign/subnaviOverlay.png) no-repeat;
}
#left .content{
	font-size:10px;
	line-height:1.6em;
}
#left #fueller{width:241px; margin:0; background-color:#eeede8; height:100%; display:block;}
#left .promoboxStart{padding:10px; border:1px dashed #ffffff;}

/*___________________________Designers-List____________________________________*/

.designerList{
	width:996px;
	height:110px;
	margin:0 0 11px 0;
	float:left;
	clear:both;
	display: none;
}

.designerList .left{
	display:block;
	width:221px;
	height:110px;
	float:left;
	margin:0 20px 0 0;
}

.designerList .right{
	margin:0;
	display:block;
	height:110px;
	width:755px;
	float:left;
}


/*___________________________RIGHTFRAME - BOXEN____________________________________*/

#right .promoboxStart, #right .promobox02, #right .logobox{
	display:block;
	padding:0 20px 20px 10px;
	margin:0 0 0 0;
	background:url(../images/rahmendesign/rightBox_trenner.gif) no-repeat bottom;
	font-size: 11px;
}
#right .suchbox{
	position:relative;
	display:block;
	padding:5px 10px 20px 14px;
}
#right .suchbox .headline{
	background:url(../images/rahmendesign/sucheHeadline.gif) no-repeat;
	display:block;
	position:absolute;
	width:61px;
	height:19px;
	top: -25px;
	z-index: 4500;
	margin-left: 40px;
}
#right .suchbox input{background-color:#e3e3e3;}
#right .suchbox input.eingabe {
	height:22px;
	margin:0 6px 0 0;
	padding:4px 5px 0;
	width:113px;
	color: #3a260b;
}
#right .suchbox input:hover{background-color:#FFFFFF;}
#right .suchbox input.abschicken{
	width:28px;
	height:26px;
	padding:0;
	margin:0 0 0 0;
	font-size: 11px;
	background:url(../images/rahmendesign/sucheBG.gif) no-repeat;
}
#right .promoboxStart h3, #right .promobox02 h3 {
	border-bottom:2px solid;
	border-top:2px solid;
	color:#3A260B;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	padding:3px;
	text-transform:uppercase;
}
#right .promobox02 h3{
	border-top:none;
	margin-top:0;
	padding-top:10px;
	border-color: #FBAC29;
}
#right .promobox02 h1{margin-top:0; padding-top:10px;}
#right .promoboxStart a, #right .promobox02 a{color:#3A260B; font-weight:bold;}
#right .promoboxStart{ padding-right:59px;}
#right .promobox02{
	padding-bottom:10px;
	margin-bottom:0px;
	color:#3a260b;
	background:url(../images/rahmendesign/promobox02_BG.gif) repeat-y;
	border-bottom: 20px solid #271008;
}
#footer{
	height:41px;
	width:955px;
	display:block;
	background:url(../images/rahmendesign/footerBG.gif) no-repeat;
	padding: 110px 20px 0 20px;
	text-align: center;
	
}
#footer a{
	font-size: 12px;
	color: #FBAD28;
	font-weight:normal;
	text-decoration:none;
}
#footer a:hover{ background:none; color:#FFFFFF;}


/*captcha*/
#captcha {border:1px solid #000;}
/*Kommentare________*/
.tx-skpagecomments-pi1{}
.tx-skpagecomments-pi1 form legend{ width:320px; text-align:center; background:#FFFFFF; border:1px solid #FBAD28;}
.tx-skpagecomments-pi1 form fieldset{ border:none;}
.tx-skpagecomments-pi1 form label{margin:0 0 0 0; display:block; width:420px;}
#center .whitebox .tx-skpagecomments-pi1 p{margin-left:0;}
.tx-skpagecomments-pi1 div.smileytext{display:block;}
.tx-skpagecomments-pi1 #skpagecomments-smileys{display:block; width:420px;}
.tx-skpagecomments-pi1 form textarea, .tx-skpagecomments-pi1 form input#name, .tx-skpagecomments-pi1 form input#email, .tx-skpagecomments-pi1 form input#homepage{padding:5px; border:#CCCCCC; background:url(../images/inputBG.gif) repeat-x #ffffff; border:1px solid #cccccc; color:#464646;}
.tx-skpagecomments-pi1 form input#skcommentssubmit{padding:5px; font-size:14px; text-transform:uppercase; font-weight:bold; float:left; margin:0 0 0 0; width:320px;}
.tx-skpagecomments-pi1 .sk-pagecomments-error{margin-left:0; width:320px; text-transform:uppercase; border:1px solid red; font-size:12px;}
.sk-pagecomments-headline{background-color:transparent; border-bottom:2px solid #7F3B07; padding-bottom:5px; font-size:14px; margin-top:10px;}
.sk-pagecomments-answerheadline{background-color:transparent; border-bottom:1px dashed #7F3B07;padding-bottom:5px; font-size:12px;}
sk-pagecomments-headline a:hover{background:none;}
.sk-pagecomments-headline span.sk-pagecomments-number{font-size:16px; font-weight:bold;}
.sk-pagecomments-comment{background:#FFFFFF;}


/*kontaktformular*/
.tx-powermail-pi1 input, .tx-powermail-pi1 textarea {border: #000 1px solid;}