@charset "utf-8";
/* CSS Document */

/* #########################-----------------------------Standarts-----------------------------######################### */
* {
	margin:0;
	padding:0; }
	
html {
	height:100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #0c1636;
	font-size: 12px;
}
	
body {padding: 0; background-color: #dff2fc;}

#container {margin: 0 auto; width: 948px;}

a, a:visited { border: none; text-decoration: underline; color: #4198CE;}
a:hover {border: none; text-decoration: none;}

/* #########################-----------------------------Head-Bereich-----------------------------######################### */

#header {
	width: 684px;
	height: 45px;
	background: url(../images/header.jpg) no-repeat;
	padding: 272px 0 0 264px;
	}

/* #########################-----------------------------Navigation-----------------------------######################### */

a.navi { 
	overflow: hidden;
	position: relative;
	display:block; 
	float:left; 
	background-repeat:no-repeat; 
	border-bottom: none; 
	text-decoration: none;
	text-indent: -5000px;
	 }

a.home { padding: 0 0 0 0; background: url(../images/navi/home.jpg) 0px 0px; width: 72px; height: 45px; border-bottom: none;}
a.home:hover { padding: 0 0 0 0; background: url(../images/navi/home.jpg) 0px -45px; width: 72px; height: 45px; border-bottom: none; text-decoration: none;}

a.uns { padding: 0 0 0 0; background: url(../images/navi/uns.jpg) 0px 0px; width: 90px; height: 45px; border-bottom: none;}
a.uns:hover { padding: 0 0 0 0; background: url(../images/navi/uns.jpg) 0px -45px; width: 90px; height: 45px; border-bottom: none; text-decoration: none;}

a.kontakt { padding: 0 0 0 0; background: url(../images/navi/kontakt.jpg) 0px 0px; width: 93px; height: 45px; border-bottom: none;}
a.kontakt:hover { padding: 0 0 0 0; background: url(../images/navi/kontakt.jpg) 0px -45px; width: 93px; height: 45px; border-bottom: none; text-decoration: none;}

a.anfahrt { padding: 0 0 0 0; background: url(../images/navi/anfahrt.jpg) 0px 0px; width: 90px; height: 45px; border-bottom: none;}
a.anfahrt:hover { padding: 0 0 0 0; background: url(../images/navi/anfahrt.jpg) 0px -45px; width: 90px; height: 45px; border-bottom: none; text-decoration: none;}

a.impressum { padding: 0 0 0 0; background: url(../images/navi/impressum.jpg) 0px 0px; width: 107px; height: 45px; border-bottom: none;}
a.impressum:hover { padding: 0 0 0 0; background: url(../images/navi/impressum.jpg) 0px -45px; width: 107px; height: 45px; border-bottom: none; text-decoration: none;}

a.active {background-position: 0px -45px;}

/* #########################-----------------------------Subnavi-----------------------------######################### */

#subnavi { position: absolute; width: 265px;}

a.subnavi { 
	position: relative;
	top: 50px;
	left: 15px;
	overflow: hidden;
	display:block; 
	background-repeat:no-repeat; 
	border-bottom: none; 
	text-decoration: none;
	text-indent: -5000px;
	 }
	 
a.nutenziehmaschinen { margin: 0 0 3px 0; background: url(../images/navi/nutenziehmaschinen.jpg) 0px 0px; width: 246px; height: 28px; border-bottom: none;}
a.nutenziehmaschinen:hover { margin: 0 0 3px 0; background: url(../images/navi/nutenziehmaschinen.jpg) 0px -29px; width: 246px; height: 28px; border-bottom: none; text-decoration: none;}

a.werkzeuge { margin: 0 0 3px 0; background: url(../images/navi/werkzeuge.jpg) 0px 0px; width: 246px; height: 28px; border-bottom: none;}
a.werkzeuge:hover { margin: 0 0 3px 0; background: url(../images/navi/werkzeuge.jpg) 0px -29px; width: 246px; height: 28px; border-bottom: none; text-decoration: none;}

a.stosswerkzeuge { margin: 0 0 3px 0; background: url(../images/navi/stosswerkzeuge.jpg) 0px 0px; width: 246px; height: 28px; border-bottom: none;}
a.stosswerkzeuge:hover { margin: 0 0 3px 0; background: url(../images/navi/stosswerkzeuge.jpg) 0px -29px; width: 246px; height: 28px; border-bottom: none; text-decoration: none;}

a.was { margin: 0 0 3px 0; background: url(../images/navi/was_nutenziehen.jpg) 0px 0px; width: 246px; height: 28px; border-bottom: none;}
a.was:hover { margin: 0 0 3px 0; background: url(../images/navi/was_nutenziehen.jpg) 0px -29px; width: 246px; height: 28px; border-bottom: none; text-decoration: none;}

a.subactive {background-position: 0px -29px !important;}

/* #########################-----------------------------Content-----------------------------######################### */

#content {
	width: 948px;
	min-height: 369px;
	background: url(../images/content.jpg) no-repeat;
	background-color: white;
	}
	
#text {
	width: 452px;
	margin-left: 270px;
	padding-top: 50px;
	}
	
#bilder {
	width: 225px;
	position: absolute;
	float: left;
	top: 520px;
	margin-left: 42px;
	}
	
#bilder p { font-size: 10px;}

.pimg { font-size: 12px!important;}
	
#pixtext {
	width: 200px;
	padding-top: 205px;
	float: right;
	}

#text ul li { margin: 2px 0 0 20px;}
#text ul { margin: 0 0 20px 0;}

/* #########################-----------------------------Extra-----------------------------######################### */

#flaggen {
	position: absolute;
	background: url(../images/flaggen/button.jpg) no-repeat;
	width: 190px;
	height: 33px;
	float: right;
	margin: 115px 0 0 744px;
	}
a.flagge {
	overflow: hidden;
	display:block;  
	border-bottom: none; 
	text-decoration: none;
	text-indent: -5000px;
	float: left;
	 }
	
a.de { margin: 8px 0 0 25px; background: url(../images/flaggen/de.jpg) 0px -13px ; width: 18px; height: 13px; border-bottom: none;}
a.de:hover { margin: 8px 0 0 25px; background: url(../images/flaggen/de.jpg) 0px 0px; width: 18px; height: 13px; border-bottom: none; text-decoration: none;}

a.en { margin: 8px 0 0 5px; background: url(../images/flaggen/en.jpg) 0px -13px ; width: 18px; height: 13px; border-bottom: none;}
a.en:hover { margin: 8px 0 0 5px; background: url(../images/flaggen/en.jpg) 0px 0px; width: 18px; height: 13px; border-bottom: none; text-decoration: none;}

a.fr { margin: 8px 0 0 5px; background: url(../images/flaggen/fr.jpg) 0px -13px ; width: 18px; height: 13px; border-bottom: none;}
a.fr:hover { margin: 8px 0 0 5px; background: url(../images/flaggen/fr.jpg) 0px 0px; width: 18px; height: 13px; border-bottom: none; text-decoration: none;}

a.it { margin: 8px 0 0 5px; background: url(../images/flaggen/it.jpg) 0px -13px ; width: 18px; height: 13px; border-bottom: none;}
a.it:hover { margin: 8px 0 0 5px; background: url(../images/flaggen/it.jpg) 0px 0px; width: 18px; height: 13px; border-bottom: none; text-decoration: none;}

a.nor { margin: 8px 0 0 5px; background: url(../images/flaggen/nor.jpg) 0px -13px ; width: 18px; height: 13px; border-bottom: none;}
a.nor:hover { margin: 8px 0 0 5px; background: url(../images/flaggen/nor.jpg) 0px 0px; width: 18px; height: 13px; border-bottom: none; text-decoration: none;}

a.schw { margin: 8px 0 0 5px; background: url(../images/flaggen/schw.jpg) 0px -13px ; width: 18px; height: 13px; border-bottom: none;}
a.schw:hover { margin: 8px 0 0 5px; background: url(../images/flaggen/schw.jpg) 0px 0px; width: 18px; height: 13px; border-bottom: none; text-decoration: none;}

.flagactive {
	background-position: 0px 0px !important;}




a.navicon { 
	overflow: hidden;
	display:block; 
	float:left; 
	background-repeat:no-repeat; 
	border-bottom: none; 
	text-decoration: none;
	text-indent: -5000px;
	 }
	
a.nutenziehmaschinen_ { margin: 0 0 0 0; background: url(../images/navicon/nutenziehmaschinen.gif) 0px 0px ; width: 150px; height: 147px; border-bottom: none; float: left;}
a.nutenziehmaschinen_:hover { margin: 0 0 0 0; background: url(../images/navicon/nutenziehmaschinen.gif) 0px -148px; width: 150px; height: 147px; border-bottom: none; text-decoration: none; float: left;}

a.werkzeuge_ { margin: 0 0 0 0; background: url(../images/navicon/werkzeuge.gif) 0px 0px ; width: 150px; height: 149px; border-bottom: none; float: left;}
a.werkzeuge_:hover { margin: 0 0 0 0; background: url(../images/navicon/werkzeuge.gif) 0px -149px; width: 150px; height: 149px; border-bottom: none; text-decoration: none; float: left;}

a.stosswerkzeuge_ { margin: 0 0 2px 0; background: url(../images/navicon/stosswerkzeuge.gif) 0px 0px ; width: 150px; height: 147px; border-bottom: none; float: left;}
a.stosswerkzeuge_:hover { margin: 0 0 2px 0; background: url(../images/navicon/stosswerkzeuge.gif) 0px -148px; width: 150px; height: 147px; border-bottom: none; text-decoration: none; float: left;}

a.was_ { margin: 0 0 0 0; background: url(../images/navicon/was.gif) 0px 0px ; width: 150px; height: 88px; border-bottom: none; float: left;}
a.was_:hover { margin: 0 0 0 0; background: url(../images/navicon/was.gif) 0px -88px; width: 150px; height: 88px; border-bottom: none; text-decoration: none; float: left;}

a.leer { margin: 1px 0 20px 0; background: url(../images/navicon/leer.gif) 0px 0px ; width: 150px; height: 90px; border-bottom: none;}



a.karte { 
	overflow: hidden;
	display:block; 
	float:left; 
	background-repeat:no-repeat; 
	border-bottom: none; 
	text-decoration: none;
	text-indent: -5000px;
	 }
	


a.karte { margin: 0 0 0 10px; background: url(../images/kartek.jpg) 0px 0px; width: 200px; height: 240px; border-bottom: none;}
a.karte:hover { margin: 0 0 0 10px; background: url(../images/kartek.jpg) 0px -240px; width: 200px; height: 240px; border-bottom: none; text-decoration: none;}


/* #########################-----------------------------Footer-----------------------------######################### */

#footerbg {
	padding-top: 30px;
	background-color: white;
	width: 948px;
	margin: 0 auto;
	}

#footer {
	margin: auto;
	background: url(../images/footer.jpg) white no-repeat;
	width: 919px;
	height: 74px;
	}

/* #########################-----------------------------Klassen-----------------------------######################### */

.footertxt { padding: 40px 0 0 0; color: white; text-align: center;}

.nofloat {float: none; clear: both;}

#pdf {
	width: 495px;
	height: 70px;
	padding-bottom: 50px;
	}
	
#pdf2 {
	width: 495px;
	height: 150px;
	padding-bottom: 50px;
	}
	

.pdf { 
	overflow: hidden;
	display:block; 
	float:left; 
	background-repeat:no-repeat; 
	border-bottom: none; 
	text-decoration: none;
	padding: 21px 0 0 60px;
	float: left;
}

a.pdf { margin: 0 0 0 0; background: url(../images/pdf.jpg) 1px 0px ; width: 108px; height: 63px; border-bottom: none; color: #88c2e6; text-decoration: underline;}
a.pdf:hover { margin: 0 0 0 0; background: url(../images/pdf.jpg) 1px -83px; width: 108px; height: 63px; border-bottom: none; text-decoration: none; color: #4198CE;}

.pix {
	float: left; 
	background-color: #FFFFFF; 
	border: 1px solid #CCCCCC; 
	padding: 2px; 
	margin:0 6px 6px 0px;
	}
	
.pix2 {
	float: left; 
	background-color: #FFFFFF; 
	border: 1px solid #CCCCCC; 
	padding: 2px; 
	margin:0 6px 6px 0px;
	margin-bottom: 250px;
	}
	
.quad_pink, .quad_darkblue, .quad_red, .quad_grey, .quad_yellow, .quad_blue, .quad_green, .quad_violett 
{width: 10px; height: 9px; background-color: #FF0099; border: 1px solid black; float: left; margin: 4px 6px 0 0;}

.quad_darkblue{background-color: #000099;}
.quad_red{background-color: #FF0000;}
.quad_grey{background-color: #C3C3C2;}
.quad_yellow{background-color: #FFF500;}
.quad_blue{background-color: #0066CC;}
.quad_green{background-color: #009933;}
.quad_violett{background-color: #990066;}

.map24 { float: left;}
	 
/* #########################-----------------------------Schriften-----------------------------######################### */

h1 { font-size: 14px; color: #142c78; margin-bottom: 10px;}
p { font-size: 12px; color: #0c1636; line-height: 19px; padding-bottom: 15px;}