/* CSS Document */



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { background:#cfd1d2; font-family:Arial, Helvetica, sans-serif;}

html, body { height:100%}


p { font-size:14px; color:#58585a}


/*
---------------------------------------------
02. distance
---------------------------------------------
*/


#distance { width:1px;	height:50%;	margin-bottom:-306px; /* half of container's height */	float:left;	}
		

/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/

#wrapper { width:1000px; height:612px; margin:0 auto; background:url(../images/elektrotechnik_moeckl.jpg) no-repeat center top; clear:left; position:relative}
#wrapper h1 { font-size:14px; color:#58585a; padding-left:147px; padding-top:500px; font-weight:lighter}
#wrapper h1 a { color:#FFFFFF; text-decoration:none}

#wrapperinner { width:1000px; height:612px; margin:0 auto; background:#626366; clear:left; position:relative}



/*
---------------------------------------------
04. leftpanel
---------------------------------------------
*/

#leftpanel { width:356px; float:left; padding-left:72px; padding-top:142px}

#leftpanel .list1 { width:130px; float:left; padding-right:10px}
#leftpanel .list1 ul li { font-size:14px; color:#000000; line-height:1.2em; padding-bottom:3px}
#leftpanel .list1 ul li a { color:#000000; text-decoration:none}
#leftpanel .list1 ul li a:hover { color:#FFFFFF; text-decoration:none}
#leftpanel .list1 ul li a.selected { color:#FFFFFF; text-decoration:none}


#leftpanel .list2 { width:185px; float:left; height:350px; overflow:auto}
#leftpanel .list2 ul li { font-size:14px; color:#000000; line-height:1.2em; padding-bottom:3px}
#leftpanel .list2 ul li a { color:#000000; text-decoration:none}
#leftpanel .list2 ul li a:hover { color:#FFFFFF; text-decoration:none}
#leftpanel .list2 ul li a.selected { color:#FFFFFF; text-decoration:none}
#leftpanel .list2 ul li ul { margin-left:73px; margin-top:-16.8px}
#leftpanel .list2 ul li ul li a { color:#000000}



/*
---------------------------------------------
05. rightpanel
---------------------------------------------
*/


#rightpanel { width:532px; float:left; padding-top:71px}
#rightpanel .navi { width:532px; float:left; padding-bottom:54px}
#rightpanel .navi p { float:left; font-size:14px; color:#A5A5A5}
#rightpanel .navi ul { float:right}
#rightpanel .navi ul li { float:left; font-size:14px; color:#A5A5A5; padding-left:15px}
#rightpanel .navi ul li a { color:#A5A5A5; text-decoration:none}
#rightpanel .navi ul li a.selected { color:#ffffff; text-decoration:none}
#rightpanel .navi ul li a:hover { color:#ffffff}

#rightpanel .photo { float:left; margin-top:75px; position:absolute}

#rightpanel .author { float:left; margin-top:459px; position:absolute}
#rightpanel .author p span { padding-right:8px}