/*
	HuddleTogether.com Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */

/* typography
----------------------------------------------- */

/* forms
----------------------------------------------- */

#navigation,
#additional,
#additionalnav,
#search,
#mini-search,
#sideteaser,
#newsblock,
#beratung,
/*#content h1,*/
#topnav,
.query,
.nav-special,
/*#slideshow-fallback,*/
#flash-navigation-ul

{ 
	display: none; 
}


* {
	margin: 0;
	padding: 0;
}


body {
	background: none;
	/*background: url(../images/dummy-content/layout.jpg) 0 0 no-repeat;*/
	font-size: 11px;
	line-height: 1.5;
	color: #333;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}

textarea, input {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}

#content h2, #navigation ul a, #top,
#mini-search label, #clients a, #extended-search a, #add-basket a, #sideteaser h2,
table.product-table thead th, table.product-table tfoot label,
#content-search label {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Arial Narrow";
}
l
h1, #content h1{
	background: #000;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Arial Narrow";
	margin: 0 0 1px 0;
}

p {
	margin: .6em 0;
	line-height: 1.5;
	display: block;
}

a {
	text-decoration: none;
	color: #333;
}
a img {
	border: none;
}

#top {
	font-size: 9px;
	font-weight: normal;
}
#top select {
	text-transform: none;
}

	#content h2 {
		font-size: 24px;
		font-weight: normal;
		line-height: 28px;
		padding-bottom: 20px;
	}
	#content h2 img {
		display: inline;
		vertical-align: middle;
		margin: 0px 0 -4px;
	}
	#content h3 {
		font-size: 1em;
		line-height: 100%;
		color: #f00;
		margin: 16px 0 -4px;
	}

	/* */
	#content a {
		font-weight: bold;
	}
	#content a:hover {
		color: #f00;
	}
	#content p.download, #content p.mailto {
		margin: 10px 0 20px;
	}
		#content p.download a, #content p.mailto a {
			padding-left: 32px;
			background: url(../images/icons/download.gif) 0 0 no-repeat;
			padding: 2px 0 2px 22px;
		}
		#content p.download a:hover, #content p.mailto a:hover {
			background-position: 0 -37px;
		}
		#content p.mailto a {
			background-image: url(../images/icons/email.gif);
		}




.clear {
	clear: both;
}
em {
	font-style: normal;
	font-weight: bold;
}

hr {
	background-color:#ccc; /* Mozilla 1.4 */
	color:#ccc; /* IE 6 */
	border: #ccc; /* Opera 7.11 */
	height: 1px; /* in Opera fŸr die Anzeige nštig, in Mozilla fŸr die einheitliche Hšhe */
	margin: 7px 0;
	width: 35%;
	text-align: left;
}


/*
 * Positionierung der einzelnen Seitenblšcke
 */
#top {
	width: 599px;
	height: 50px;
	border: none;
	background: #fff;
	position: static;
	margin-top: 26px;
	margin: 10px 0px 0px 0px;
}

#content {
	width: 599px;
	position: static;
	margin-top: 29px;
	margin-left: 20px;
	padding-bottom: 40px;
	background: #fff;
	margin: 0px 0px 0px 0px;

}


/*
 * /Positionierung
 */


h1, #mini-search label {
	padding: 5px 6px 4px;
}
h1 img, #mini-search label img {
	margin-top: -1px;
	display: block;
}



/* Topbereich */
#logo {
	margin: 0px;
	position: absolute;
}

/* Meta-Navigation als Quernavigation */
#top ul {
	display: none;
}


label.jflanguageselection {
	display: none;
}
/*
#jflanguageselection {
	float: right;
	font-size: 11px;
	margin: 0 0 1px 10px;
	width: 125px;
}
*/
	

		#query {
			margin: 1px 0 2px;
			width: 126px;
			border: 1px solid #ccc;
			display: block;
			height: 16px;
			font-size: 100%;
			float: left;
			padding: 2px;
		}
		/* Stack Hack als schneller Fix für Höhe des Suchfeldes - im HTML-Dummy aber nicht nötig!?
		* html #query {
			height: 22px;
		}*/


			/*
		#add-basket a:hover {
			color: #fcc;
		}
		*/


		div.flashreplace, div.flashreplace *
		/*#flash-clients, #flash-clientsflash, #flash-extended-search, #flash-extended-searchflash*/ {
			display: block;
		}

	



/*
 Special links
*/


a.more {
	font-size: 11px;
	line-height: 11px;
	background-color: #f00;
	border: 1px solid #D10000;
}
a.more img {
	vertical-align: top;
	margin-top: 1px;
}
a.more:hover {
	border: 1px solid #000000;
	background-color: #2F2F2F;
}


ul.nav-special {
	list-style: none;
	padding: 26px 12px 16px;
	clear: both;
}

.content-nav-special {
	position: relative;
	top: -20px;
}

	ul.nav-special li {
		display: inline;
		margin-right: 24px;
	}

		ul.nav-special a {
			padding-left: 17px;
			background-repeat: no-repeat;
			background-position: 0 0;
			padding-bottom: 1px;
		}
		ul.nav-special a:hover {
			background-position: 0 -36px;
		}
			ul.nav-special a img, a.imprint img {
				background: #333;
				vertical-align: top;
			}
			ul.nav-special a:hover img, a.imprint:hover img {
				background: #f00;
			}
			#top ul li a.imprint {
				background: url(../images/icons/forward.gif) 0 3px no-repeat;
				padding-left: 14px;
			}
			#top ul li a.imprint:hover {
				background-position: 0 -33px;
			}
		ul.nav-special a.pdf {
			background-image: url(../images/icons/pdf.gif);
			padding-left: 15px;
		}
		ul.nav-special a.back {
			background-image: url(../images/icons/back.gif);
			padding-left: 18px;
		}
		ul.nav-special a.print {
			background-image: url(../images/icons/print.gif);
		}
		ul.nav-special a.next-unit {
			background-image: url(../images/icons/next.gif);
		}
		ul.nav-special a.to-top {
			background-image: url(../images/icons/top.gif);
		}



/* Content-Bereich */
#flashblock {}
#textblock {
	background: none;
}

div.textframe {
	padding: 8px 12px 23px;
}
	/* randabfallend innerhalb eines textframe! */
	div.textframe div.bled-off,
	div.textframe #flashblock,
	#slideshow-fallback,
	#slideshow,
	#flash-slideshow,
	/* temporary */
	div#textblock div.textframe img.notextframe {
	margin: -8px -12px 8px;
	}


	/* News auf der Sartseite */
	div.newsblock {
		position: relative;
		padding-left: 190px;
		padding-right: 20px;
		height: 94px;
		padding-top: 4px;
		padding-bottom: 4px;
		display: block;
		margin: 2px 0px 2px 0px;*/
	}
		div.newsblock h2 {
/*			padding-bottom: -20px; */
			margin-bottom: -20px; 
		}
		p.newsimg img {
			display: block;
			padding: 5px;
			border: 1px solid #ccc;
			background: #fff;
		}
		div.newsblock p.newsimg {
			position: absolute;
			top: 4px;
			left: 0;
			margin: 0;
		display: block;
		}
		
		/*
		div.newsblock p {
			margin: -15px 0 20px;		
		}
		*/












table.lined {
	width: 100%;
	/*border-collapse: collapse;*/
	border-spacing: 0;
	margin-top: 3px;
}
	table.lined thead  th{
		width: 100%;
		background: #f00 url(../images/layout/product-table-th.jpg) top right repeat-y;
		background-color:#f00;
		background: #f00;
	}

	table.lined  th.red{
		width: 100%;
		background: #f00 url(../images/layout/product-table-th.jpg) top right repeat-y;
		background-color:#f00;
		background: #f00;
	}
	table.lined thead th{
		width: 100%;
		padding: 4px 12px;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
		color: #fff;
		background: #f00 url(../images/layout/product-table-th.jpg) top right repeat-y;
		background-color:#f00;
		background: #f00;
	}
	
	table.lined th {
		padding: 4px 12px;
		text-align: left;
		font-weight: normal;
		vertical-align: middle;
		line-height: 1;
	}
	
	table.lined td {
		text-align: right;
	}
	
	table.product-table td {
		width: 50%;
	}

	table.commerce-connector thead th {
		background: #f00;
	}
		table.lined thead th img {
			margin: -1px 0 -3px;
		}

	table.lined tbody th, table.lined tbody td {
		border-bottom: 1px solid #ccc;
	}
	table.lined tbody td.doppelpfeil {
		background: url(../images/icons/forward.gif) right 6px no-repeat;
		padding-right: 24px;
	}
	table.lined fieldset
{ 
	display: none; 
}

	
	
	table.commerce-connector tbody td {
		text-align: left;
	}
		table.commerce-connector tbody td a {
			background: url(../images/icons/next.gif) right top no-repeat;
			padding-right: 8px;
			display: block;
			width: 75px
			
		}
		table.commerce-connector tbody td a:hover {
			background-position: right -36px;
		}
		table.lined tbody td img {
			margin-left: 2px;
			vertical-align: text-bottom;
		}

	table.lined tfoot td {
		text-align: left;
		padding-top: 0;
		padding-bottom: 4px;
		background: url(../images/layout/product-table-tfoot.jpg) left bottom repeat-x;

		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	table.lined tfoot td.price {
		text-align: right;
		vertical-align: bottom;
		padding-left: 0;
		padding-bottom: 8px;
		white-space: nowrap;
		line-height: 1.4;
	}
		table.lined tfoot td.price span {
			font-weight: bold;
			margin-left: 10px;
		}

		table.lined tfoot fieldset {
			margin: 0;
			padding: 0;
			border: none;
			line-height: 1;
		}
			table.lined tfoot fieldset label {
				display: block;
				text-transform: uppercase;
				padding: 6px 0 1px;
				font-weight: bold;
			}
				table.lined tfoot fieldset label img {
					margin: 0 1px;
					vertical-align: top;
				}
				table.lined tfoot input.amount {
					margin: 1px 0 2px;
					width: 126px;
					border: 1px solid #ccc;
					display: block;
					height: 16px;
					font-size: 100%;
					float: left;
					padding: 2px;
				}


#basket-table {
	margin-top: -13px;
	border-top: 1px solid #ccc;
}
	#basket-table th {
		text-align: left;
		width: 160px;
	}
	#basket-table td {
		text-align: left;
	}
	#basket-table td.best-nr {
		width: 182px;
	}
	#basket-table td.amount {
		width: 28px;
		padding-right: 0;
	}
		#basket-table td.amount input {
			width: 26px;
		}
	#basket-table td.refresh {
		padding-left: 0;
		padding-right: 0;
	}
	#basket-table td.delete {
		padding-left: 0;
	}
	#basket-table td.singleprice {
		text-align: right;
		font-weight: normal;
		white-space: nowrap;
	}
	#basket-table td.price {
		text-align: right;
		font-weight: bold;
		white-space: nowrap;
	}

	#basket-table tr.payment-options th {
		font-weight: bold;
	}
	#basket-table tr.agb-hint td {
		padding-top: 25px;
		padding-bottom: 25px;
	}
		#basket-table tr.agb-hint td p {
			margin-left: 16px;
			margin-top: 14px;
		}
			#basket-table tr.agb-hint td a {
				font-weight: bold;
			}












#productlist {
	list-style: none;
}
	#productlist li {
		float: left;
		width: 199px;
		border-left: 1px solid #fff;
	}
	#productlist li.firstcol {
		border-left: none;
	}
		#productlist li a {
			display: block;
			background: #333;
			color: #fff;

			font-weight: bold;
		}
		#productlist li a:hover {
			background: #f00;
			color: #fff;
		}

			#productlist li span, #productlist li img {
				display: block;
				border-bottom: 1px solid #fff;
			}
			#productlist li span {
				padding: 4px 13px 1px;
				height: 20px;
			}
				#productlist li span img {
					border: none;
				}


/* new layout for search results / productlist */
DIV#productlistsearch {
}
    #productlistsearch div.product_row {
        display: block;
        float: left;
        margin-bottom: 0px;
    }
    #productlistsearch div.product {
        float: left;
        width: 400px;
        display: block;
        overflow: hidden;
    }
	#productlistsearch div.img {
		float: left;
		width: 199px;
	}
		#productlistsearch div a {
			display: block;
			background: #333;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		#productlistsearch div a:hover{
			background: #f00;
			color: #fff;
		}

			#productlistsearch div span, #productlistsearch div img {
				display: block;
				border-bottom: 1px solid #fff;
			}
			#productlistsearch div span {
				padding: 4px 13px 1px;
				height: 20px;
			}
				#productlistsearch div span img {
					border: none;
				}
    #productlistsearch table.lined { margin-left: 1px; margin-top: 0; }
	#productlistsearch table.lined thead th {
		padding-bottom: 7px;
		background-image: none;
		background-color: #333333;
	}

	#productlistsearch table.lined thead th img {
			margin: -1px 0 -3px;
			border: 0;
	}
	#productlistsearch table.lined tbody td img {
			margin-left: 2px;
			display: inline;
			border: 0;
			vertical-align: text-bottom;
	}

	#productlistsearch table.product-table td {
		width: auto;
	}

	#productlistsearch table.lined tfoot td {
		text-align: right;
		height: 48px;
        height: 38px;
        vertical-align: bottom;
	}
	#productlistsearch span.hoverpseudo {
		margin: 0px;
		padding: 0px;
	}

/*#slideshow {
	list-style: none;
	display: none;
}
	#slideshow li {
		display: none;
	}
		#slideshow li a {
			display: block;
		}
*/








#content-search {
	background: #D1D1D1 url(../images/layout/content-search-shadow.jpg) left bottom repeat-x;
	padding-bottom: 32px;
	margin-bottom: -16px;
}
	#content-search fieldset {
		background: url(../images/layout/product-table-tfoot.jpg) left bottom repeat-x;
		border: 1px solid #fff;
		border-width: 1px 0;
		padding: 4px 12px;
	}
		#content-search label {
			display: block;
		}
		#content-query {
			margin: 1px 0 2px;
			width: 362px;
			border: 1px solid #ccc;
			display: block;
			height: 16px;
			font-size: 100%;
			float: left;
			padding: 2px;
		}

#search-results {
	list-style-position: inside;
	font-weight: bold;
	margin: 40px 0;
}
	#search-results li {
		margin: 22px 0;
	}
		span.search-result-category,
		span.search-result-teaser,
		span.search-result-text {
			font-weight: normal;
		}
		span.search-result-category {
			color: #999;
		}
		span.search-result-teaser {
			text-transform: uppercase;
		}
		li.search-result-li {
			padding-top: 22px;
			clear: both;
			list-style: none;
		}
		li.search-result-li a {
			position: static;
			left: 13px;
		}

#search-result-pages {
	list-style: none;
}
	#search-result-pages li {
		float: left;
		border: 1px solid #fff;
	}
		#search-result-pages a {
			display: block;
			padding: 0 2px;
			border: 1px solid #fff;

			font-weight: normal;
		}
		#search-result-pages #search-result-current-page {
			border-color: #999;
			margin: 0 2px;
		}
			#search-result-current-page a {
				background: #ddd;
			}













form .hint {
	color: #999;
	width: 550px;
}

form .error {
	color: red;
}


form.doppelpfeilform {
	margin-top: 32px;
}
#kaufberater-form {
	/*background: url(../images/layout/kaufberater-bg.gif) bottom right no-repeat;*/
}
	#kaufberater-form select {
		width: 190px;
	}
	div.textframe form.doppelpfeilform h3 {
		padding: 14px 0;
	}
	form.doppelpfeilform ol {
		list-style: none;
	}
		form.doppelpfeilform li {
			clear: left;
			height: 25px;
		}
		form.doppelpfeilform li.textarea {
			height: 134px;
			/* siehe dazu form.doppelpfeilform textarea */
		}

			form.doppelpfeilform label {
				display: block;
				float: left;
				width: 152px;
				margin: 2px 8px 0 0;
				background: url(../images/layout/doppel-pfeil.gif) right .3em no-repeat;
			}
		form.doppelpfeilform li.checkbox {
			padding-top: 3px;
			height: 22px;

		}
			form.doppelpfeilform li.checkbox label {
				background: none;
			}

		form.doppelpfeilform input, form.doppelpfeilform textarea {
			border: 1px solid #ccc;
			width: 390px;
		}
		form.doppelpfeilform textarea {
			height: 126px;
			/* siehe dazu form.doppelpfeilform li.textarea */
		}
		form.doppelpfeilform li.checkbox input {
			border: none;
			width: auto !important;
		}

		form.doppelpfeilform li.h2 {
			padding-top: 10px;
			padding-bottom: 10px;
		}


		form.doppelpfeilform li.submit {
			background: url(../images/layout/product-table-tfoot.jpg) left bottom repeat-x;
			height: 51px;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding: 0 12px;
			margin: 22px -12px;
		}
		#kaufberater-form li.submit {
			margin-top: 110px;
		}
			form.doppelpfeilform li.submit label {
				margin-top: 6px;
				background: none;
				float: none;
				text-transform: uppercase;
				font-weight: bold;
				white-space: nowrap;
			}
				form.doppelpfeilform li.submit label img {
					display: block;
					margin-top: -1px;
				}
			form.doppelpfeilform li.submit input {
				border: none;
				width: 50px;
			}

	#login-form {
		margin-top: 29px;
	}

		#login-help {
			list-style: none;
			margin: 26px 0 46px 140px;
		}
			#login-help-pwd a {
				padding: 0 0 3px 20px;
				background: url(../img/icons/questionmark.gif) no-repeat;
			}
			#login-help-registered a {
				padding: 1px 0 3px 20px;
				background: url(../img/icons/document.gif) no-repeat;
			}
			#login-help-pwd a:hover, #login-help-registered a:hover {
				background-position: 0 -34px;
			}