/* Stylesheets www.afk-kunststoff.de */

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

body, td, tr {
font: normal 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: white; 
	letter-spacing: 1px;
}

body {background: url(../../gfx/bg_main.jpg) repeat-x;}

div#center {
	position: relative; 
	width:686px; 
	height:261px; 
	margin:0 auto; 
	}

div#logo {position:relative; top:20px; left: 720px; width:160px; height:180px;}
div#features {position:absolute; top:-130px; left: 720px; width:160px; height:300px;}
div#standort {position: relative; width:686px; height:21px; margin: 0px auto; padding-top:10px; margin-bottom: 10px;}
div#standort-start {position: relative; width:686px; height:23px; margin: 0px auto; padding-top:10px; margin-bottom: 10px;}
div#content {position: relative; top:2px; width:686px; min-height:250px; margin: 0 auto; background: #464b52;}
div#content-start {position: relative; width:686px; margin: 0 auto; background: url(../../gfx/bg-cont.gif) repeat-y;}
div#bottom {
	position: relative;
	top: 0px; width:686px; height:25px;
	background:#848f94;
	margin: 0px auto;
	padding-top:10px;
	border-top: 2px solid #FFFFFF;
	}

li {
	list-style-image: url(../../gfx/reddot.gif);
	list-style-position: outside;
	margin: 0 0 15px 35px;
	padding-left: 0px;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}

h1 {
	font: bold 16px/18px Times New Roman, Times, serif;
	letter-spacing: 1px;
	margin-bottom: 8px;
}



/* Startseite Newsboxen rechts */

h3 { 
	font: bold 11px/14px Times New Roman, Times, serif;
	letter-spacing: 1px;
	margin-bottom: 8px;
	border-left: 6px solid #871126; padding-left: 14px;
}

.news3 {
	margin-left: 20px;
	margin-right: 5px;
	font-size: 9px;
	font-weight: normal;
	line-height: 11px;
}



/* Startseite Newsboxen rechts */

div.news, div.news2 {
	border: 1px solid #a9abb2; 
	background: #87858e;
	padding: 5px; 
	width: 158px;
	font-size: 9px;
	font-weight: normal;
	line-height: 11px;
	margin-bottom: 27px;
}


div.news { margin-top: 150px; }


p.flashlink {margin-top: 15px;}
div.news h2, div.news2 h2 { font-size: 10px; margin-bottom: 5px; }
p.pic {float: left; margin-right: 8px; vertical-align: text-top; margin-bottom: 25px;}
p.pic-news {float: left; margin-right: 8px; vertical-align: text-top; margin-bottom: 50px;}





li a {color: #ffffff; text-decoration: none; display: block;}
li a:hover {color: #b80131; text-decoration: none;}
li.current {background: #b2b9bd; padding: 0 0 3px 3px; color: #b80131;}

li.contlist {font-weight: normal; margin: 0 0 10px 25px; list-style-image: url(../../gfx/li-point.gif);}

img.img {border: 1px solid #FFFFFF;}

/* Navigation */
a.link, p.flashlink a {background: #fff; color: #cc0000; text-decoration: none; font-weight: normal; font-size: 9px; margin-top: 5px;}
a:hover.link, p.flashlink a:hover {color: #FFFFFF; background: none;}

a.form {color: #cc0000; text-decoration: none; font-weight: bold;}
a:hover.form {color: #cc0000;}



/* clear floating elements */
div.clear {
	clear: left;
	height: 60px;
	margin: 0;
	padding: 0;
	font-size: 0;
}




/* Navigation oben */
div#topnav {position:relative; top: 0px; left: 0px; width: 330px; height: 27px; background: #464b52; font-weight: bold; font-size: 10px;}
div#topnav a {background: #464b52; color: #FFFFFF; text-decoration: none; padding: 1px 3px 5px 3px;}
div#topnav a:hover {background: #464b52; color: #FFFFFF;}

/* Navigation AFK */
/* html>body #navi {top:208px;} */
#navi {position:relative; top:206px; left: 0px; width:686px; height:28px;}

html>body #navi a {display: block;}
div#one {position:absolute; left: 0px; width:94px;}
div#one a {background: url(../gfx/navi_aktuelles_grey.png);}
div#one a:hover {background: url(../gfx/navi_aktuelles_red.png);}

div#two {position:absolute; width:145px; left:94px;}
div#two a {background: url(../gfx/navi_unternehmen_grey.png);}
div#two a:hover {background: url(../gfx/navi_unternehmen_red.png);}

div#three {position:absolute; width:169px; left:239px;}
div#three a {background: url(../gfx/navi_leistungen_grey.png);}
div#three a:hover {background: url(../gfx/navi_leistungen_red.png);}

div#four {position:absolute; width:161px; left:408px;}
div#four a {background: url(../gfx/navi_umweltschutz_grey.png) no-repeat;}
div#four a:hover {background: url(../gfx/navi_umweltschutz_red.png);}

div#five {position:absolute; width:117px; left:569px;}
div#five a {background: url(../gfx/navi_konstruktion_grey.png);}
div#five a:hover {background: url(../gfx/navi_konstruktion_red.png);}
/* Ende */


/* Navigation Produkte */
p.products {float:left; margin:0 22px 22px 0;}

html>body #products a {display: block;}
#products a {border: 2px solid #FFFFFF; display: inline-block; height: 70px; width: 105px;}
#products a:hover {border: 2px solid #FFFFFF; background: #E9EBF4; 
	filter: alpha(opacity=60);	
	-moz-opacity: 0.60;
	}