@charset "utf-8";
/* CSS Document */
/*SD*/
body {
	margin: 0px;
	padding: 0px;
	background: #E4E3E3 ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#logo {
	position: absolute;
	left: 9px;
	top: 0px;
	width: 740px;
	height: 110px;
	background: url(../images/plg.gif) no-repeat;
}

#clientlogin {
	position: absolute;
	left: 620px;
	top: 20px;
	width: 300px;
	text-align: right;
	z-index: 200;
}

#clientlogin a {
	text-decoration: underline;
rem	font-size: 80%;
}

#portugal {
	position: absolute;
	left: 840px;
	top: 120px;
	width: 50px;
	text-align: right;
	z-index: 201;
}

#basket {
	margin: 0px;
	padding: 10px 0px 10px 20px;
	height: 17px;
	background-color: #FF0000;
	border-bottom:1px solid #FFFFFF;

}

#basket a {
	text-decoration: none;
}

#howmuch {
	position: absolute;
	left: 522px;
	top: 183px;
	width: 178px;
	border-left: 2px solid #4A4A4A;
	border-bottom: 2px solid #4A4A4A;
	padding: 15px 0px 15px 20px;
	z-index: 200;
}

#howmuch p {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}

#howmuch a {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}	

#maintopic {
	position: absolute;
	left: 180px;
	top: 80px;
	width: 765px;
	height: 30px;
	border-left: 1px solid #cdcdcd;
	background: url(../images/pmtbgr.gif) repeat-x;
	overflow: hidden;
	text-align: left;
}

#plaintext {
	position: absolute;
	left: 750px;
	top: 30px;
	width: 195px;
	height: 30px;
	text-align: right;
	z-index: 100;
}

#plaintext a {
	color: #888888;
	text-decoration: none;
}


#youarehere {
	position: absolute;
	left: 20px;
	top: 111px;
	width: 900px;
	height: 30px;
}

#youarehere a {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 23px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	font-size: 11px;
	background : url(../images/pmr.gif) no-repeat;
}

#youarehere a:hover {
	color: #666666;
	background : url(../images/pmra.gif) no-repeat;
}


#maintopic a {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing : 2px;
	background: url(../images/pmt.gif) repeat-x;
border-right: 1px solid #cdcdcd;
}

#maintopic .descargas {
	display: block;
	float: left;
	height: 30px;
margin-left: 70px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing : 2px;
	background: url(../images/pmt.gif) repeat-x;
border-right: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
}

#maintopic a:hover {
	background: url(../images/pmta.gif) repeat-x;
	color: #333333;
}

#maintopic a.active {
	background: url(../images/pmta.gif) repeat-x;
	color: #333333;
	font-weight: bold !important;
	font-size: 11px;
}


#topic {
	width: 199px;
	background-color: #666666;
}

#topic a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #C9C9C9;

}

#topic p {
	text-align: center;
}

#topic p a {
	border-bottom: none !important;	
}

#topic a:hover {
	color: #C9C9C9;
}

#topic a.maintopic {
	margin: 0px 20px 0px 20px;
	font-size: 10px;
	text-transform: uppercase;
}

#topic a.maintopica {
	color: #C9C9C9;
	margin: 0px 20px 0px 20px;
	font-size: 10px;
	text-transform: uppercase;
}


#topic a.topic {
	margin: 0px 20px 0px 25px;
	padding: 2px 0px 2px 0px;
	font-size: 10px;
}
#topic a.topic_in {
	margin: 0px 20px 0px 25px;
	padding: 2px 0px 2px 0px;
	font-size: 10px;
	font-weight:bold;
	
}
#topic a.topica {
	color: #C9C9C9;
	margin: 0px 20px 0px 25px;
padding: 2px 0px 2px 0px;
	font-size: 10px;
}	


#topic a.subtopic {
	margin: 0px 20px 0px 32px;
padding: 2px 0px 2px 0px;
	font-size: 10px;
}

#topic a.subtopica {
	color: #C9C9C9;
	margin: 0px 20px 0px 32px;
padding: 2px 0px 2px 0px;
	font-size: 10px;
}	

#topic h1 {
	padding: 9px 20px 9px 20px;
	background-color: #4A4A4A;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
}

#topic h2 {
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #C9C9C9;
	padding: 0px;
	margin: 3px 20px 3px 20px;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}



#eyecatcher {

	height: auto;

rem	background: url(../images/) no-repeat;
}

#content {
	float:left;
	width: 495px;
	padding: 0px 18px;
	margin: 0px;
	padding-top:50px;
	position:relative;
}
#content_fiche {
	float:left;
	margin: 0px;
		padding: 0px 18px;
	width: 690px;
	padding-top:50px;
	position:relative;
}

#sidebar {
	position: absolute;
	top: 238px;
	left: 770px;
	width: 200px;
	background-color: #666666;
	color: #fffff;
}

#sidebar a.teaser {
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #C9C9C9;
	padding: 0px;
	margin: 3px 0px 3px 0px;
	text-transform: uppercase;
	font-size: 10px;
}

#sidebar p.teaser a.teaser {
	border-bottom: none !important;	
}

#sidebar a.teaser:hover {
	color: #C9C9C9;
	text-decoration: none;
}


#sidebar p.priceinfo {
	display: inline;
}

#search {
	width: 199px;
	height: 55px;
	background-color: #4A4A4A;
	border-bottom:1px solid #FFFFFF;
}

#search h1 {
	padding: 9px 20px 0px 20px;
rem	background-color: #4A4A4A;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
}

form.search {
	position: absolute;
	width: 160px;
	padding: 0px 19px 0px 20px;
}

form.search input {
	margin: 0px;
	vertical-align : middle;
}

input.search {
	border : 1px solid #cdcdcd;
	color: #333333;
	width: 118px;
	padding: 2px;
	background: url(../images/pmt.gif) repeat-x;
	font-size: 10px;
}

/*SC*/
#content h1 {
	font-size: 220%;
	margin: 0px;
	padding: 10px 0px 2px 0px;	
	text-transform: uppercase;
	color: #444444;
}

#content h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	color: #4A4A4A;
}

#sidebar h1 {
	padding: 9px 20px 9px 20px;
	background-color: #4A4A4A;
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#sidebar h2 {
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #C9C9C9;
	padding: 4px 0px 2px 0px;
}


.sb {
	padding: 9px 20px 9px 20px;
	color: #ffffff !important;
}

#content h2 {
	padding: 10px 0px 2px 0px;	
}

#content h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;	
	color: #4A4A4A;
}

#content p, #sidebar p {
	margin: 0px;
	padding: 2px 0px 4px 0px;	
	line-height: 160%;
	font-weight: normal;
}

#content a {
	text-decoration: underline;
}

#sidebar a {
	text-decoration: none;
}

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

#content .sidepicture {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 0px 10px;
	width: 160px;
}

#content .clearer {
	clear: both;
}

#more {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: right;
}

#more a {
	text-decoration : none;
	background : url(../images/pbull.gif) no-repeat;
	padding: 2px 0px 4px 15px;
}

/* Liste */

#content ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 10px;
}

#content li {
	padding: 2px 0px 2px 16px;
	background: url(../images/pbull.gif) no-repeat top left;
}

#sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 0px;
}

#sidebar li {
	padding: 2px 0px 2px 16px;
	background: url(../images/pbullsb.gif) no-repeat top left;
}


/* Tabelle */

#content table.cells {
}

#content td.cell {
	background-color: #eeeeee;
}

#content td.headercell {
	background-color: #cc3333;
	color: #ffffff;
	font-weight: bold;
}

/* Teaser */

#teaser {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#teaser p.teasertext {
	margin: 0px;
	padding: 4px 4px 4px 4px;
	font-size: 100%;
	line-height: 130%;
	font-weight: normal; 
}

#teaser a {
	margin: 0px;
	font-weight: bold;
	color: #333333;
}

#teaser h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 4px 2px 4px;	
	color: #FFFFFF;
	background-color: #FF0000;
	display: blocK;
	border-bottom: solid 1px #000000;
}

#teaser h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 4px 2px 4px;	
	color: #000000;
	background-color: #FFFFFF;
	display: block;
	border-bottom: solid 1px #000000;
}

#teaser h6 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 4px 2px 4px;	
	color: #000000;
	background-color: #FFFFFF;
	display: block;
rem	border-bottom: solid 1px #cccccc;
}

#teaserprice {
	text-align: right;
	margin: 0px;
	padding: 0px;
rem border: solid 1px #000000;
}

#teaser .price {
	font-size: 100%;
	font-weight: bold;
	color: #FF0000;
rem	float: right;
	display: inline;
	padding: 0px 4px 0px 4px;
	line-height: 100%;
}

#teaser p.vat {
	font-size: 100%;
	font-weight: normal;
rem	float: right;
	display: inline;
	color: #000000;
	padding: 0px 4px 0px 4px;
}

#teaser a.ficha {
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
rem	float: right;
	display: inline;
	padding: 0px 4px 0px 4px;
}

div.teaserelement {
	float: left;
	padding: 0px 0px 4px 0px;
	margin: 0px 5px 0px 0px;
	border: solid 1px #000000;
}

div.teaserelementgrey {
	float: left;
	padding: 0px 0px 4px 0px;
	margin: 0px 5px 0px 0px;
rem	border: solid 1px #cccccc;
}

div.teaserpicture {
	float: left;
	padding: 0px;
	margin: 5px 4px 8px 2px;
	border: none;
}


.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
	background-color: #666666;
}

#teaser p.white {
	color: #ffffff;
	font-weight: bold;
	display: inline;
}

#teaser a.white {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

#teaserborderbottom {
	padding: 0px 0px 10px 0px;
	margin: 10px 5px 10px 5px;
	border-bottom: 1px solid #cccccc;
}


/* grauer Rahmen */

#bordergrey {
	margin: 0px;
	padding: 0px;
	border: solid 1px #cccccc;
}

#bordergrey h2 {
	padding: 10px 0px 2px 10px;
}


/* Absatztype Formular */

input.box {
	width: 300px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	border : 1px solid #cdcdcd;
	color: #333333;
	background: url(../images/pmt.gif) repeat-x;
	font-size: 10px;
}

form.formular textarea  {
	background: url(../images/pmt.gif) repeat-x;
	border : 1px solid #cdcdcd;
	width: 300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 140px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #4A4A4A;
	line-height: 160%;
	padding: 2px 0px 10px 142px !important;
}

.buttoncaption {
	line-height: 200%;
}


/* Plugin-Styles */

P.s2d  {
	font-size: 180%;
	color: #FF0000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}

P.s2dsmall  {
	font-size: 80%;
}

P.s2des  {
	font-size: 180%;
	color: #FF0000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
	display: inline;
}

P.s2dsmalles  {
	font-size: 80%;
display: inline;
}


#sidebar p {
	color: #ffffff !important;
}

a.s2dsmall, a.s2dinfo  {
	text-decoration:underline !important;
}

.small {
	font-size: 5px;
	line-height: 50%;
}

/*SHP */
input.tx {
	border : 1px solid #888888;
}
input.txh, p.txh {
	border : 1px solid #A70C0C;
	background-color : #F5E5E5;
}
p.h {
	color: #A70C0C;
	font-weight: bold;
}