/*
#########################################################################
SCHOKO.AT  STYLESHEET
#########################################################################
*/


/* Basic CSS Rules
--------------------------------------------------------------------- */

body {
	background: #fff;
	color: #9a6441;
	text-align: center;
}

body, div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;	
	text-align: left;		
}

select {
	border: 1px solid #37221b !important;
}

h1 {
	text-transform: uppercase;
	color: #8c4c38;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;		
}

h3 {
	text-transform: uppercase;
	color: #dccbb2;
	font-weight: bold;		
}


small {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color:#88a5b0;	
}

object {
	display: block;
}

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: underline;
}

img {
	border: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}

table { 
border-collapse: collapse; 
width: 100%; 
margin: 0 0 10px 0; 
}

td, th { 
vertical-align: top; 
}



.h1_print {
display: none;
}

.h3_print {
display: none;
}



/* parent div of the website
--------------------------------------------------------------------- */
#site {
	width: 980px;
	height: 600px;
	margin: 0;	
	overflow: hidden;	
}


#left {
	width: 440px;
	height: 600px;
	float: left;
	overflow: hidden;
}

#right {
	width: 540px;
	height: 600px;
	float: left;
	overflow: hidden;
}

/*  Left Frame 
------------------------------------------------------------*/

#navigation {
	width: 440px;
	height: 290px;
	overflow: hidden;
	float: left;
	margin: 50px 0 10px 0;
	padding: 0;
}

#navigation embed, #navigation object  {
	padding: 0;
	margin: 0;
	overflow: hidden;
	
	float:left;
	clear: both; 
	display:block; 
	width:435px; 
}


#navigation .altnav {
	width: 440px;
	height: 290px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}
#navigation .altnav .main {
	width: 200px;
	height: 290px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

#navigation .altnav .main .logo {
	width: 200px;
	height: 100px;
	overflow: hidden;
}

#navigation .altnav .main ul {
	width: 200px;
	height: 165px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 25px 0 0 0;
	background: #6e2b1b;
	
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
}

#navigation .altnav .main ul li {
	width: 200px;
	overflow: hidden;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}

#navigation .altnav .main ul li a {
	float: right;
	padding: 2px 0;
	margin-right: 50px;
	font-size: 13px;
	text-transform: uppercase;
	color: #dccbb2;
	font-weight: bold;
	text-decoration: none;
}

#navigation .altnav .main ul li a:hover {
	color: #d9ad6c;
	text-decoration: none;
}

#navigation .altnav .main ul li a.active {
	color: #d9ad6c;
}


#navigation .altnav .sub {
	width: 120px;
	height: 290px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

#navigation .altnav .sub ul {
	width: 120px;
	height: 165px;
	overflow: hidden;
	float: left;
	margin: 100px 0 0 0;
	padding: 25px 0 0 0;
	background: #6e2b1b;
	
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
}

#navigation .altnav .sub ul li {
	width: 120px;
	overflow: hidden;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}

#navigation .altnav .sub ul li a {
	float: left;
	padding: 2px 0;
	font-size: 13px;
	text-transform: uppercase;
	color: #dccbb2;
	font-weight: bold;
	text-decoration: none;
}

#navigation .altnav .sub ul li a:hover {
	color: #d9ad6c;
	text-decoration: none;
}

#navigation .altnav .sub ul li a.active {
	color: #d9ad6c;
}


/*Roter Teaser*/
.mainteaser {
	width: 150px;
	height: 150px;
	float: left;
	padding-right: 50px;
	background: #a50000;
	
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
}

.mainteaser .headline {
	width: 125px;
	float: right;
	margin: 25px 0 10px 0;
	overflow: hidden;
}

.mainteaser .headline h3 {
	float: right;
	color: #d6c3a6;
}

.mainteaser .text {
	width: 125px;
	height: 56px;
	float: right;
	overflow: hidden;
	color: #d6c3a6;
}

.mainteaser .link {
	width: 125px;
	height: 14px;
	float: right;
	margin-top: 5px;
	overflow: hidden;
}

.mainteaser .link a {
	padding: 0 0 0 15px;
	background: url(../img/link.gif) no-repeat;
	color: #d9ad6c;
	float: right;
	text-decoration: none;
}


/*  Right Frame 
------------------------------------------------------------*/
#textmenu {
	width: 540px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#textmenu .altnav {
	width: 540px;
	height: 30px;
	background: url(../img/textmenu_back.gif) repeat-y;
}



#textmenu .altnav ul { 
	margin: 0; 
	padding: 0; 
	float: left;
}

#textmenu .altnav li { 
	float: left; 
	display: block; 
	margin: 0; 
	padding: 0; 
}

#textmenu .altnav a { 
	color: #743121; 
	text-transform: uppercase;
	text-decoration:none;
	font-weight: bold;
	padding: 8px 0 8px 20px; 
	display: block; 
}

#textmenu .altnav a:hover {
	color: #000; 
}


#textmenu .altnav .language {
	height: 30px;
	width: 100px;
	float: right;
	overflow: hidden;
}

#textmenu .altnav .language a { 
	color: #c91d19; 
	text-transform: uppercase;
	text-decoration:none;
	font-weight: bold;
	padding: 8px 15px; 
	display: block; 
}

#language a:hover {
	color: #000; 
}


/* Content Area Right Frame
-------------------------------------------------- */


#portal {
	background: none;
	width: 540px;
	height: 480px;
	overflow: hidden;
	float: left;
	margin-top: 70px;
	padding: 0;
}

/*Teaser Startseite*/
#portal .portalteaser {
	width: 540px;
	height: 150px;
	float: right;
	overflow: hidden;
	margin-top: 250px;
}

#portal .portalteaser .teaser {
	width: 170px;
	height: 150px;
	float: right;
	overflow: hidden;
	margin-left: 15px;

background: #999900;
}

#portal .portalteaser .teaserlast {
	width: 170px;
	height: 150px;
	float: right;
	overflow: hidden;
	background: #999900;
}


#content {
	background: url(../img/content_back.jpg) no-repeat;
	width: 520px;
	height: 480px;
	overflow: hidden;
	float: left;
	margin-top: 70px;
	padding: 20px 0 0 20px
}

/*Contentbereich*/
#content .contentarea {
	width: 510px;
	height: 335px;
	float: left;
	overflow:auto;
	padding: 0;
	margin: 0;
}

/*Fließtext*/
#content .contentarea .text {
	width: 480px;
}

.text .block {
	overflow: hidden;
	margin-top: 10px;
	float: left;
	width: 100%;
}

.text  .block img {
	float: left;
	margin: 0 0 18px 24px;
}

.text  img.first {
	float: left;
	margin: 0 0 18px 0;
}

.text  .block p {
	float: left;
	overflow: hidden;
	padding: 0;
}

.text h2 {
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold !important;
}

.text .block a {
	color: #cc723d;
	text-decoration: none;
}


.text  b, .text  strong {
	font-weight: bold !important;
}

.text  ul {
margin: 5px 0 5px 10px;
padding: 0;
list-style: none;
}

.text  ul li {
background: url(../img/list_content.gif) no-repeat;
padding: 0 0 0 10px;
margin: 2px 0;
}

.text  ol {
margin: 5px 0 5px 10px;
padding-left: 20px;
}

.text  .block .images {
	width: 165px;
	float: left;
	margin-right: 15px;
	overflow: hidden;
}

.text  .block .images img {
	width: 165px;
	margin: 0 0 10px 0 !important;
	float: none;
	clear: both;
}

.text .job {
	overflow: hidden;
	margin-top: 10px;
	float: left;
	width: 100%;
}

.text .job p {
	float: left;
}

.text .job h2 {
	margin: 5px 0 2px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold !important;
}

/*Routenplaner Kontaktseite*/
.text  .routeplaner {
	margin-top: 3px;
	float: left;
	overflow: hidden;
	background: #f3ece4;
	padding: 5px;
}

.text  .routeplaner input.adress {
	border: 1px solid #9a6441;
	background: #fefefe;
	width: 250px;
	padding: 2px;
	color: #9a6441;
}

.text  .routeplaner table {
	border-collapse: collapse;
	margin: 0;
}

.text  .routeplaner table td {
	border-collapse: collapse;
}

/*Sonderangebot Werksverkauf*/

.text .sonderangebote {
	float: left;
	overflow: hidden;
	margin-top: 10px;
}

.text .sonderangebot_head {
	float: left;
	width: 470px;
	overflow: hidden;
	border-bottom: 1px solid #c0a89e;
	padding:0 5px;
	margin-bottom: 10px;
}

.text .sonderangebot_entry {
	width: 480px;
	float: left;
	overflow: hidden;
	background: url(../img/angebot_back.gif) repeat-y;
}

.text .sonderangebot_entry img {
	float: left;
	overflow: hidden;
	height: 124px;
	width: 165px;
	margin-right: 10px;
}

.text .sonderangebot_entry h2 {
	margin: 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold !important;
}

.text .sonderangebot_entry p {
	padding: 0 10px 0 0;
	height: 84px;
	overflow: hidden;
}



/*Auflistung Pressetexte*/
.text .pressentries {
	overflow: hidden;
	margin-top: 10px;
	float: left;
	width: 100%;
}

.text .pressentries p {
	float: left;
}

.text .pressentries p a{
	color: #cc723d;
	text-decoration: none;
}

.text .pressentries h2 {
	margin: 5px 0 2px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold !important;
}

.text .pressentries .presstext {
	overflow: hidden;
	margin-top: 10px;
	float: left;
	border-top: 1px solid #c0a89e;
	width: 100%;
	padding: 3px 0;
}

.text .pressentries .presstext .date {
	overflow: hidden;
}

.text .pressentries .presstext .link {
	overflow: hidden;
}

.text .pressentries .presstext a {
	color: #cc723d;
	text-decoration: none;
}

/*Produktübersicht*/
#content .contentarea .overview {
	width: 480px;
	height: 335px;
	overflow: hidden;
}

#content .contentarea .overview .entries {
	width: 480px;
	height: 280px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	float:left;
}

.overview .entries .p_entry {
	background: #d7c4b0;
	width: 480px;
	height: 65px;
	overflow: hidden;
	float: left;
	margin-top: 5px;
}

.overview .entries .p_entry img {
	width: 95px;
	height: 65px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.overview .entries .p_entry .description {
	width: 320px;
	height: 65px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.overview .entries .p_entry .description h2 {
	padding: 0;
	margin: 5px 0 0 15px;
	overflow: hidden;
}

.overview .entries .p_entry .description p {
	padding: 0;
	margin: 5px 10px 0 15px;
	height: 28px;
	overflow: hidden;
}

.overview .entries .p_entry .link {
	width: 60px;
	height: 65px;
	margin: 0;
	padding: 40px 0 0 5px;
	float: left;
}

.overview .entries .p_entry .link a {
	color: #cc723d;
	padding: 0 0 0 15px;
	background: url(../img/link_detail.gif) no-repeat;
	text-decoration: none;
}

/*Paging*/
.overview .paging {
	background: #none;
	width: 480px;
	height: 20px;
	overflow: hidden;
	float: left;
	margin-top: 5px;
}

.overview .paging .buttons {
	background: none;
	height: 20px;
	overflow: hidden;
	float: right;
}

.overview .paging a {
	text-decoration: none !important; 
	color: #3c505a; 
	padding: 0 3px 1px 4px; 
	display: block; 
	float: left; 
	line-height: 13px; 
	margin-left: 5px; 
}

.overview .paging a:link, .overview .paging a:visited { 
	background: #d7c4b0;
	color: #9a6441 !important; 
} 

.overview .paging a:active, .overview .paging a:hover { 
	background: #9a6441;
	color: #fff !important; 
} 

.overview .paging a.nav_active:link, .overview .paging a.nav_active:visited, .overview .paging a.nav_active:active, .overview .paging a.nav_active:hover { 
	background: #9a6441;
	color: #fff !important; 
}

.overview .paging a.nav_next:link, .overview .paging a.nav_next:visited { 
	width: 13px;
	height: 14px;
	background: url(../img/site_nav_next.gif);
	padding: 0 !important;
	border: none;
} 

.overview .paging a.nav_next:active, .overview .paging a.nav_next:hover {
	width: 13px;
	height: 14px;
	background: url(../img/site_nav_next_hover.gif);
	padding: 0 !important;
	border: none;
} 


.overview .paging a.nav_back:link, .overview .paging a.nav_back:visited {
	width: 13px;
	height: 14px; 
	background: url(../img/site_nav_back.gif);
	padding: 0 !important;
	border: none;
} 

.overview .paging a.nav_back:active, .overview .paging a.nav_back:hover { 
	width: 13px;
	height: 14px;
	background: url(../img/site_nav_back_hover.gif);
	padding: 0 !important;
	border: none;
} 

/*Produktdetailseite
-----------------------------------------*/
#content .detailarea {
	width: 510px;
	height: 365px;
	float: left;
	overflow:auto;
	padding: 0;
	margin: 0;
}

#content .detailarea .detail {
	width: 480px;
	/*height: 335px;*/
	overflow: hidden;
}

/*Information Text,Bild, Download*/
.detail .info {
	width: 480px;
	height: 125px;
	overflow: hidden;
	margin-top: 10px;
	float: left;
}

.detail .info .image {
	width: 165px;
	float: left;
	margin-right: 15px;
	overflow: hidden;
}

.detail .info .image img {
	width: 165px;
	height: 124px;
}

.detail .info .detailtext {
	width: 295px;
	height: 124px;
	float: left;
	overflow: hidden;
}

.detail .info .detailtext p {
	width: 295px;
	height: 98px;
	float: left;
	overflow: hidden;
}

.detail .info .download {
	width: 295px;
	height: 20px;
	float: left;
	overflow: hidden;
	margin-top: 5px;
}

.detail .info .download a {
	color: #cc723d;
	padding: 0 0 0 15px;
	background: url(../img/link_detail.gif) no-repeat;
	text-decoration: none;
	margin-top: 5px;
}

/*Produkttabelle*/
.detail .products {
	width: 480px;
	overflow: hidden;
	margin-top: 10px;
	float: left;
}

.detail .products table {
	border-collapse: collapse;
	background: none;
}

.detail .products thead {
	background: #dfc9a9;
}

.detail .products td, .detail .products th {
	padding: 3px 5px;
	text-align: left;
}

.detail .products th {
	color: #000;
	font-weight: normal !important;
}

.detail .products td {
	border-bottom: 1px solid #dfc9a9;
}

.detail .products a {
	color: #cc723d;
	padding: 0;
	text-decoration: none;
}

.detail .products .back a {
	color: #cc723d;
	padding: 0 0 0 15px;
	background: url(../img/link_detail.gif) no-repeat;
	text-decoration: none;
	margin-top: 5px;
}


/* Druckzeile Contentbereich
--------------------------------*/
#content .printline {
width: 480px;
float: left;
border-top: 1px solid #c0a89e;
margin: 10px 0 0 0;
padding: 0;
}

#content .printline a {
float: right;
margin-top: 5px;
color: #cc723d;
padding: 0 0 0 15px;
background: url(../img/print.gif) no-repeat;
text-decoration: none;
}

/* Flashheadlines
-------------------------------------*/

#content .flashheadline_h1 { 
float: left; 
clear: both; 
width:485px; 
overflow:hidden; 
margin: 0 0 0 -2px;
padding: 0;
}

.flashheadline_h1 object, .flashheadline_h1 embed { 
float:left;
clear: both; 
display:block; 
width:485px; 
overflow:hidden; 
} 

.flashheadline_h3 { 
width: 125px; 
overflow: hidden; 
float: right; 
height: 15px; 
margin: 0; 
padding: 0;
}


/*Partnereintrag
-------------------------------------------------*/

#content .contentarea .partnerview {
	width: 480px;
	overflow: hidden;
}

.partnerview .partner {
	background: #none;
	width: 480px;
	height: 65px;
	overflow: hidden;
	float: left;
	margin-top: 5px;
}

.partnerview .partner img {
	width: 95px;
	height: 65px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.partnerview .partner .description {
	width: 320px;
	height: 65px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.partnerview .partner .description h2 {
	padding: 0;
	margin: 5px 0 0 15px;
	overflow: hidden;
}

.partnerview .partner .description p {
	padding: 0;
	margin: 5px 10px 0 15px;
	height: 28px;
	overflow: hidden;
}

.partnerview .partner .description p a {
color: #cc723d;
padding: 0;
text-decoration: none;
}