/*********************************************************************************
Webtech AG
Lehnplatz 10, 6460 Altdorf
Für default Seiten. 
/********************************************************************************/ 



/****PAGE GRUNDBEREICH***********************************************************/   
/* Für alle ein margin und padding 0 setzen */
* {
	margin:0; 
	padding:0;
}

html {
	height: 100.5%;
}

body {
	height: 100%;
   color: #000000; 
	background-color: #FFFFFF;
   font-size: 115.00%;
   font-family: "Times New Roman", Times, Verdana, Helvetica, serif;
	margin: 0; 
	padding: 0;
   text-align: center;  /* Zentrierung im Internet Explorer */
}

/* mit korrekte Reihenfolge der A-Tags  */
a:link    { color: red }     /* noch nicht besuchter Link */
a:visited { color: blue }    /* schon besuchter Link   */   
a:hover   { color: lime} 	  /* Benutzer 'hovert'     */    
a:active  { color: lime }    /* Link wird ausgew?hlt   */
/********************************************************************************/ 



/****PAGE BLOCK******************************************************************/   
#page {
	margin: 0 auto;		/* Horizontale Zentrierung */
	text-align: left;		/* Seiteninhalt wieder links ausrichten */
	margin-top: 0px;
	width: 976px;
	font-size: 1em;
}
/********************************************************************************/ 



/****HEAD BLOCK******************************************************************/   
#head {
	float: left;
	width: 976px;
	height: 132px;
}

#logo {
	float: left;
	width: 190px;
	height: 45px;
	margin-top: 58px;
}
/********************************************************************************/ 



/****NAV BLOCK*******************************************************************/   
#navArea {
	float: left;
	width: 976px;
	height: 33px;
	padding-right: 0px;
	margin-bottom: 16px; 
}
/* Weitere Nav-Definitionen in seperatem Dokument. 
/********************************************************************************/ 



/****SPRACHE BLOCK***************************************************************/   
#lang {
	float: right;
	width: 320px;
	margin-top: 16px;
	text-align: right;
}


/*Grundlayout-Definition Navigation als horizontale Liste*/
#lang ul {
	 margin: 0px;
	 padding: 0px;
	 font-size: 0.7em;
	 color: #010101;
}

#lang li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/  
	 color: #010101;
	 text-transform: uppercase;
}

#lang a {
    display: inline;
	 text-decoration: none;
	 height: 100%;
	 color: #010101;
	 font-weight: bold;
}

#lang a:hover {
	text-decoration: underline;
	color: #8F7C40;
}

#lang a.active:link, #lang a.active:visited  {
	color: #8F7C40;
}

#lang .selected {
	font-weight: bold;
	color: #8F7C40;
}
/********************************************************************************/ 



/****CONTENT BLOCK***************************************************************/   
/* Default Content (gilt für beide) */
.content {
	color: #000000;
	width: 984px;	/* Eigentlich nur 976px, gibt aber immer Rechts ein Spacer-Div mit 8px */
	font-size: 0.75em;
	margin-top: -3px; /* -3px für Linien-Höhe */
}

.content h1 {
	color: #000000;
	font-size: 1.75em;
	font-weight: normal;
	margin-bottom: 14px;
}

.content h2 {
	color: #000000;
	font-size: 1.75em;
	font-weight: normal;
	margin-bottom: 10px;
}

.content h2 a img{
	background-image: url(img/arrow-title-mehr.png);
	background-repeat: no-repeat;
	background-position: 265px 9px;
}

.content h2 a:hover img {
	/* background-image: url(img/hover.png); */
}

.content p {
	color: #000000;
	line-height: 1.4em;
	/* margin-bottom: 15px; */
	margin-bottom: 13px;
}

.content ul, .content ol {
	padding-left: 30px;
	margin-bottom: 15px;
	color: #000000;
}

.content a {
	color: #000000 !important;
	text-decoration: underline;
}

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

.content a.active:link, .content a.active:visited {
	color: #000000 !important;
	text-decoration: underline;
}

.content .csc-textpic-caption {
	font-size: 0.8em;
	padding-bottom: 4px;
}
/********************************************************************************/



/****CONTENT-BIG BLOCK***********************************************************/   
/* Definition der Main-Content (oben)*/
#contentBig {
	width: 984px;
	height: 451px; /* +18+3px für Abstand */
	/** Alte höhe **/
	/* height: 430px; */
	/* margin-bottom: 16px; */
	background-image: url(img/maincontent-bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}

#contentBig .csc-header {
	position: relative;
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 20px;
	height: 35px;
	width: 280px;
	z-index: 2;
}

#contentBig h1{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#contentBig .tx_exojavagal_pi1_singleItem{
	margin-top: 0px;
	margin-top: -51px;
	padding: 0px;
	z-index: 1;
}

#contentBig .tx_exojavagal_text {
	float: left; 
	width: 320px;
	height: 430px; 
	margin: 0px;
	padding: 0px;
	background-color: #8C7A42; 
}

#tx_exojavagal_textArea {
	margin-top: 0px;
	padding-top: 56px;
	padding-left: 20px;
	padding-right: 20px;
}

#contentBig .tx_exojavagal_image {
	float: left;
	width: 484px;
	height: 430px;
	padding-right: 0px;
	background-color: #8C7A42; 
}

#contentBig .tx_exojavagal_nav {
	float: left; 
	width: 156px;
	height: 430px;
}

#contentBig .tx_exojavagal_line {
	float: left; 
	width: 156px;
	height: 0px;
	border-top: 3px solid #000000;
}

#contentBig .tx_exojavagal_thumbs {
	position: relative;
	top: 0px;
	width: 164px;
	padding-top: 11px; 
	/* border-bottom: 1px solid #000000; */
}

#contentBig .tx_exojavagal_caption {
	position: relative;
	top: 433px;
	_top: 413px;  /* IE 6 */
	width: 156px;
	text-align: left;
	color: #000000;
}

#imgcap {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-weight: bold;
	font-size: .95em;
	margin: 0px;
	text-transform: uppercase;
}

#contentBig .tx_exojavagal_thumbs img {
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
	padding-right: 8px;
}

#contentBig .tx_exojavagal_thumbs .csc-header {
	position: relative;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	height: 30px;
	width: 154px;
}

#contentBig .tx_exojavagal_thumbs h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: -8px;
	font-size: 1.2em;
}

#contentBig .tx_exojavagal_thumbs h2 a{
	text-decoration: none;
	color: #000000 !important; 
}

#contentBig .tx_exojavagal_thumbs h2 a:hover{
	color: #000000 !important; 
}

#contentBig .tx_exojavagal_thumbs .trafficBox {
	position: relative;
	left: 0px;
	margin-top: -39px;
	width: 154px;
	height: 34px;
	background-color: #FFFFFF;
	z-index: 2;
}

#contentBig .tx_exojavagal_thumbs .linie {
	float: left; 
	width: 156px;
	height: 0px;
	margin-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #000000;
}

#contentBig .tx_exojavagal_spacer {
	float: left;
	width: 8px;
	height: 10px;
}

#desc {
	padding: 0px;
	margin: 0px;
}


/*Nummer-Menü*/
#imgasno {
	float: left;
	padding-top: 10px;
	font-size: 0.95em;
}


#imgasno a{
	color: #000000;
	text-decoration: none;
}

#imgasno a:hover {
	color: #8F7C40;
	text-decoration: underline;
}

#imgasno a.active:link, #imgasno a.active:visited {
	color: #8F7C40;
	font-weight: bold;
}
/********************************************************************************/



/****CONTENT BLOCK***************************************************************/
/* Definition der unteren Blöcke */
.contentblock {
	float: left;
	width: 320px;
	/* height: 280px; Höhe soll variabel sein */
	/* margin-top: 8px; */
	border-top: 3px solid #1A171B;
}

.contentblockSpacer {
	float: left;
	width: 8px;
	height: 10px;
}

.contentblock p {
	padding-left: 0px;
	padding-right: 8px;
}

#contentBottom {
	float: left;
	width: 976px;
	height: 10px;
	margin-bottom: 20px;
}

.contentCol {
	float: left;
	width: 328px;
}
/********************************************************************************/ 



/****PRODUCT BLOCK***************************************************************/
.newProduct {
	position: relative;
	left: 170px;
	z-index: 2;
	width: 138px;
	height: 145px; 
	margin-bottom: -145px;
	background-image: url(img/new-prod.png);
	_background-image: url(img/new-prod.gif); /* IE6 */
	background-position: bottom right;
	background-repeat: no-repeat;
}
/********************************************************************************/ 



/****SPEZIAL BEREICH*************************************************************/
.clear {
	clear: both;
	font-size: 1px;
}
.hide { 
	display: none; 
}
/********************************************************************************/