/* CSS Document */

html,
body {
	padding:			0;
	margin:				0;
	height:				100%;
}
body {
	background-repeat: 	repeat;
	background-attachment: fixed;
	background-image: url(hintergrund.png);
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 			0;
	padding: 			0;
	border: 			0;
	outline: 			0;
	font-weight: 		normal;
	font-style: 		normal;
	font-size: 			100%;
	font-family: 		inherit;
	vertical-align: 	baseline;
}
:focus {
	outline: 			0;
}
ol, ul {
	list-style: 		none;
}
table {
	border-collapse: 	collapse;
	border-spacing: 	0;
}
caption, th, td {
	text-align: 		left;
	font-weight: 		normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/** @end reset **/

/**
 *	@group §1.2	Tools
 */
.hide {
	position: 			absolute !important; 
	left:				-9999px !important; 
}
.hide-text {
	text-indent: 		-9999px;
}

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Clearen per Overflow */
.floatbox { overflow:hidden; }

/* .floatbox-Anpassung fuer IE6 */
* html .floatbox {width:100%;}
/** @end Tools **/


/**
 *	@group §1.3 typography
 */
body {
	color:				#000;
	font:				14px/22px Arial, sans-serif;
}
strong {
	font-weight:		bold;
}
h3 {
	font-weight:		bold;
	padding-bottom:		22px;
}
a {
	color: #98123f;
	text-decoration: none;
}
a:focus,
a:hover {
	color: #98123f;
}
/** @end typography **/


/** @end DEFAULTS *****************************************/
/** @group §2 GLOBAL ***********************************/

/**
 *	@group §2.1	container
 */
#container {	
	min-height:			100%;
}
* html #container {
	height:				100%;
}
/** @end container **/

/**
 *	@group §2.2	header
 */
#header {
	height:				171px;
	border-bottom-width: 50px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
}
h1 a {
	display:			block;
	position: 			absolute;	
	width:				405px;
	height:				129px;
	left:				50px;
	top:				40px;
	
	background:			url(logo_web.png);
}
h2 {
	display:			block;
	position: 			absolute;
	width:				405px;
	height:				129px;
	right:				50px;
	top:				40px;
	font-size: x-large;	
}
/** @end header **/

/**
 *	@group §2.3	content
 */
#content {
	width: 50%;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
}
/** @end content **/

/**
 *	@group §2.4	nav
 */
#nav {
	float:				right;
	width:				330px;
	display:			inline;
	margin-top: -250px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
	padding-top: 280px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nav a {
	display:			block;	
	padding:			3px 22px 1px;
	
	color:				#FFF;
	font-size:			14px;
	text-decoration:	none;
}
* html #nav a {
	zoom:				1; /* IE6 hasLayout fix */
}
#nav a:focus,
#nav a:hover,
#startseite #navi01 a, 
#erfolgsfaktor #navi02 a, 
#produkte #navi03 a, 
#monofilamente #navi04 a, 
#multifilamente #navi05 a,
#kundenloesungen #navi06 a, 
#service #navi07 a, 
#zertifizierung #navi08 a, 
#download #navi09 a, 
#broschuere #navi09a a, 
#kontakt #navi10 a,
#kontaktformular #navi11 a, 
#anfahrt #navi12 a {


}

#nav li li a {
	padding:			1px 22px 0;
	font-weight:		normal;
	text-transform: 	none;
}
#nav ul {
	padding-bottom:		22px;
}
#nav li li {
	padding:			0;
}
/** @end nav **/

/**
 *	@group §2.5	secnav
 */
#secnav {
	position: 			absolute;
	top:				187px;
	width:				420px;
	color:				#FFF;
	font-size:			14px;
	text-align: 		right;
	right: 50px;
}

#secnav a {
	color:				#FFF;
	text-transform: 	uppercase;
	text-decoration: 	none;
	padding:			1px 2px;
}
#secnav a:focus,
#secnav a:hover {
	text-decoration: underline;
}

.jetztlink  {
	background-color: #98123f;
}
/** @end secnav **/


/** @end STRUCTURE ****************************************/
/** @group §3 MODULES *************************************/



/** @end MODULES ******************************************/

/**
 * CHAOS
 *
 * Platz zum Ausprobieren und debuggen.
 **/
/**/
