/**
  *  Standartstylesheet itracom
  *
  *  Mai 2009
  *  ITpure Jens Vogel
  *  www.itpure.de
  *
  **/

	html, body
		{
		margin: 0px; 
		padding: 0px;
		height: 100%;
		}

	body
		{
		color: #ffffff;
		background: #404040 url(../img/template/bg.jpg) repeat-x top;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 10px;
		text-align: left;
		}

/* Grundformatierung Layout */

	#main
		{
		width: 995px;
		background: #0c0c0c url(../img/template/bg_content.jpg) repeat-x top;
		position: relative;
		margin: 0px auto;
		min-height: 100%;
		}
		
	* html #main
		{
		height: 100%;
		}

	#content
		{
		padding-bottom: 59px;
		}

	#foot
		{
		width: 995px;
		height: 59px;
		background: #0c0c0c url(../img/template/foot.jpg) no-repeat top;
		position: relative;
		margin: -59px auto 0px auto;
		}

	.content_left
		{
		float: left;
		background: url(../img/template/bg_line.jpg) repeat-y top right;
		padding-right: 35px;
		margin-bottom: 35px;
		width: 638px;
		margin-top: -17px;
		}

	.trennlinie
		{
		float: right;
		margin-right: -35px;
		margin-top: 15px;
		}

	.content_right
		{
		float: left;
		margin-left: 35px;
		}
	
	.content_full
		{
		width: 918px;
		background: url(../img/artikel/top_bg.gif) no-repeat top right;
		margin: -17px 0px 35px 57px;
		padding-left: 20px;
		}

/* Formatierungen allgemein */

	a, a:link, a:visited, a:hover, a:active, a:focus
		{
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 10px;
		color: #ffffff;
		background-color: inherit;
		}

	h1, h2, h3, h4
		{
		padding-top: 10px;
		color: #fff;
		font-weight: bold;
		}

	h1
		{
		font-size: 22px;
		color: #FFF;
		}

	h2
		{
		font-size: 14px;
		margin-left: 10px;
		padding-top: 15px;
		margin-bottom: 0px;
		color: #d70300;
		background-color: inherit;
		}

	h3
		{
		font-size: 14px;
		margin-bottom: 5px;
		margin-top: 35px;
		}

	h4
		{
		font-size: 11px;
		margin-bottom: 5px;
		margin-top: 10px;
		}

	p
		{
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: 170%;
		letter-spacing: 1px;
		}

	ul, ol, form
		{
		margin-bottom: 7px;
		margin-top: 7px;
		line-height: 130%;
		}

	li
		{
		margin-bottom: 3px;
		margin-left: -20px;
		}

	br.clear_right
		{
		clear: right;
		}
	
	br.clear_left
		{
		clear: left;
		}

/* Kopfbereich */

	.date
		{
		float: left;
		margin-top: 8px;
		margin-left: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 12px;
		color: #511b1f;
		background-color: inherit;
		}
	
	.toplinks
		{
		float: right;
		margin: 8px 0px -3px 0px;
		}
	
	.linklist
		{
		display: block;
		width: 105px;
		text-align: center;
		float: right;
		}
	
	a.toplink, a.toplink:link, a.toplink:visited, a.toplink:hover, a.toplink:active, a.toplink:focus
		{
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 12px;
		color: #511b1f;
		background-color: inherit;
		}

	a.toplink:hover
		{
		font-weight: bold;
		}

	.hotline
		{
		height: 60px;
		width: 150px;
		background: url(../img/template/bg_hotline.jpg) repeat-x top;
		float: right;
		margin: 17px -9px 0px 0px;
		}
		
	.hlhead, .hlnmbr
		{
		margin: 3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #d70300;
		font-style: normal;
		line-height: 19px;
		}

	.hlnmbr
		{
		color: #555555;
		}

/* Hauptmenü */

	.menu
		{
		height: 34px;
		background: url(../img/template/menu_start.jpg) no-repeat left;
		margin-top: 8px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 16px;
		color: #ffffff;
		background-color: inherit;
		}
	
	.menu img
		{
		margin-left: 5px;
		}

	#nav, #nav ul
		{
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: left;
		line-height: 15px;
		}

	#nav li
		{
		float: left;
		width: 186px;
		margin-right: 20px;
		cursor: pointer;
		}

	#nav li ul
		{
		position: absolute;
		width: 186px;
		left: -999em;
		}
		
    #footertext
		{
		width:60%;
		color:#fff;
		position:relative;
		top:300px;
		text-align:left;
		margin:0px auto;
		margin-bottom: 10px;
		}

	#footertext h1, #footertext h2, #footertext h3
		{
		font-size:14px;
		margin:10px 0px 0px 0px;
		padding:0px;
		color:#fff;
		}

	#footertext h2
		{
		font-size:12px;
		}
	
	#footertext h3
		{
		font-size:12px;
		text-decoration:underline;
		}
	
	#footertext p
		{
		line-height:1.3em;
		}

	#nav li:hover ul, #nav li.sfhover ul
		{
		left: auto;
		margin-top: 1px;
		}

	a.imglink, a.imglink:link, a.imglink:visited, a.imglink:hover, a.imglink:active, a.imglink:focus, a img
		{
		text-decoration: none;
		border: none;
		}

	a.link, a.link:link, a.link:visited, a.link:hover, a.link:active, a.link:focus, a.userlink, a.userlink:link, a.userlink:visited, a.userlink:hover, a.userlink:active, a.userlink:focus
		{
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 10px;
		color: #ffffff;
		background-color: inherit;
		margin-left: 30px;
		}

	a.link:hover, a.userlink:hover
		{
		text-decoration: underline;
		}

	a.userlink, a.userlink:link, a.userlink:visited, a.userlink:hover, a.userlink:active, a.userlink:focus
		{
		font-size: 11px;
		margin-left: 10px;
		line-height: 200%;
		}

/* Sitemap */

	a.textlink, a.textlink:link, a.textlink:visited, a.textlink:hover, a.textlink:active, a.textlink:focus
		{
		font-size: 10px;
		margin-left: 10px;
		line-height: 250%;
		text-decoration: none;
		color: #fff;
		background-color: inherit;
		}

	.menu1
		{
		height: 114px;
		background: url(../img/template/bg_dropdown1.jpg) no-repeat top;
		}
	
	.menu2
		{
		height: 246px;
		background: url(../img/template/bg_dropdown2.jpg) no-repeat top;
		}
	
	.menu3
		{
		height: 136px;
		background: url(../img/template/bg_dropdown3.jpg) no-repeat top;
		}

/* Introseite */

	#keywords
		{
		width: 1000px;
		height: 27px;
		margin: 0px auto;
		text-align: center;
		margin-top: 3px;
		}

	.keyword
		{
		color: #d5d5d5;
		font-size: 8px;
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 5px;
		margin-right: 5px;
		text-align: center;
		}

	.intro
		{
		color: inherit;
		background: #0c0c0c url(../img/intro/intro_bg.jpg) repeat-x top;
		text-align: center;
		}

	.intro_animation
		{
		margin-top: 19px;
		}

	.langlinks
		{
		margin: 25px auto 0px auto;
		width: 850px;
		height: 49px;
		}

	.langlink1	{
		display: block;
		background: url(../img/intro/lang1.gif) no-repeat top;
		float: left;
		margin-left: 3px;
		margin-right: 3px;}
	a.langlink1:hover	{background-image: url(../img/intro/lang1_act.gif);}

	.langlink2	{
		display: block;
		background: url(../img/intro/lang2.gif) no-repeat top;
		float: left;
		margin-left: 3px;
		margin-right: 3px;}
	a.langlink2:hover	{background-image: url(../img/intro/lang2_act.gif);}

	.langlink3	{
		display: block;
		background: url(../img/intro/lang3.gif) no-repeat top;
		float: left;
		margin-left: 3px;
		margin-right: 3px;}
	a.langlink3:hover	{background-image: url(../img/intro/lang3_act.gif);}

	.langlink4	{
		display: block;
		background: url(../img/intro/lang4.gif) no-repeat top;
		float: left;
		margin-left: 3px;
		margin-right: 3px;}
	a.langlink4:hover	{background-image: url(../img/intro/lang4_act.gif);}

	.langlink5	{
		display: block;
		background: url(../img/intro/lang5.gif) no-repeat top;
		float: left;
		margin-left: 3px;
		margin-right: 3px;}
	a.langlink5:hover	{background-image: url(../img/intro/lang5_act.gif);}

	.langlink6	{
		display: block;
		background: url(../img/intro/lang6.gif) no-repeat top;
		float: left;
		margin-left: 3px;
		margin-right: 3px;}
	a.langlink6:hover	{background-image: url(../img/intro/lang6_act.gif);}

	.langlink7	{
		display: block;
		background: url(../img/intro/lang7.gif) no-repeat top;
		float: left;
		margin-left: 3px;
		margin-right: 3px;}
	a.langlink7:hover	{background-image: url(../img/intro/lang7_act.gif);}

	.langlink8	{
		display: block;
		background: url(../img/intro/lang8.gif) no-repeat top;
		float: left;
		margin-left: 3px;
		margin-right: 3px;}
	a.langlink8:hover	{background-image: url(../img/intro/lang8_act.gif);}

	.langlink9	{
		display: block;
		background: url(../img/intro/lang9.gif) no-repeat top;
		float: left;
		margin-left: 3px;
		margin-right: 3px;}
	a.langlink9:hover	{background-image: url(../img/intro/lang9_act.gif);}

/* Home */

	.infobox
	{
	margin-left: 57px;
	padding-bottom: 30px;
	padding-left: 20px;
	width: 560px;
	background: #0c0c0c url(../img/home/bg_textbox.jpg) repeat-x top;
	}
	
	.infobox1
	{
	margin-left: 57px;
	padding-bottom: 30px;
	padding-left: 20px;
	width: 560px;
	background: #0c0c0c url(../img/home/bg_textbox.jpg) repeat-x top;
	}
	
	.infobox1 a
	{
    font-weight:bold;
	color:#d70300;
	}
	
	.infobox1 a:hover
	{
    font-weight:bold;
	text-decoration:underline;
	}
	
	.p_info
	{
	line-height: 220%;
	width: 540px;
	}
	
	.p_error
	{
	line-height: 220%;
	width: 540px;
	color: #e57b7a;
	font-size: 11px;
	font-weight: bold;
	}
	
	.p_link
	{
	padding-left: 15px;
	line-height: 220%;
	width: 400px;
	}
	
	.p_right
	{
	margin-top: 50px;
	margin-bottom: 60px;
	line-height: 190%;
	text-decoration: underline;
	letter-spacing: 0.5px;
	width: 260px;
	}
	
	.p_imprint
	{
	line-height: 190%;
	margin-bottom: 10px;
	margin-top: 0px;
	letter-spacing: normal;
	}

	.p_callback
	{
	line-height: 220%;
	width: 540px;
	margin-top: 40px;
	margin-bottom: 30px;
	letter-spacing: 0.5px;
	}

	/* Formulare */

	.angebot
	{
	margin: 15px 0px 15px 60px;
	padding-right: 10px;
	width: 560px;
	height: 138px;
	background: url(../img/home/bg_angebot.gif) no-repeat top;
	}
	
	.angebot_link
	{
	float: right;
	margin-right: 15px;
	margin-top: 95px;
	}
	
	.suche
	{
	height: 25px;
	width: 267px;
	float: right;
	background: url(../img/home/bg_search.png) no-repeat top;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 20px;
	}

	.searchlabel
	{
	margin-left: 20px;
	}

	.contactlabel
	{
	display: block;
	width: 170px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	}

	.plzortlabel
	{
	margin: 15px 5px 0px 5px;
	float: left;
	}

	.searchfield, .contactfield, .textblock, .contactort, .contactplz, .selectfield, .input_art_field, .select_art_field, .textarea_art
	{
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 7px;
	color: #FFF;
	background: url(../img/home/bg_textfeld.jpg) no-repeat top;
	border: none;
	width: 252px;
	height: 20px;
	}

	.input_art_field, .select_art_field
	{
	background: url(../img/verwaltung/input_field.jpg) no-repeat top;
	width: 345px;
	}

	.selectfield, .select_art_field
	{
	height: 25px;
	background-color: inherit;
	color: #fff;
	width: 259px;
	margin-top: 10px;
	padding: 5px;
	padding-right: 0px;
	float: left;
	margin-bottom: -5px;
	}

	.select_art_field
	{
	width: 352px;
	}

	.contactort
	{
	margin-top: 10px;
	background: url(../img/template/ort.jpg) no-repeat top;
	width: 158px;
	float: left;
	}

	.contactplz
	{
	margin-top: 10px;
	background: url(../img/template/plz.jpg) no-repeat top;
	width: 71px;
	float: left;
	}

	.contactfield, .textblock, .textarea_art
	{
	margin-top: 10px;
	float: left;
	}

	.textblock
	{
	height: 88px;
	background: url(../img/callback/bg_textblock.jpg) no-repeat top left;
	}

	.textarea_art
	{
	height: 148px;
	width: 345px;

	background: url(../img/verwaltung/input_textblock.jpg) no-repeat top left;
	}

	.submitbutton
	{
	margin-top: 10px;
	margin-left: 185px;
	}

	.required
	{
	margin: 15px 0px 0px 5px;
	float: left;
	color: #900;
	}
	
	.extra
	{
	margin: 15px 0px 0px 5px;
	float: left;
	font-style: normal;
	}

	.uploadlabel
	{
	display: block;
	width: 50px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	}

	.uploadfield, .uploadfield2
	{
	background-color: #5a5959;
	color: #000;
	margin-top: 5px;
	}
	
	.uploadfield
	{
	float: left;
	}

	.uploadlabel2
	{
	margin-top: 0px;
	margin-left: 8px;
	}

/* Kontaktseite */

	.contact_l, .contact_r
	{
	float: left;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 20px;
	width: 305px;
	}
	
	.contact_r
	{
	width: 230px;
	}
	
	.contacthead
	{
	font-size: 14px;
	margin: 0px;
	background: url(../img/contact/bg_contact.gif) no-repeat left;
	height: 25px;
	width: 192px;
	font-weight: bold;
	padding-left: 15px;
	}

	.p_contact
	{
	margin: 0px 0px 10px 15px;
	line-height: 190%;
	letter-spacing: normal;
	}
	
	.contactitem, .contactentry
	{
	display: block;
	width: 80px;
	float: left;
	margin-bottom: 5px;
	margin-left: 15px;
	}
	
	.contactentry
	{
	width: 130px;
	margin-left: 0px;
	}

/* Kataloge */
	.p_kataloge
	{
	margin: 15px 0px 15px 15px;
	letter-spacing: normal;
	}

/* CallBack */
	
	#sendbutton
	{
	float: left;
	margin-left: 178px;
	margin-top: 10px;
	cursor: pointer;
	height: 53px;
	overflow: hidden;
	width: 151px;
	}
	
	#sendbutton:hover input
	{
	margin-top: -53px;
	}

/* Artikel */
	.artikel
	{
	margin-top: 10px;
	width: 871px;
	background: url(../img/artikel/border_bg.gif) repeat-y top;
	}
	
	.art_h1, .art_h2
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 15px;
	line-height: 110%;
	font-weight: bold;
	letter-spacing: 1.5px;
	}
	
	.art_h2
	{
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 100%;
	margin-top: 10px;
	color: #999;
	}

	a.art_h1_link, a.art_h1_link:link, a.art_h1_link:visited, a.art_h1_link:hover, a.art_h1_link:active, a.art_h1_link:focus
	{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1.5px;
	}

	a.art_h1_link:hover
	{
	text-decoration: underline;
	}

	.art_shortinfo, .art_shortprice, .art_shortinfo_noimage
	{
	float: left;
	display: block;
	width: 480px;
	}

	.art_shortinfo_noimage
	{
	margin-left: 143px;
	}

	.art_shortprice
	{
	width: 200px;
	}

	.art_maximg, .art_minimg
	{
	float: left;
	}

	.art_maximg a, .art_minimg a
	{
	background-image: url(../img/artikel/max_act.gif);
	background-repeat: no-repeat;
    display: block;
	width: 26px;
	height: 26px;
	}

	.art_minimg a
	{
	background-image: url(../img/artikel/min_act.gif);
	}

	.art_maximg img, .art_minimg img
	{
	display: block;
	width: 26px;
	height: 26px;
	border: none;
	padding: 0px;
	}

	.art_maximg a:hover img, .art_minimg a:hover img
	{
	visibility: hidden;
	}

	.art_maximg a:hover, .art_minimg a:hover 
	{ /* Workaround fuer IE 5.5 und 6 */
	border: none;
	}

	* html .art_maximg a, * html .art_minimg a 
	{
	margin-right: 1px;
	}

	* html .art_maximg a:hover, * html .art_minimg a:hover
	{
	width: 27px;
	margin-right: 0px; /* Workaround fuer IE 5.01 */
	}

	.art_images
	{
	margin: 5px 21px;
	}

	.art_image
	{
	width: 272px;
	height: 200px;
	float: left;
	background-color: #323232;
	text-align: center;
	margin: 2px;
	}

	.art_img_pv
	{
	float: left;
	margin: -2px 15px -2px 12px;
	width: 119px;
	text-align: center;
	}

	.art_detailbox_left
	{
	float: left;
	margin-left: 30px;
	}

	.art_detailbox1, .art_detailbox2
	{
	width: 380px;
	height: 70px;
	border-bottom: 1px solid #525252;
	padding-bottom: 20px;
	}

	.art_detailbox2
	{
	border: none;
	padding-bottom: 10px;
	}
	
	.art_detailbox_right
	{
	float: left;
	width: 380px;
	border-left: 1px solid #525252;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.art_details, .art_details_title
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	float: left;
	display: block;
	width: 230px;
	}
	
	.art_details_title
	{
	width: 150px;
	font-weight: normal;
	}

	.art_beschreibung_h, .art_beschreibung
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	}

	.art_beschreibung
	{
	font-size: 10px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 130%;
	}
	
	a img
	{
	border: none;
	}

/* Verwaltung */

	.legende
	{
	width: 200px;
	background-color: #3d3d3d;
	float: right;
	line-height: 200%;
	padding-left: 5px;"
	}
	
	.leg
	{
	margin-bottom: -5px;
	}
	
	.newart_button
	{
	float: right;
	margin-right: 20px;
	}
	
	.editinfos
	{
	float: left;
	width: 90px;
	text-align: center;
	}