/*##############################
Beautiful Styles by ApparatF.de
Style-Guide
Project: Denkou Partner-Site
Blue: 333740
Green: e0ff2d
Width: 980px + 4px
Small all -200px
topnav width 821

TODO:
Table formatting
###############################*/

/* SET BASE FONT ATTRUBUTES */
html, body, input, body * { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #333740; }
body { padding-bottom: 20px; font-size: 62.5%; text-align: center; background:#e8e8e8 url(../img/_bg_body.gif)} /* padding: 0px wegen Opera 7 */
body#html_body { padding: 10px;   font-size: 70%; text-align: left;} /* padding: 0px wegen Opera 7 */



/* REMOVE PADDING AND MARGIN VALUES */
* { margin: 0; padding: 0; }

/* shadow top + bottom */
div#shdw_top {
	width: 984px;					/*!!width!!*/
         margin: 10px auto 0;
         background: url(../img/_shdw_top_984.png) no-repeat;
         overflow: hidden;
         height: 15px;
         }
div#shdw_bottom {
	width: 984px;					/*!!width!!*/
         margin: 0 auto 0;
         background: url(../img/_shdw_bottom_984.png) no-repeat;
         overflow: hidden;
         height: 15px;
         }

/* wrapper holds shadow left + right */
div#wrapper	{
	position: relative;
         width: 984px; margin: 0 auto 0;		/*!!width!!*/
         background: #e8e8e8 url(../img/_bg_wrapper_984.png) repeat-y;
         }
/* container */
div#container	{
	position: relative;
         width: 980px; margin: 0 auto 0;		/*!!width!!*/
         border: 0px solid #DCDCDC;
         border-bottom: none;
         background: #fefefe url(../img/_bg_container780.png) repeat-y;
         text-align:left;
         }


/* header */
div#header {
	width: 980px;					/*!!width!!*/
         height: 105px;
         border-bottom: 0px solid #CECECE;
	background: transparent url(../img/_bg_header980x119.png) no-repeat;
         }
img#logo { position: absolute; left: 24px; top: 25px; border: none; }


/* auxnav */
div#auxnav { margin: 5px auto 5px; width:770px; text-align:right;  color:#333; }
div#auxnav a {  color:#ccc; text-decoration: none;}

div#loginbox { position: relative; float: right; text-align: right; margin: 50px 20px 0 0;  }
div#loginbox form, div#loginbox a {  font-size: 1.1em; color: #e0ff2d; text-decoration: none;}
div#loginbox input { padding: 1px 0; font-size: 1.0em; border: 0px solid #dddddd; background: #ecfba1;}


/* breadcrumb */
div#breadcrumb {  }


/*left*/
div#left {
	float: left;
         width: 160px;				/*!!width!!*/
         padding: 24px 0 0 0;
         border-bottom: 1px solid #CECECE;
         }


/* content */
div#content	{
	float: left;
         width: 440px;				/*!!width!!*/
         padding: 22px 10px 15px 10px;
         font-size: 1.1em;
         }


div#right {
	width: 340px;				/*!!width!!*/
         float: left;
         padding: 20px 10px 15px 10px;
         font-size: 1.1em;
         background: transparent;
         }


/* footer */
div#footer   {
	clear: both;
         width: 640px;				/*!!width!!*/
         padding: 9px 170px 0px 170px;           /*padding +  width = 980*/
         border-top: 1px solid #CECECE;
         background: #fefefe;
         }

div#footer p { margin: 0 0 0 0; font-size: 1em;}

/* google  */
div#google	{ display: none; }



/* links */
div#content a:link, div#footer a:link, div#content  a:visited, div#footer  a:visited	{
	font-weight: normal;
         color: #2E63A6;
         text-decoration: underline;
         }
div#content a:hover, div#footer a:hover {
	text-decoration: underline;
         color: #DDAE3A;
         }
div#content a:active {  }


/* HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5, p, li, table { margin-top: 1em; margin-bottom: 0.5em; }
h1, h2, h3, h4, h5 {font-weight: bold; }
h1 {font-size: 1.2em; margin-top: 0;}
h2 {font-size: 1.1em; color: #333; }
h3 {font-size: 1em; color: #444; }
h4 {font-size: 1em; }
h5 { }
h6 { }

/*typo formatting*/

p, td, th, li	{ line-height: 1.4em; }

/* images */
img { border: 0px; float: none; }
img.left { float: left; margin: 3px 10px 10px 0px; }
img.right { float: right; margin: 3px 0px 10px 10px;}


/* tables */
table { border-collapse: collapse; font-size: 100%; } /* font-size: 100% wegen ie5 */

th, td { padding: 5px 3px; vertical-align: top; text-align: left; }
/*th { background: url(img/_bg_table_th.gif); padding: 0 3px !important; }
th { font-weight: bold; }
td {  }
td.left { text-align: left; }
td.right { text-align: right; }
*/
/* Lists */
ul, ol, dl {list-style-type: disc;}
li { margin-left: 16px; }

/* forms
fieldset { padding: 0px 10px 16px 10px;  }
legend 	{ margin: 0px 10px 0px 0px; padding: 0px 5px 5px 0px; color: #555; font-weight: bold;  }
label 	{ font-size: 1.0em; margin: 10px; }
textarea, input { padding: 1px 0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.0em; border: 1px solid #dddddd;}
input.checkBox, input.radioButton { position: relative; top: 0; }
textarea { height: 120px;  }
input.button { border: 1px solid #dddddd; }
select 	{  }
option 	{  }
label, legend, fieldset {border: none;}
*/

/* search */
div#search { background: transparent; margin: 0;}
div#search input { padding: 1px 0; font-size: 1.0em; border: 1px solid #dddddd;}
div#search input { margin: 0;}


/*topnav*/
div#topnav {
	width: 821px;				     /*	!!width!!  */
	height: 2.6em;
	padding-left: 159px;
	border-bottom: 0px solid #CECECE;
	background: #fff url('../img/_bg_topnav.png') repeat-x;
         background-position: 0 -32px;

}

div#topnav ul { /* all lists */
	padding: 0;
	list-style: none;
         }

div#topnav li { /* all list items */
	padding: 0px 0 0px;
	margin: 0;
	float: left;
	position: relative;
         border-right: 1px solid #CECECE;
}

div#topnav li a {
	display: block;
	padding: 5px 10px 6px 10px;
	border-left: 1px solid #CECECE;
         border-top: 1px solid #CECECE;
	color: #fefefe; font-size: 1.1em;
	text-decoration: none;
	/*custom font style
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -1px; */
}

div#topnav li.here a {
	background: #fff url(img/_bg_lvl1a.gif) repeat-x;
	color: #333740;
	/*blau 333740*/
}


div#topnav li a:hover, div#topnav li.here a:hover {
	background: #e0ff2d url(img/_bg_lvl1hover.gif) repeat-x;
	color: #fff;
}

div#topnav li li {
	padding: 0;
}

div#topnav li li a { /* subpoints */
	width: 100px;
	background: #fff url(img/_bg_lvl2.gif) repeat-x;
	font-size: 1.1em;
	padding: 6px 10px;
	text-decoration: none;
	border: none;
}

div#topnav li li a:hover {
	background: #333740  url(img/_bg_lvl1hover.gif) repeat-x;
	color: #fff;
}

div#topnav li ul { /* second-level lists */
	width: 120px;
	display: none;
	position: absolute;
	z-index: 10;
	left: 0;
	border: 1px solid #ccc; border-top: 1px solid #ccc;
	background: #fff;
}

div#topnav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

div#topnav li:hover ul, div#topnav li.over ul { /* lists nested under hovered list items */
	display: block;
}


/*sidebar*/

div#sidebar ul { padding: 0; list-style: none; }
div#sidebar li { padding: 0; margin: 0; float: left; position: relative; }

div#sidebar ul li a

{
	/*text-transform: uppercase;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	line-height: 0.9em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
         font-size: 1.2em;
         font-size: 1.1em;*/
	color:#333;
         display:block;
         width: 149px;
         text-decoration: none;
         background: #fefefe url(img/_bg_lvl2.gif) repeat-x;
         font-size: 1.1em;
         padding: 5px;
         border-top: 1px solid #ccc;
         }

div#sidebar ul li, div#sidebar ul li a:hover {
	color:#fff;
         background: #333740 url(img/_bg_lvl2.gif) repeat-x;
	}

div#sidebar ul li.here a{
	color:#fff;
         background: #333740;
	}