/*

css-for timberwork.de

with a little help from Carrie Petri [carriep63.com]

,YAML [http://www.yaml.de/]

and of course Stu Nicholls [http://www.cssplay.co.uk]

*/

html

{

	margin: 0;

	/* setting border: 0 hoses ie6 win window inner well border */

	padding: 0;

}



body

  { font-size: 0.8em !important; font-family: trebuchet ms, sans-serif !important; background: #2E539A; margin: 0; padding: 10px }



form { margin: 0; padding: 0; }

a{

	color:#3f4056;

	text-decoration:none !important;

}

a:hover{

	color:#000;

}

a img { border: 0; }



h1, h2, h3, h4 h5, h6 {

	font-weight:normal;

}

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote

 { margin-top: 10px; margin-right: 5px; margin-bottom: 5px }



ul, li   { list-style-type: none; margin-top: 0; margin-bottom: 0 }

hr  { margin-right: 20px; height: 0; border-style: solid; border-width: 1px 0 0; border-color: #efefef }

.red	{color:red;}

/*main page*/

#page-margins      { background: #F8F8F8; padding: 10px; width: auto; min-width: 740px; max-width: 90em }  

#page_    { margin: 0 auto; padding: 0 }  

#header          { background-image: url("../images/bg_timberwork.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 130px 50%; margin: 0 0 10px; padding: 0; position: relative }
#header h1     { color: #000; font-size: 3.0em; font-family: "times new roman", serif; font-variant: small-caps; line-height: 70%; text-decoration: none; text-indent: 10px; letter-spacing: -1px; margin-left: 20px }
#header h2	 { color: #999; font-size: 1em; } 
#header .first_letter    { font-size: 1.3em }


#topnavbar	     { background-color: #efefef; margin: 0; padding: 0 0 0 20px; height: 20px }
#topnavbar .current   { color: #4d84c7; font-weight: 500; margin: 0; padding: 0 }

#content     { margin-top: 10px; margin-bottom: 10px; margin-left: 210px }
#content h1	{color: #182E7A;}
#content h2	 { color: #666666; letter-spacing: 0.1em }
#content h3, h4, h5  { color: #333; letter-spacing: 0.1em }
#content h5	{font-size: 1em;}

/* download typen */

  #content .download .downloads  {
margin : 0 10px;
padding : 0;
border-bottom : 1px solid #dcdcdc;
}
#content .download .downloads a.pdf {
margin : 0;
padding : 0 0 0 2em;
background-image : url("../images/downloads/pdf_default.gif");
background-repeat : no-repeat;
background-attachment : scroll;
}
#content .download .downloads a.external {
background-image : url("../images/downloads/external_default.gif");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : right 0%;
margin : 0;
padding : 0 1em 0 0;
}
#content .download .downloads a.onlinepdf  { 
background-image: url("../images/downloads/external_default.gif");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : right 0%;
margin : 0;
padding : 0 1em 0 0;
}
#content .download .downloads a.msword	{ 
background-image : url("../images/downloads/word_default.gif");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : right 0%;
margin : 0;
padding : 0 1em 0 0;
}
#content .download .downloads a.zip	{ 
background-image : url("../images/downloads/zip_default.gif");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : right 0%;
margin : 0;
padding : 0 1em 0 0;
}
#content .download .downloads a.excel	{ 
background-image : url("../images/downloads/excel_default.gif");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : right 0%;
margin : 0;
padding : 0 1em 0 0;
}
#content .download .downloads a.plain	{ 
background-image : url("../images/downloads/txt_default.gif");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : right 0%;
margin : 0;
padding : 0 1em 0 0;
}
#content .download .downloads a.default	{ 
background-image : url("../images/downloads/file_default.gif");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : right 0%;
margin : 0;
padding : 0 1em 0 0;
}


#footer	   { margin: 10px 0 0; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-top: 2px solid #efefef }
#footer .copy   { float: left }
#footer .top   { float: right }

#sidenavbar         { margin: 10px 0; padding: 0; width: 200px; float: left; border-right: 2px solid #ececec }
#sidenavbar  ul, li   { margin: 3px 0; padding: 0 }
#sidenavbar .module-navigation   { margin: 0; padding: 0 5px 0 0 }
#sidenavbar .module-navigation a{
text-decoration:none;
}

#sidenavbar .module-navigation li  { padding-bottom: 5px }
#sidenavbar .module-header{
	color: #182E7A;
}
#sidenavbar .module-articles h3	a { color: #f30; line-height: 70%; margin: 0; padding: 0 }
#sidenavbar .module-quicklinks a { color: #cc0000; text-decoration: none }
#sidenavbar .module-quicklinks { }

.content-nav a{
color:#CC0000;
}

blockquote{
background:#fff url(images/pagebody-background.gif) repeat-x;
padding:5px;
margin:0;
letter-spacing:1px;
color:#000;
border-top:1px solid #ddd;
font-family:sans-serif;
font-size:11px;
}

/*contact & mailform*/

#EmailForm	 { margin-left: 20px }
#EmailForm	label  {}
#cfName	{}
#cfEmail	{}
#cfRegarding	 { width: 400px; }
#cfMessage	{width: 400px;}
#cfContact	{color: #333; border: 1px #666}

/*online-articles*/

.onlinearticle {
background-image : url("../images/demobox.jpg");
background-repeat : no-repeat;
margin-bottom : 10px;
padding : 15px 20px 15px 15px;
width : 300px;
height : 350px;
float : left;
overflow : hidden;
}
.onlinearticle p {
width : 290px;
}
.onlinearticle h2 {
line-height : 80%;
}
.onlinearticle h3 {
line-height : 80%;
margin : 0;
padding : 0;
}
.onlinearticle h4 {
font-weight : bold;
line-height : 80%;
}



.ditto_info	  { background-color: #efefef; margin-top: 0; margin-bottom: 20px; padding: 5px 10px; clear: both }

.ditto_pages	{}

.ditto_page	{padding: 2px;}		

.ditto_currentpage	 { margin-right: 2px; margin-left: 2px; padding: 2px; border: solid 1px #ccc }	



/*helpers*/

.errors { color: #f30 }

.small { font-size: 0.8em }

.embed	 { margin: 10px; padding: 5px; border-bottom: 1px solid #999; border-left: 1px solid #999 }
.cd_order_link	 { font-size: 1.2em; background-color: #efefef; padding: 1px 2px }

/*breadcrumb*/

#breadcrumb  { font-size: 0.9em; margin-bottom: 10px }

/*diploma*/

.infobox   { padding: 5px; border: dotted 1px #333 }

.infobox h3  { font-size: 1em; background-color: #999 }

.img_float	  { margin: 5px; padding: 5px; position: relative; width: 210px; height: 210px; float: left; border: solid 1px #ccc }

.img_float img	 { margin: auto }

.img_float .img_descr	 { position: absolute; bottom: 0 }

.italic	 { font-style: italic }

.quote	 { font-style: italic }

.list-dot	 { list-style-type: disc }

.PrevNextMenu	    { margin-top: 20px; margin-bottom: 5px; padding-top: 10px; border-style: solid none none; border-width: 1px 0 0; border-color: #efefef }



/* Tooltip the style starts here */

a.tooltip  { color: #c00; font-style: italic }

a.tooltip span {display:none;}

a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}

a.tooltip:hover span {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:300px;}

a.tooltip:hover span em  { font-size: 1px; background: #fff url("../images/tooltip.gif"); display: block; position: absolute; top: -6px; left: 20px; width: 11px; height: 6px }



/* tagCloud */

#tagCloud   {margin-top:25px;}

#tagCloud a {text-decoration: none;padding-top: 0pt;padding-right: 4px;padding-bottom: 0pt;padding-left: 4px;}

#tagCloud a.tagXS	{font-size: 11px}

#tagCloud a.tagS	{font-size: 15px}

#tagCloud a.tagM	{font-size: 17px}

#tagCloud a.tagL	{font-size: 21px}

#tagCloud a.tagXL	{font-size: 24px}



/* FeedX */

.feedX	  { margin-bottom: 10px; border-bottom: 1px solid #efefef }
.feedX li  { margin-left: 10px }
.feedX li a	  { font-size: 1.1em; font-weight: bold; text-indent: 10px; letter-spacing: 1px }


/* Toggle */

.linklist .trigger {

	padding: 0 0 0 2em;

	margin: 0 0 5px 0;

	background: url(../img/toggle-icon.gif) no-repeat;

	height: 20px;

	line-height: 20px;

	font-weight: normal;

}

.linklist p.active {background-position: left bottom;}