/* -------------------------------------------------
style sheet for www.bfga.de
version:    3.01
date:       27.04.2011
autor:      torsten naujoks - www.websmith.de
------------------------------------------------- */


/* global layout stuff */

*{
margin:					0px;
padding:				0px;
outline:				0px;
}

html, body{
height:					100%;
}

html{
font-size:				100%;
}

body{
min-height:				100%;
height:					auto!important;
height:					100%;
font-family:			Arial, Helvetica, Sans;
color:					rgb(102,102,102);
background:				rgb(80,0,183);
}

#wd{
min-width:				968px;
background:				rgb(255,255,255) url(/layout/bg-body.gif) repeat-x;
}

img{
border:					none;
}

h1, h2, h3, h4{
color:					rgb(88,59,121);
padding:				10px 0px;
}

h1{
font-size:				21px;
}

h2{
font-size:				16px;
}

h3{
font-size:				14px;
}

h4{
font-size:				14px;
padding:				5px 0px 5px 0px;
}

th, td{
font-size:				13px;
vertical-align:			top;
border:					1px solid rgb(212,220,224);
padding:				4px 10px;
}

th{
font-size:				13px;
font-weight:			900;
background:				rgb(243,245,238);
}


/*  header */

#hd{
position:				relative;
width:					934px;
height:					128px;
background:				transparent;
margin:					0px auto 0px auto;
}

#logo{
position:				absolute;
top:					32px;
left:					18px;
height:					63px;
width:					146px;
}

#shine{
position:				absolute;
top:					0px;
left:					230px;
height:					128px;
width:					704px;
}

#hd h1{
position:				absolute;
top:					48px;
left:					185px;
overflow:				hidden;
z-index:				2;
font-family:			Verdana, Arial, Helvetica;
font-size:				10px;
font-weight:			300;
text-transform:			uppercase;
text-shadow: 			0px -1px 2px rgb(34,0,60);
color:					rgb(203,179,231);
}

#hd h1 i{
text-transform:			lowercase;
}


/* top small nav formating */

#nav_small{
position:				absolute;
top:					8px;
right:					24px;
z-index:				2;
}

#nav_small p{
font-family:			Arial, Helvetica, Verdana, sans-serif;
font-size:				12px;
font-weight:			300;
color:					rgb(136,80,202);
margin:					0px 136px 0px 0px;
}

#nav_small a{
text-decoration:		none;
text-shadow: 			0px -1px 2px rgb(34,0,60);
color:					rgb(203,179,231);
}

#nav_small a:hover, #nav_small b{
font-weight:			300;
color:					rgb(255,255,255);
}

#nav_small span{
font-size:				15px;
padding:				0px 5px;
}


/* searchform */

#nav_small form{
position:				absolute;
top:					-2px;
right:					0px;
height:					21px;
width:					129px;
overflow:				hidden;
background:				transparent url(/layout/search.gif) no-repeat 0px 0px;
margin:					0px;
}

#nav_small form:hover, #nav_small form.over{
background-position:	0px -21px;
}

#s{
position:				absolute;
top:					0px;
left:					0px;
height:					21px;
width:					98px;
font-family:			Arial, Verdana, Helvetica, sans-serif;
font-size:				12px;
line-height:			20px;
text-decoration:		none;
text-shadow: 			0px -1px 2px rgb(34,0,60);
color:					rgb(203,179,231);
background:				transparent url(/layout/n.gif);
border:					0px none;
margin:					0px;
padding:				1px 3px 0px 7px;
}

#nav_small form:hover #s, #nav_small form.over #s, #s:hover, #s:focus{
color:					rgb(255,255,255);
}

#sb{
position:				absolute;
top:					0px;
left:					108px;
height:					21px;
width:					21px;
overflow:				hidden;
font-size:				12px;
font-weight:			300;
text-align:				center;
background:				transparent url(/layout/n.gif);
border:					0px none;
margin:					0px;
padding:				36px 0px 0px 0px;
cursor:					pointer;
}


/* main pulldown nav formating
 the mainmenu with mootools performing spaced out luscious sausages from
  - Jason J. Jaeger | greengeckodesign.com
  - M. Popovici | digitalnature.ro
 damn, this was a trip to hell. despite some bugs respect guys, well done!
*/

#nav_main{
position:				absolute;
z-index:				3;
top:					88px;
right:					24px;
}

#nav{
display:				block;
font-family:			Arial, Verdana, Helvetica, Sans;
font-size:				16px;
font-weight:			900;
text-transform:			uppercase;
list-style:				none;
margin:					0px;
padding:				0px;
}

#nav li{
display:				block;
position:				relative;
float:					left;
margin:					7px 0px 0px 27px;
list-style:				none;
}

#nav a, #subMenusContainer a{
display:				block;
text-decoration:		none;
}

#nav a{
background:				transparent url(/layout/n.gif);
padding:				0px 0px 8px 0px;
}

#subMenusContainer a{
font-size:				12px;
color:					rgb(216,242,255);
border-bottom:			1px solid rgb(206,182,233);
padding:				6px 12px 6px 12px;
}

#subMenusContainer .last a{
border-bottom:			0px;
}

#nav li a{
text-shadow: 			0px -2px 1px rgb(41,0,90);
color:					rgb(218,202,236);
}

#nav li a:hover{
color:					rgb(255,255,255);
}

#nav li a.mainMenuParentBtnFocused,#nav li a.mainMenuParentBtnFocused:hover{
color:					rgb(255,255,255);
}

#subMenusContainer a, #subMenusContainer a, #subMenusContainer a.subMenuParentBtnFocused, #nav li li a{
text-shadow: 			0px -1px 1px rgb(41,0,90);
color:					rgb(255,255,255);
background:				rgb(120,55,196);
}

#subMenusContainer  a:hover, #subMenusContainer a:focus{
text-shadow: 			0px 1px 1px rgb(1,45,70);
background:				rgb(80,0,183);
}

#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused, #nav li li a:hover, #nav li li a:focus{
text-shadow: 			0px 1px 1px rgb(1,45,70);
color:					rgb(255,255,255);
}

#subMenusContainer .subMenuParentBtn{
background:				rgb(120,55,196) url(/layout/nav-arrow-sub.gif) right 8px no-repeat!important;
padding:				6px 18px 6px 12px;
}

#subMenusContainer .subMenuParentBtnFocused{
background:				rgb(80,0,183) url(/layout/nav-arrow-sub.gif) right -48px no-repeat!important;
padding:				6px 12px 6px 12px;
}

.smOW{
display:				none;
position:				absolute;
overflow:				hidden;
font-size:				12px;
padding:				0px 8px 22px 0px;
margin:					-1px 0px 0px 0px;
}

#nav ul, #subMenusContainer ul{
left:					0px;
list-style:				none;
line-height:			1em;
border:					1px solid rgb(41,0,90);
-moz-box-shadow:		0px 14px 8px rgba(0,0,0,0.2);
-webkit-box-shadow:		0px 14px 8px rgba(0,0,0,0.2);
margin:					0px;
padding:				0px;
}

#subMenusContainer{
display:				block;
position:				absolute;
top:					0px;
left:					0px;
width:					100%;
height:					0px;
overflow:				visible;
z-index:				1000000000;
margin:					0px;
}

#nav li li{
background:				transparent none;
float:					none;
}

#nav li li a{
position:				relative;
float:					none;
}

#nav li ul {
position:				absolute;
width:					10em;
margin-left:			-1000em;
margin-top:				2.2em;
}

#nav li ul ul {
margin:					-1em 0 0 -1000em;
}

#nav li:hover ul ul {
margin-left:			-1000em;
}

#nav li:hover ul{
margin-left:			0;
}

#nav li li:hover ul {
margin-left:			10em;
margin-top:				-2.5em;
}

#nav li a:focus + ul {
margin-left:			0;
margin-top:				2.2em;
}

#nav li li a:focus + ul {
left:					0;
margin-left:			1010em;
margin-top:				-2.2em;
}

#nav li li a:focus {
left:					0;
width:					10em;
margin-left:			1000em;
margin-top:				0;
}

#nav li li li a:focus {
left:					0;
width:					10em;
margin-left:			2010em;
margin-top:				-1em;
}

#nav li:hover a:focus{
margin-left:			0;
}

#nav li li:hover a:focus + ul {
margin-left:			10em;
}


/* stage: containers and layout elements for content and sidebar */

#md{
position:				relative;
min-width:				968px;
height:					100%;
min-height:				512px;
overflow:				hidden;
background:				url(/layout/stage.gif) no-repeat top center;
margin:					0px auto 0px auto;
}

#pct{
position:				absolute;
top:					0px;
left:					50%;
width:					934px;
margin:					0px 0px 0px -467px;
}

#psl{
position:				absolute;
top:					192px;
left:					50%;
margin:					0px 0px 0px -484px;
}

#psr{
position:				absolute;
top:					192px;
left:					50%;
margin:					0px 0px 0px 467px;
}

#psbdl{
position:				absolute;
top:					464px;
left:					50%;
width:					10px;
margin:					0px 0px 0px -477px;
}

#psbdr{
position:				absolute;
top:					464px;
left:					50%;
width:					10px;
margin:					0px 0px 0px 467px;
}

#stage{
width:					934px;
min-height:				414px;
background:				rgb(255,255,255);
margin:					0px auto 0px auto;
overflow:				hidden;
}


/* homepage roundabout */

.tipps{
position:				absolute;
left:					0px;
z-index:				1;
width:					934px;
height:					270px;
overflow:				hidden;
cursor:					default;
}

.mf *{
-moz-user-select:		none;
-webkit-user-select:	none;
-o-user-select:			none
}

.mf div.loader{
position:				absolute;
top:					30%;
width:					100%;
z-index:				10000;
font-size:				14px;
font-weight:			900;
text-align:				center;
color:					rgb(164,111,221);
background:				transparent url(/layout/loading.gif) no-repeat 50% 0;
margin:					0px auto;
padding:				70px 0;
}

.mf div.caption{
position:				absolute;
height:					256px;
width:					312px;
background:				transparent url(/layout/n.gif) no-repeat scroll 0 0;
z-index:				98;
}

.mf div.caption a{
display:				block;
height:					100%;
width:					100%;
}

.mf a.sliderNext, a.sliderPrev{
position:				absolute;
top:					240px;
z-index:				151;
text-decoration:		none;
width:					42px;
height:					34px;
background:				transparent url(/layout/bg-roundabout-arrow.jpg) no-repeat;
cursor:					pointer;
}

.mf a.sliderNext{
left:					29px;
background-position:	0px 0px;
}

.mf a.sliderNext:hover{
background-position:	0px -34px;
}

.mf a.sliderPrev{
left:					863px;
background-position:	-42px -0px;
}

.mf a.sliderPrev:hover{
background-position:	-42px -34px;
}



/* homepage container */

#ct1{
height:					236px;
width:					934px;
overflow:				hidden;
margin:					9px 0px 20px 0px;
}

#teaser{
position:				absolute;
left:					50%;
width:					934px;
height:					236px;
overflow:				hidden;
overflow-x:				auto;
margin:					0px 0px 0px -467px;
cursor:					default;
}

#teaser div.cart{
position:				absolute;
top:					9px;
width:					286px;
height:					208px;
font-size:				12px;
background:				transparent url(/layout/bg-homepage-teaser.png) no-repeat;
}

#teaser div h2{
font-size:				13px;
line-height:			18px;
padding:				9px 0px 0px 12px;
}

#teaser div p{
line-height:			18px;
margin:					6px 6px 0px 12px;
}

#teaser div p img{
height:					72px;
width:					72px;
float:					left;
margin:					0px 6px 0px 0px;
}

#teaser div a{
text-decoration:		none;
}

#ct2, #ct3, #ct4{
width:					898px;
}

#ct2{
padding:				0px 18px 0px 18px;
}

#ct2 h1{
text-align:				center;
}

#ct2 p, #ct4 p{
font-size:				14px;
line-height:			21px;
text-align:				center;
padding:				0px 0px 10px 0px;
}

#ct3{
height:					136px;
overflow:				hidden;
padding:				0px 18px 0px 18px;
background:				transparent url(/layout/bg-ct-home.gif) repeat-y;
}

#ct31, #ct32, #ct33{
float:					left;
overflow:				hidden;
font-size:				13px;
}

#ct31{
width:					275px;
margin:					0px 19px 0px 0px;
padding:				0px 18px 0px 0px;
}

#ct32{
width:					274px;
margin:					0px 0px 0px 0px;
padding:				0px 18px 0px 0px;
}

#ct33{
width:					275px;
margin:					0px 0px 0px 19px;
}

#ct3 div h2{
font-size:				13px;
font-weight:			600;
}

#ct3 div p{
line-height:			18px;
padding:				0px 0px 6px 0px;
}

#ct4{
padding:				18px 18px 0px 18px;
}

#ct2 a, #ct3 a, #ct4 a{

text-decoration:		none;
color:					rgb(120,55,196);
}

#ct2 a:hover, #ct3 a:hover, #ct4 a:hover{
text-decoration:		underline;
color:					rgb(171,41,15);
}


/* page & posts content itself */

#ct{
width:					586px;
height:					100%;
min-height:				436px;
overflow:				hidden;
font-size:				14px;
border-right:			1px solid rgb(206,182,233);
padding:				42px 18px 42px 18px;
}

#ct div.excerpt{
border-bottom:			1px solid rgb(212,220,224);
margin:					0px 0px 16px 0px;
padding:				0px;
}

#cthome h1, #ct h1{
font-size:				21px;
color:					rgb(48,56,64);
margin:					3px 0px 15px 0px;
padding:				0px 0px 7px 0px;
border-bottom:			1px solid rgb(206,182,233);
}

#ct p{
line-height:			21px;
padding:				0px 0px 10px 0px;
}

#ct blockquote{
line-height:			21px;
color:					rgb(104,114,119);
padding:				0px 0px 10px 16px;
}

#ct ol, #ct ul{
line-height:			21px;
margin:					0px 0px 0px 18px;
padding:				5px 0px 5px 0px;
}

#ct ul.ulre, #ct ol.olre{
margin:					-18px 0px 0px 176px;
}

#ct ul.ulre + h2, #ct ol.olre + h2, #ct ul.ulre + h3, #ct ol.olre + h3,#ct ul.ulre + p, #ct ol.olre + p{
clear:					left;
}

#ct h1 + ol, #ct h2 + ol, #ct h3 + ol, #ct h4 + ol, #ct h1 + ul, #ct h2 + ul, #ct h3 + ul, #ct h4 + ul{
padding:				0px 0px 5px 5px;
}

#ct ul li{
list-style-type:		none;
padding:				0px 0px 5px 18px;
background:				transparent url(/layout/ulli.gif) no-repeat 0px 0px;
}

#ct ul.lili li,#ct ul li.lili{
background:				transparent url(/layout/ulli.gif) no-repeat 0px -800px;
}

#ct ol li{
margin:					0px 0px 0px 27px;
padding:				0px 0px 5px 0px;
}

#ct ol ul li{
margin:					0px 0px 0px 10px;
padding:				0px 0px 5px 17px;
}

#ct img{
margin:					0px;
padding:				0px;
}

#ct p img{
display:				inline;
float:					left;
margin:					3px 17px 12px 0px;
}

#ct .wp-caption {
text-align:				center;
background:				rgb(242,246,246);
border-bottom:			1px solid rgb(206,182,233);
}

#ct div.alignleft{
float:					left;
width:					242px;
margin:					3px 17px 4px 0px;
}

#ct .wp-caption img{
border:					0px none;
margin:					0px;
padding:				0px;
}

#ct .wp-caption p.wp-caption-text{
text-align:				center;
font-size:				11px;
line-height:			16px;
margin:					0px;
padding:				0px 0px 2px 0px;
}

#ct .wp-caption  + p + h2, #ct .wp-caption  + p + h3, #ct .wp-caption + p  + p, #ct .wp-caption + p  + table{
clear:					left;
}

#ct a{
font-weight:			300;
text-decoration:		none;
color:					rgb(120,55,196);
}

#ct a:hover{
text-decoration:		underline;
color:					rgb(171,41,15);
}

#ct h1 a,#ct h2 a,#ct h3 a,#ct h4 a{
font-weight:			900;
text-decoration:		none;
}

#ct div.excerpt  p a.more{
display:				inline;
font-weight:			900;
text-decoration:		none;
background:				transparent url(/layout/nav-tree-arrow.gif) no-repeat 0px 2px;
padding:				0px 0px 0px 15px;
}

#ct div.excerpt  p a.more:hover{
color:					rgb(171,41,15);
background:				transparent url(/layout/nav-tree-arrow.gif) no-repeat 0px -13px;
}

#ct div.navigation{
font-size:				14px;
text-align:				right;
color:					rgb(212,220,224);
}

#ct div.navigation a{
font-size:				12px;
font-weight:			300;
text-decoration:		none;
}

#ct div.navigation a span{
font-size:				14px;
font-weight:			300;
}

#ct div#nav-beyond{
margin:					0px 0px 20px 0px;
}


/* tables ;-) */

#ct table{
background:				rgb(255,255,255);
border-collapse:		collapse;
border:					0px;
margin:					15px 0px;
}

#ct td{
font-size:				14px;
line-height:			21px;
vertical-align:			top;
border:					0px;
}


/* seminar table formatting */

#ct table.seminar{
margin:					9px 0px -26px 0px;
}

#ct table.seminar td{
padding:				0px;
}

#ct table.seminar td.sf{
padding:				0px 0px 10px 0px;
}

#ct table.seminar td.sf strong{
display:				block;
font-size:				15px;
margin:					0px 0px 9px 0px;
}

#ct table.seminar td.slt{
color:					rgb(111,64,143);
background:				rgb(246,243,248) url(/layout/arbeitsschutz-seminar/left-top.gif) left top no-repeat;
padding:				7px 0px 7px 7px;
}

#ct table.seminar td.sl{
color:					rgb(111,64,143);
background:				rgb(246,243,248) url(/layout/arbeitsschutz-seminar/left-middle.gif) left top repeat-y;
padding:				7px;
border-top:				1px solid rgb(219,207,235);
}

#ct table.seminar td.smtw{
background:				rgb(255,255,255) url(/layout/arbeitsschutz-seminar/middle-top-white.gif) left top no-repeat;
border-right:			1px solid rgb(219,207,235);
padding:				7px;
}

#ct table.seminar td.smt{
width:					2px;
background:				rgb(246,243,248) url(/layout/arbeitsschutz-seminar/middle-top.gif) right top no-repeat;
border-bottom:			1px solid rgb(219,207,235);
}

#ct table.seminar td.srt{
background:				rgb(255,255,255) url(/layout/arbeitsschutz-seminar/right-top.gif) right top no-repeat;
padding:				7px;
}

#ct table.seminar td.smm{
width:					2px;
background:				rgb(246,243,248) url(/layout/arbeitsschutz-seminar/middle-middle.gif) right top repeat-y;
border-bottom:			1px solid rgb(219,207,235);
}

#ct table.seminar td.slb{
color:					rgb(111,64,143);
background:				rgb(246,243,248) url(/layout/arbeitsschutz-seminar/left-bottom.gif) left bottom no-repeat;
border-top:				1px solid rgb(219,207,235);
padding:				7px 0px 7px 7px;
}

#ct table.seminar td.smb{
width:					2px;
background:				rgb(246,243,248) url(/layout/arbeitsschutz-seminar/middle-bottom.gif) right bottom no-repeat;
}

#ct table.seminar td.smbw{
width:					2px;
background:				rgb(255,255,255) url(/layout/arbeitsschutz-seminar/middle-bottom-white.gif) right bottom no-repeat;
border-top:				1px solid rgb(219,207,235);
padding:				7px;
}

#ct table.seminar td.srb{
background:				rgb(246,243,248) url(/layout/arbeitsschutz-seminar/right-bottom.gif) right bottom no-repeat;
border-top:				1px solid rgb(219,207,235);
padding:				7px;
}

#ct table.seminar td.sr{
padding:				7px;
border-top:				1px solid rgb(219,207,235);
border-right:			1px solid rgb(219,207,235);
}

#ct table.seminar td ul{
margin:					0px;
padding:				0px;
}

#ct table.seminar td ul li{
margin:					0px 0px 0px 0px;
}

#ct table.seminar td ul li.phone{
margin:					0px 0px 5px 0px;
}


/* references table formatting */

#ct table.referenz{
margin:					9px 0px 9px 0px;
}

#ct table.referenz td{
line-height:			18px;
padding:				0px;
}

#ct table.referenz .vertico, #ct table.team .vertico{
width:					161px;
color:					rgb(255,255,255);
border-right:			1px solid rgb(255,255,255);
padding:				0px 9px 0px 0px;
}

#ct table.referenz .verticos{
width:					161px;
color:					rgb(255,255,255);
border-right:			1px solid rgb(255,255,255);
padding:				3px 9px 0px 0px;
}

#ct table.referenz .cella{
width:					128px;
padding:				0px 9px 0px 9px;
}

#ct table.referenzb{
width:					100%;
border-top:				1px solid rgb(219,207,235);
margin:					6px 0px 15px 0px;
padding:				0px;
}

#ct table.referenzb td{
border-bottom:			1px solid rgb(219,207,235);
padding:				3px 0px;
}

#ct table.referenzb .cellb{
width:					400px;
padding:				3px 9px 3px 0px;
}


/* team table formatting within the 3 colowns tablecell "t6" */

#ct table.team{
margin:					15px 0px 0px 0px;
}

#ct table.team td{
line-height:			18px;
padding:				0px;
}

#ct table.team .vertico img{
margin:					3px 0px 5px 0px;
}

#ct table.team .cellh{
padding:				0px 9px 0px 9px;
}

#ct table.team .cella{
color:					rgb(88,59,121);
padding:				3px 9px 3px 12px;
}

#ct table.team .cellb{
width:					128px;
padding:				0px 9px 0px 12px;
}


/* lexicon */

#glossarselector{
height:					118px;
}

#glossarselector h2{
margin:					0px;
padding:				0px 0px 15px 0px;
}

#glossarselect{
margin:					0px 0px 3px 27px;
}

#glossargo, #ct span.but input{
white-space:			nowrap;
background:				transparent;
border:					0px none;
padding:				0px;
}


/* common form elements */

#ct a.but, #ct span.but{
height:					24px;
overflow:				hidden;
float:					left;
font-family:			Arial, Helvetica, Verdana, sans-serif;
font-size:				15px;
text-decoration:		none;
white-space:			nowrap;
text-decoration:		none;
background:				transparent url(/layout/but-tail.gif) no-repeat 100% 0px;
margin:		 			12px 0px 0px 0px;
padding:				0px;
cursor:					pointer;
}

#ct a.but span, #ct span.but input{
display:				block;
font-family:			Arial, Helvetica, Verdana, sans-serif;
font-size:				15px;
font-weight:			900;
text-align:				left;
color:					rgb(255,255,255);
background: 			transparent url(/layout/but-face.gif) no-repeat 0px 0px;
margin:		 			0px 14px 0px 0px;
padding:				2px 4px 4px 27px;
cursor:					pointer;
}

#ct span.but:hover{
background-position:	100% -24px;
}

#ct a.but:hover, #ct span.but:hover input{
background-position:	0px -24px;
padding:				2px 3px 4px 28px;
}


/* locator filialfinder */

#sifasi{
margin:					12px 0px 0px 0px;
}

#verzeichnis{
float:					right;
height:					512px;
width:					189px;
overflow:				hidden;
overflow-y:				auto;
margin:					0px 0px 27px 0px;
}

#verzeichnis ul{
padding:				0px;
}

#verzeichnis ul li{
line-height:			16px;
background:				transparent url(/layout/ulli.gif) no-repeat 0px -803px!important;
}

#fasi{
position:				relative;
height:					512px;
width:					394px;
float:					left;
margin:					0px;
overflow:				hidden;
border-right:			1px solid rgb(219,207,235);
margin:					0px 0px 27px 0px;
}

#fasi img.coordy{
position:				absolute;
z-index:				5000;
height:					14px;
width:					14px;
border:					0px none;
cursor:					crosshair;
}

#sicherheitsingenieur h2{
clear:					left;
float:					none;
margin:					0px 0px 0px 178px;
}

#sicherheitsingenieur h2 a, #sicherheitsingenieur h2 a:hover{
color:					rgb(88,59,121);
cursor:					default;
text-decoration:		none;
}

#sicherheitsingenieur p img{
margin:					-29px 17px 18px 0px;
padding:				0px;
}


/* forced breaks */

.clear{
float:					none;
clear:					both;
}

#ct br.clear{
float:					none;
clear:					left;
}


/* sidebar right-floating but within content */

#aside{
float:					right;
width:					311px;
height:					auto!important;
height:					100%;
overflow:				hidden;
}

#asidect{
height:					auto!important;
height:					100%;
width:					275px;
overflow:				hidden;
font-size:				13px;
margin:					48px 18px 0px auto;
}

#aside h3{
height:					24px;
font-size:				16px;
margin:					0px 0px 10px 0px;
padding:				0px 0px 5px 0px;
color:					rgb(88,59,121);
border-bottom:			1px solid rgb(206,182,233);
}

#aside h4{
font-size:				13px;
font-weight:			300;
margin:					6px 0px 3px 0px;
padding:				0px;
}

#aside h3 + h4{
margin:					0px;
padding:				6px 0px 3px 0px;
}

#aside h3 a, #aside h4 a{
text-decoration:		none;
color:					rgb(120,55,196);
}

#aside h4 a{
background:				transparent url(/layout/nav-tree-arrow.gif) no-repeat 1px 2px;
padding:				0px 0px 0px 16px;
}

#aside h4 a:hover{
color:					rgb(171,41,15);
background:				transparent url(/layout/nav-tree-arrow.gif) no-repeat 1px -38px;
padding:				0px 0px 0px 17px;
}

#aside p, #aside ul{
font-size:				13px;
}

#aside  p{
line-height:			18px;
padding:				0px 0px 6px 16px;
}

#aside p br{
font-size:				10px;
line-height:			10px;
}

#aside hr{
color:					rgb(255,255,255);
background:				rgb(255,255,255);
border:					0px none;
border-bottom:			1px solid rgb(255,255,255);
margin:					0px 0px 12px 0px;
}

#aside hr.leer{
border-bottom:			1px solid rgb(206,182,233);
margin:					0px 0px 5px 0px;
}


/* vertical navigation in sidebar */

#aside ul{
list-style:				none;
padding:				2px 0px 7px 1px;
}

#aside ul ul{
padding:				5px 0px 0px 12px;
}

#aside li{
padding:				4px 0px 2px 0px;
}

#aside li a, #aside li b{
display:				block;
text-decoration:		none;
padding:				0px 0px 0px 15px;
}

#aside li a{
color:					rgb(120,55,196);
background:				url(/layout/nav-tree-arrow.gif) no-repeat 0px 1px;
}

#aside li a:hover{
font-weight:			300;
color:					rgb(171,41,15);
background:				url(/layout/nav-tree-arrow.gif) no-repeat 0px -39px;
padding:				0px 0px 0px 16px;
}

#aside li b{
font-weight:			300;
color:					rgb(171,41,15);
background:				url(/layout/nav-tree-arrow.gif) no-repeat 0px -79px;
}


/* footer */

#footer{
height:					160px;
background:				rgb(80,0,183) url(/layout/corners-bottom.gif) no-repeat top center;
}

#footer div{
position:				relative;
width:					934px;
margin:					0px auto 0px auto;
}

#footer p{
position:				absolute;
top:					36px;
height:					108px;
font-size:				11px;
line-height:			15px;
color:					rgb(203,179,231);
margin:					0px 0px 18px 0px;
padding:				0px;
}

#footer p em{
display:				block;
font-style:				normal;
margin:					7px 0px 3px 0px;
}

#footer p.three em.home{
margin:					1px 0px 3px 0px;
}

#footer p a{
text-decoration:		none;
color:					rgb(203,179,231);
}

#footer p a:hover{
color:					rgb(255,255,255);
}

#footer p.one{
left:					18px;
width:					276px;
background:				transparent url(/layout/footer-seperator.gif) no-repeat top right;
padding:				0px 18px 0px 0px;
}

#footer p.two{
left:					330px;
width:					275px;
background:				transparent url(/layout/footer-seperator.gif) no-repeat top right;
padding:				0px 18px 0px 0px;
}

#footer p.three{
left:					641px;
width:					275px;
}

#footer p.three b{
font-weight:			300;
text-decoration:		underline;
}


/* metatoolbar */

#ct p.meta{
font-size:				13px;
line-height:			16px;
border-top:				1px solid rgb(206,182,233);
margin:					12px 0px 0px 0px;
padding:				12px 0px 10px 0px;
}

#ct p.beyonder{
margin:					56px 0px 0px 0px;
}

#ct p.meta *, #footer p.three span, #footer p.three a.recomment{
display:				block;
float:					left;
height:					16px;
overflow:				hidden;
color:					rgb(120,55,196);
background:				transparent url(/layout/meta-icons.gif) no-repeat;
margin:					0px 18px 0px 0px;
padding:				1px 0px 0px 22px;
cursor:					pointer;
-moz-user-select:		none;
-webkit-user-select:	none;
-o-user-select:			none
}

#ct p.meta *:hover{
text-decoration:		underline;
color:					rgb(171,41,15);
}

#ct p.meta .print{
background-position:	0px 0px;
}

#ct p.meta .print:hover{
background-position:	0px -36px;
}

#ct p.meta .bm{
display:				none;
background-position:	0px -72px;
}

#ct p.meta .bm:hover{
background-position:	0px -108px;
}

#ct p.meta .recomment{
background-position:	0px -144px;
}

#ct p.meta .recomment:hover{
background-position:	0px -180px;
}

#footer p.three span, #footer p.three a.recomment{
height:					20px;
color:					rgb(203,179,231);
background:				transparent url(/layout/meta-icons-home.gif) no-repeat;
}

#footer p.three span:hover, #footer p.three a.recomment:hover{
color:					rgb(255,255,255);
}

#footer p.three span.bm{
display:				none;
background-position:	0px -1px;
}

#footer p.three span.bm:hover{
background-position:	0px -37px;
}

#footer p.three a.recomment{
background-position:	0px -72px;
}

#footer p.three a.recomment:hover{
background-position:	0px -108px;
}


/* bookmarksbox */

.bmct{
position:				absolute;
top:					-300px;
height:					239px;
width:					328px;
overflow:				hidden;
visibility:				hidden;
z-index:				1000;
font-size:				11px;
line-height:			18px;
background:				transparent url(/layout/bg-bubble-shadow-bookmark.png) no-repeat 0px 0px;
padding:				0px 0px 0px 8px;
}

.bmct strong{
display:				block;
position:				absolute;
top:					16px;
left:					17px;
width:					260px;
z-index:				1001;
font-size:				13px;
font-weight:			900;
color:					rgb(88,59,121);
padding:				3px 0px 0px 0px;
}

.bmctl{
width:					137px;
float:					left;
padding:				44px 9px 0px 9px;
}

.bmctl a{
display:				block;
position:				relative;
height:					18px;
text-decoration:		none;
line-height:			18px;
color:					rgb(120,55,196);
margin:					0px 0px 2px 0px;
padding:				2px 2px 2px 25px;
}

.bmctl a:hover{
color:					rgb(171,41,15);
background:				rgb(255,255,255);
border:					1px solid rgb(212,192,236);
-moz-border-radius:		4px;
margin:					0px 0px 2px 0px;
padding:				1px 1px 1px 24px;
}

.bmctl a img{
position:				absolute;
top:					3px;
left:					3px;
width:					16px;
height:					16px;
}

.bmctl a:hover img{
top:					2px;
left:					2px;
}

.bmct .close{
position:				absolute;
top:					13px;
left:					301px;
width:					16px;
height:					16px;
overflow:				hidden;
cursor:					pointer;
}

.bmct .close img{
width:					16px;
height:					412px;
margin:					-288px 0px 0px 0px;
}

.bmct .close:hover img{
margin:					-324px 0px 0px 0px;
}


/* slimbox */

#dimmer{
position:				fixed;
z-index:				999;
left:					0;
top:					0;
width:					100%;
height:					100%;
visibility:				hidden;
background-color:		rgb(80,0,183);
}

#center{
position:				fixed;
left:					50%;
top:					50%;
z-index:				1000;
visibility:				hidden;
overflow:				hidden;
background:				rgb(255,255,255);
padding:				18px;
}

#center div{
float:					right;
margin:					0px 0px 0px 18px;
}

#center div h1{
border:					0px none;
padding:				0px 0px 0px 0px;
}

#center div p{
font-weight:			900;
padding:				9px 0px 0px 0px;
}


/* globales */

#toppy{
display:				none;
position:				fixed;
bottom:					9px;
left:					50%;
height:					21px;
width:					21px;
z-index:				10;
background:				transparent url(/layout/but-arrows.gif) no-repeat 0px -840px;
margin:					0px 0px 0px 145px;
}

#toppy:hover{
background-position:	0px -1050px;
}

#p_edit{
position:				fixed;
top:					10px;
left:					10px;
z-index:				10;
}

.post-edit-link{
position:				relative;
top:					-45px;
left:					620px;
z-index:				10;
}

.post-edit-link img{
height:					24px;
width:					24px;
}