@charset "utf-8";


html, body{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 12px;
	background: #fff url(../_images/bg01.gif) repeat-x;
	}

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

/* LAYOUT */


#container {
	width: 960px;
	margin: 0px auto;
	background-color:#FFF;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

#header {
	height: 51px;
	background:url(../_images/bg02.gif) repeat-x;
	}

#leiste1 {
	width: 960px;
	}

#kontakt{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	width: 130px;
	height: 40px;
	float: left;
	margin: 10px 0px 0px 20px;
	text-decoration:none;
	cursor:pointer;
	}

#selection {
	width: 760px;
	height: 172px;
	float:right;
	}

#content {
	width: 742px;
	float:right;
	padding: 9px;
	}

#footer {
	height: 55px;
	background: #dfdfdf;
	text-align:center;
	font-size: 10px;
	padding: 10px 0px 0px 0px;
	clear:both;
	background-image:url(../_images/bg_footer.gif);
	background-repeat: repeat-x;
	}

/* SELECTION */

#selection a {
	text-decoration:none;
	color: #438bbb;
	font-size: 11px;
	}

#metall,#kunststoff,#holz,#leder,#gummi,#mini,#schmuck,#fun   {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#438bbb;
	text-decoration:none;
	text-align:center;
	}

#metall{
	width: 94px;
	height: 172px;
	float: left;
	}

#kunststoff{
	width: 93px;
	height: 172px;
	float: left;
	}
	
#holz{
	width: 93px;
	height: 172px;
	float: left;
	}

#leder{
	width: 95px;
	height: 172px;
	float: left;
	}
	
#gummi{
	width: 93px;
	height: 172px;
	float: left;
	}

#mini{
	width: 94px;
	height: 172px;
	float: left;
	}

#schmuck{
	width: 94px;
	height: 172px;
	float: left;
	}

#fun{
	width: 94px;
	height: 172px;
	float: left;
	}

.metall_inaktiv{
	background-image:url(../_images/selection/metall_inaktiv.jpg);
	background-repeat:no-repeat;
	}
.metall_hover{
	background-image:url(../_images/selection/metall_hover.jpg);
	background-repeat:no-repeat;
	}
.metall_aktiv{
	background-image:url(../_images/selection/metall_aktiv.jpg);
	background-repeat:no-repeat;
	}

.kunststoff_inaktiv{
	background-image:url(../_images/selection/kunststoff_inaktiv.jpg);
	background-repeat:no-repeat;
	}
.kunststoff_hover{
	background-image:url(../_images/selection/kunststoff_hover.jpg);
	background-repeat:no-repeat;
	}
.kunststoff_aktiv{
	background-image:url(../_images/selection/kunststoff_aktiv.jpg);
	background-repeat:no-repeat;
	}

.holz_inaktiv{
	background-image:url(../_images/selection/holz_inaktiv.jpg);
	background-repeat:no-repeat;
	}
.holz_hover{
	background-image:url(../_images/selection/holz_hover.jpg);
	background-repeat:no-repeat;
	}
.holz_aktiv{
	background-image:url(../_images/selection/holz_aktiv.jpg);
	background-repeat:no-repeat;
	}

.leder_inaktiv{
	background-image:url(../_images/selection/leder_inaktiv.jpg);
	background-repeat:no-repeat;
	}
.leder_hover{
	background-image:url(../_images/selection/leder_hover.jpg);
	background-repeat:no-repeat;
	}
.leder_aktiv{
	background-image:url(../_images/selection/leder_aktiv.jpg);
	background-repeat:no-repeat;
	}

.gummi_inaktiv{
	background-image:url(../_images/selection/gummi_inaktiv.jpg);
	background-repeat:no-repeat;
	}
.gummi_hover{
	background-image:url(../_images/selection/gummi_hover.jpg);
	background-repeat:no-repeat;
	}
.gummi_aktiv{
	background-image:url(../_images/selection/gummi_aktiv.jpg);
	background-repeat:no-repeat;
	}

.mini_inaktiv{
	background-image:url(../_images/selection/mini_inaktiv.jpg);
	background-repeat:no-repeat;
	}
.mini_hover{
	background-image:url(../_images/selection/mini_hover.jpg);
	background-repeat:no-repeat;
	}
.mini_aktiv{
	background-image:url(../_images/selection/mini_aktiv.jpg);
	background-repeat:no-repeat;
	}

.schmuck_inaktiv{
	background-image:url(../_images/selection/schmuck_inaktiv.jpg);
	background-repeat:no-repeat;
	}
.schmuck_hover{
	background-image:url(../_images/selection/schmuck_hover.jpg);
	background-repeat:no-repeat;
	}
.schmuck_aktiv{
	background-image:url(../_images/selection/schmuck_aktiv.jpg);
	background-repeat:no-repeat;
	}

.fun_inaktiv{
	background-image:url(../_images/selection/fun_inaktiv.jpg);
	background-repeat:no-repeat;
	}
.fun_hover{
	background-image:url(../_images/selection/fun_hover.jpg);
	background-repeat:no-repeat;
	}
.fun_aktiv{
	background-image:url(../_images/selection/fun_aktiv.jpg);
	background-repeat:no-repeat;
	}


/* SEARCH CONTAINER */

#search {
	width: 220px;
	height: 30px;
	float:right;
	margin: 10px 20px 0px 0px;
	padding: 4px 0px 0px 0px;
	background:url(../_images/bg_search.gif) no-repeat;
	}

.searchfield {
	border: 0px;
	width: 155px;
	margin: 0px 0px 0px 10px;
	}
	
.searchbutton {
	width: 23px;
	height: 20px;
	background:url(../_images/search.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
.clearer {
	clear:both;
	}


/* MENUE */

#menue {
	width: 190px;
	float:right;
	padding: 10px 0px 0px 10px;
	}

#menue h1 {
	height: 18px;
	width: 180px;
	margin: 0px;
	padding: 3px 0px 0px 10px;
	font-size: 11px;
	background-image:url(../_images/menue/h1_bg.gif);
	background-repeat:no-repeat;
	font-weight: normal;
	}

#menue ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	}

#menue li {
	width: 170px;
	height: 18px;
	margin: 0px;
	padding: 2px 0px 0px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #dfdfdf;
	}

#menue a {
	color: #1e85d4;
	font-size: 11px;
	text-decoration: none;
	}
	
#menue a:hover {
	text-decoration: underline;
}

.listend {
	width: 190px;
	height: 20px;
	background-image:url(../_images/menue/listend.gif);
	background-repeat:no-repeat;
}

 /* TEXT */
 
 #footer {
	 color:#666;
	 font-size: 10px;
 	}
 
 #footer a {
	 color: #1e85d4 ;
	 text-decoration: none;
	 }

#footer a:hover {
	text-decoration: underline;
	}

#expressanfrage {
	width: 740px;
	height: 200px;
	margin: 10px 0px 0px 0px;
	background-image:url(../_images/expressanfrage.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 11px;
	}

/* CONTENT BOX */
#content h1 {
	font-size: 12px;
	color:#000;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	}
	
#content a {
	color: #1e85d4;
	text-decoration: none;
	}

#content a:hover {
	text-decoration: underline;
	}



/* --------------- Startseite --------------------- */

/* Infobox */

#infobox {
	margin: 10px 0px 0px 0px;
	font-size: 11px;
	color: #555;
	}

#infobox-top {
	width: 739px; 
	height: 23px; 
	background-image:url(../_images/startseite/3sp_bg_top.gif); 
	background-repeat:no-repeat;
	}

#infobox-body {
	width:739px; 
	background-image:url(../_images/startseite/3sp_bg_body.gif); 
	background-repeat: repeat-y;
	padding: 0px;
	padding: 0px;
	}

#infobox-bottom {
	width: 739px; 
	height: 20px; 
	background-image:url(../_images/startseite/3sp_bg_bottom.gif); 
	background-repeat:no-repeat;
	}

#infobox img {
	border: 0px;
	}

#infobox p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#infobox h1 {
	font-size: 12px;
	color:#000;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	}
	
#infobox a {
	color: #1e85d4;
	text-decoration: none;
	}

#infobox a:hover {
	text-decoration: underline;
	}


/* Express-Anfrage */

.expressanfrage-formularfeld1 {
	border: 1px solid #999;
	height: 17px;
	width: 75px;
	font-size: 10px;
}

.expressanfrage-formularfeld2 {
	border: 1px solid #999;
	height: 15px;
	width: 150px;
	font-size: 10px;
	margin: 1px 0px 1px 0px;
	background-image:url(../_images/bg_textfeld.gif);
}

.expressanfrage-formularfeld3 {
	border: 1px solid #999;
	height: 15px;
	width: 35px;
	font-size: 10px;
	margin: 1px 0px 1px 0px;
	background-image:url(../_images/bg_textfeld.gif);
}

.expressanfrage-formularfeld4 {
	border: 1px solid #999;
	height: 15px;
	width:110px;
	font-size: 10px;
	margin: 1px 0px 1px 0px;
	background-image:url(../_images/bg_textfeld.gif);
}

.expressanfrage-formularfeld5 {
	border: 1px solid #999;
	height: 18px;
	width:48px;
	font-size: 10px;
	margin: 1px 0px 1px 0px;
}

.expressanfrage-formularfeld6 {
	border: 1px solid #999;
	height: 15px;
	width: 99px;
	font-size: 10px;
	margin: 1px 0px 1px 0px;
	background-image:url(../_images/bg_textfeld.gif);
}

.expressanfragebutton {
	width: 250px;
	height: 19px;
	background-image:url(../_images/bg_button.gif);
	font-size: 11px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border: 1px solid #3691d1;
	}
	

/* TOP 4 Sticks */

#topsticks {
	width: 739px;
}

#topsticks-top {
	width: 739px; 
	height: 23px; 
	background-image: url(../_images/box_bg_top.gif); 
	background-repeat:no-repeat;
	margin: 10px 0px 0px 0px;
	}

#topsticks-body {
	width:729px; 
	background-image: url(../_images/box_bg_body.gif); 
	background-repeat: repeat-y;
	padding: 0px 5px 0px 5px;
	
	}

#topsticks-bottom {
	width: 739px; 
	height: 20px; 
	background-image: url(../_images/box_bg_bottom.gif); 
	background-repeat:no-repeat;
	}
	
#topsticks h1 {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	}

/* Top News */
#topnews-top {
	width: 739px; 
	height: 23px; 
	background-image: url(../_images/box_bg_top.gif); 
	background-repeat:no-repeat;
	}

#topnews-body {
	width:729px;
	background-image: url(../_images/box_bg_body.gif); 
	background-repeat: repeat-y;
	padding: 0px;
	padding: 0px 5px 0px 5px;
	}

#topnews-bottom {
	width: 739px; 
	height: 20px; 
	background-image: url(../_images/box_bg_bottom.gif); 
	background-repeat:no-repeat;
	}

.topnews-bild {
	width: 80px;
	height: 80px;
	float:left;
	margin:0px 10px 0px 10px;
	}

.topnews-content {
	width: 600px;
	float:left;
}

#topnews h1 {
	margin: 0px 0px 3px 0px;;
	padding: 0px;
	font-size: 12px;
	font-weight:normal;
	}

#topnews h2 {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	color:#999;
	margin: 5px 0px 15px 0px;
	padding: 0px;
	}

#topnews p {
	font-size: 10px;
	color: #666;
	margin: 0px;
	padding: 0px;
	}

/* ---------- produkte_list.asp Produktboxen ----------  */

#produktbox{
	width: 240px;
	margin: 0px 6px 15px 0px;
	float: left;
}

#produktbox-header{
	font-size: 10px;
	width: 240px;
	height: 31px;
	background-image: url(../_images/produktbox-header.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	}
	
#produktbox-body{
	width: 238px;
	height: 115px;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	text-align: center;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	}


	
#produktbox-footer{
	width: 235px;
	height: 22px;
	background-image: url(../_images/produktbox-footer.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 3px;
	padding-left: 5px;
	}

/* ---------- produkte_detail.asp ----------  */

.anfrage-formularfeld1 {
	border: 1px solid #999;
	height: 25px;
	width: 150px;
	font-size: 14px;
	padding: 2px 3px 2px 0px;
	background-image:url(../_images/bg_textfeld.gif);
}

.anfrage-formularfeld2 {
	border: 1px solid #999;
	height: 20px;
	width: 115px;
	font-size: 14px;
	margin: 1px 0px 1px 0px;
	background-image:url(../_images/bg_textfeld.gif);
}

#anfrage h3 {
	font-size: 12px;
	color:#06F;
	margin: 5px 0px 2px 0px;
	padding: 0px;
	}

.anfragebutton {
	width: 190px;
	height: 33px;
	background:url(../_images/anfrage_button.jpg) no-repeat;
	margin: 20px 0px 0px 150px;;
	padding: 0px;
	border: 0px;
	cursor: pointer;
	}

#verpackungenoverview{
	list-style: none outside none;
	margin: 0px; 
	padding: 0px;
}

#verpackungenoverview li{
	float:left; 
	padding: 5px; 
	margin: 5px 0px 5px 0px; 
	border-left: 1px solid #CCC; 
	width: 110px; 
	text-align:center;
}

#verpackungenoverview li em{
	display: display;
	top: -100px;
	width: 180px;
	height: 45px;
	position: absolute;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;

}

/* ---------- merkzettel.asp ----------  */

.abschickenbutton {
	width: 248px;
	height: 33px;
	background:url(../_images/abschicken_button.jpg) no-repeat;
	margin: 20px 0px 0px 230px;;
	padding: 0px;
	border: 0px;
	cursor: pointer;
	}

#merkzettel h1 {
	text-transform:uppercase;
	color: #555;
	font-size: 15px;
	margin: 0px 0px 15px 0px;;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
#merkzettel h2 {
	text-transform:uppercase;
	color: #555;
	font-size: 12px;
	margin: 15px 0px 5px 0px;;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

.merkzettel-formularfeld1 {
	border: 1px solid #999;
	height: 109px;
	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 1px 0px 1px 0px;
	background-image:url(../_images/bg_textfeld.gif);
	background-repeat:repeat-x;
}

#errorbox {
		border: 1px solid #cc0000;
		color: #cc0000;
		background-color: #FFDDDD;
		margin: 0px 0px 10px 0px;
}

#successbox {
		border: 1px solid #467d03;
		color: #467d03;
		background-color: #d0f3a5;
		margin: 0px 0px 10px 0px;
		padding: 20px;
		
}


/* ---------- Kontaktformular ----------  */

#kontaktformular {
		border: 0px;
		margin: 25px 0px 0px 25px;
		padding: 0px;
}

#kontaktformular label {
	display: inline-block; 
	width: 100px;
	font-size: 14px;
}

/* Anrede  */
.kontaktformular1 {
	border: 1px solid #ccc;
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	width: 80px;
	background-image:url(../_images/bg_textfeld.gif);
	background-repeat:repeat-x;
}

/* Normales Textfeld  */
.kontaktformular2 {
	border: 1px solid #ccc;
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	width: 200px;
	background-image:url(../_images/bg_textfeld.gif);
	background-repeat:repeat-x;
}

/* PLZ  */
.kontaktformular3 {
	border: 1px solid #ccc;
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	width: 50px;
	background-image:url(../_images/bg_textfeld.gif);
	background-repeat:repeat-x;
}

/* Ort  */
.kontaktformular4 {
	border: 1px solid #ccc;
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	width: 135px;
	background-image:url(../_images/bg_textfeld.gif);
	background-repeat:repeat-x;
}

/* Bemerkung  */
.kontaktformular5{
	border: 1px solid #ccc;
	margin: 5px 0px 5px 0px;
	padding: 0px 5px 5px 5px;
	background-image:url(../_images/bg_textfeld.gif);
	background-repeat:repeat-x;
}

/* Dropdown  */
.kontaktformular6 {
	border: 1px solid #ccc;
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	width: 210px;
	background-image:url(../_images/bg_textfeld.gif);
	background-repeat:repeat-x;
}

.kontaktformular-button {
	width: 248px;
	height: 33px;
	background:url(../_images/kontakt_button.jpg) no-repeat;
	margin: 25px 0px 20px 230px;;
	padding: 0px;
	border: 0px;
	cursor: pointer;
}


/* ---------- Allgemein ----------  */

.box1 {
		width: 739px;
		margin:0px;
		padding: 0px;
}

.box1-top{
	width: 729px;
	height: 18px; 
	background-image: url(../_images/box_bg_top.gif); 
	background-repeat:no-repeat;
	text-transform: uppercase;
	padding: 5px 5px 0px 5px;
	font-size: 10px;
	color:#666;
}

.box1-body{
	width:729px;
	background-image: url(../_images/box_bg_body.gif); 
	background-repeat: repeat-y;
	padding: 0px 5px 0px 5px;
	font-size: 11px;
	color:#555;
}

.box1-footer{
	width: 739px; 
	height: 20px; 
	background-image: url(../_images/box_bg_bottom.gif); 
	background-repeat:no-repeat;
}

.errorbox {
	width: 500px;
	margin: 10px;
	padding:10px 0px 10px 20px;
	border: 1px solid #cc0000;
	color: #cc0000;
	background-color: #FFDDDD;
}

/* ---------- News ----------  */

.news h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: bold;
	}

.news h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	}
	
.news .box1-body p {
	margin: 0px 10px 10px 0px;
	width: 600px;
	float: right;
	}

.news .box1-body img {
	margin: 0px 0px 0px 15px;
	width: 80px;
	height: 80px;
	float: left;
	border: 0px;
	}
	
.news .tags {
		font-size: 10px;
		color:#999;
		margin: 5px 0px 0px 0px;
}

.newsdetail h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: bold;
	}

.newsdetail h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	}
	
.newsdetail .box1-body p {
	margin: 0px 10px 10px 0px;
	width: 600px;
	float: right;
	}

.newsdetail .box1-body img {
	margin: 0px 0px 0px 15px;
	width: 80px;
	height: 80px;
	float: left;
	border: 0px;
	}
	
.newsdetail .newsbilder {
	margin: 0px 10px 10px 0px;
	width: 600px;
	float: right;
	}

.newsdetail .newsbilder img {
	margin: 0px 15px 15px 0px;
	width: 100px;
	height: 100px;
	float: left;
	border: 1px solid #666;
	}

.newsdetail .tags {
		font-size: 10px;
		color:#999;
}

.newsdetail ul {
	margin: 0px;
	}