/** Standardtemplate COLLMEX-Shop ******************************/
/***************************************************************/
/*

 Das Design basiert auf einem suchmaschinenoptimierten CSS - Basislayout der gandke marketing & software gmbh 
 ("gms"; Info unter http://gandke.de). Diese CSS-Datei beinhaltet alle ben?tigten Werte aus dem Standardlayout und 
 vereint diese in einer von nicht benutzten Standardklassen bereinigten CSS-Datei mit einstellbaren Farboptionen.
 
 Zus?tzlich werden hier einzelne spezielle Klassen definiert, die im Standardtemplate eingesetzt werden. 
 
 ACHTUNG: 
 Aus dem urspr?nglichen GMS - Seitendesign wurde die dritte (rechte) Spalte des Standardlayouts nicht entfernt, sondern 
 nur in dieser Fassung komplett ausgeblendet. Wenn also ein dreispaltiges Layout erw?nscht ist, kann diese in der 
 Definition der Seiteneinhalte ohne weitere ?nderungen am Aufbau bef?llt und hier im CSS wieder eingeblendet werden. 
 
*/

/*********************** Definition Standard - HTML -Tags  *****************************/

* {
padding : 0;
margin : 0;
}

body {
color: #000; 
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #1a0650; 
font-size: 80%;
line-height: 1.2em;
margin: 0; 
padding: 0;
/*Zur zentrierten Platzierung - auch im IE5/6 - hier "text-align:center;" einstellen */
text-align: left;
} 

/********* Bilder    ***********  */

img {
border: 0px;
}


img.rightfloat {
float: right;
margin: 2px 2px 2px 10px;
}


/********* Formulare  & Co.. ***********  */

hr { 
color: #999; 
background: transparent; 
margin: 0 0 0.5em 0; 
padding: 0 0 0.5em 0; 
border: 0; 
height: 1px;
border-bottom: 1px #999 solid; 
}


fieldset { 
border:0;
}

td.field {
vertical-align:middle;
}
	
select, 
input, 
textarea { 
color: black; 
background: white;
border: 1px solid #999; 
padding: 3px;
font-size: 99%;
}

input[type=reset],
input[type=submit],
input[type=button] { width: auto; overflow:visible; color: #000; font-weight: bold ; background-color: #f6f3fc; border-color: #999 ; }

input[type=text]:focus, 
textarea:focus {
color: black;
border-color: #333 ;
background-color: #f6f3fc;
}

input[type=reset]:focus,
input[type=submit]:focus,
input[type=button]:focus {
color: black; 
font-weight: bold ;
background-color: #f6f3fc;
border-color: #999 ;
}

input[type=radio],
input[type=checkbox] {
background:transparent none repeat scroll 0%;
border:0 none;
}

option {
color: #333; 
padding-left: 0.4em;
padding-right: 1em;
}

/***************************** Links *********************************/

a { 
text-decoration: underline; 
color: #333
}

a:focus,
a:hover { 
color: #a06d15; 
}

a.strong {
color: #a06d15;
}

strong a {
color: #a06d15;
}

/********* Listen, Aufz?hlungen, Zitate & Co.. ***********  */
	
blockquote, cite { 
margin: 0 0 1em 1.5em; 
font-size: 90%; 
width: auto;
}

	
/*************** Textauszeichnungen... *************/
	
dt, 
b { 
font-weight: bold;
}

strong { 
font-weight: normal;
color: #ac9089;
}


i, em { 
font-style: italic;
}


/***************************** Tabellen *********************************/

table { 
border: 0; 
background-color: white; 
padding: 3px; 
empty-cells: show; 
}

caption {
padding: 3px; 
margin-bottom: 5px;
font-size: 0.8em; 
font-weight: bold; 
line-height: 1.5em; 
caption-side: top;
text-align: left; 
}

thead { 
font-size:1em; 
text-align:center;
background-color: #f6f3fc; 
color: black;
}

tfoot { 
font-size: 0.8em;
text-align: left;
font-weight: bold; 
background-color: #f6f3fc; 
}

tbody { 
text-align: left; 
vertical-align: top; 
background-color: white;
}

td, th {
border: 0; 
padding: 2px ;
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 1px solid #999;
}

th {
background-color: #f6f3fc;
border-top: 1px solid #999;
color: black;
font-weight: bold; 
}


/********* ?berschriften und Textauszeichnungen ***********  */

h1,h2,h3,h4,h5,h6 { 
margin: 0.25em; 
margin-bottom: 0.4em;
margin-left: 0px;
color: black; 
font-size: 1.1em;
}

h1 { 
color: #b57c1a ;
font-size: 1.4em;
}

h5, h6 { color: #a06d15; font-size: 1.4em; font-weight: bold; font-style: normal; margin-bottom: 2px; }
 h6 { color: #acacac; font-size: 10px; font-weight: bold; font-style: normal; margin-bottom: 2px; }
p, ul { 
margin-top: 0.5em;
margin-bottom: 1.5em;
font-size: 1.0em; 
}


ul, ol, dl { 
padding: 3px;
padding-left: 1.8em;
}

li {
line-height: 1.5em;
}

/*****************************  TOOLS  UND KLASSEN   *********************************/


table.fullsize { 
width: 99.5%; 
}


.padded {
padding: 0.5em;
padding-top: 1.0em;
padding-bottom: 1.0em;
}

.noborder { 
border: 0px; 
}

.highlight { 
border: dotted 1px #999; 
padding: 5px;
background-color: #f6f3fc;
color: #b57c1a;
}

.headerbox_round { margin: 0; color: #b18605; font-size: 1em; font-weight: bold; background-color: #f8f1fa; padding: 0 2px 3px 5px; border-color: #a97328; border-style: none solid; border-width: 0 1px; }


.contentbox_round { background-color: #f8f1fa; padding: 5px; margin-top: 0; margin-bottom: 0; border-color: #ecd5ba; border-style: solid solid none; border-width: 1px 1px 0; }

.cleaner {
clear: both;
height: 0px;
padding:0px;
margin: 0px;
border: 0px;
overflow: hidden;
}

.colorfont {
color: #000; 
}

.akt {
margin-bottom: 5px;
margin-top: 5px;
}

/************************* Weitere Vorlagen f?r das Standardtemplate  *******************************/

.cart {
background-color: #f6f3fc;
border: solid 1px #999; 
}

.shop-error {
padding: 3px ;
color: #fff;
background: #f00;
border: solid 1px #d34e00;
font-weight: bold;
font-size: 0.9em;
}

.shop-OK {
padding: 3px ;
background: #f6f3fc;
border: solid 1px #008f00;
font-size: 0.9em;
}

.smaller {
font-size: 0.8em;
}

.nobordertab td, 
.nobordertab th {
border: 0;
}

a.showcart {
background: transparent url('cartbl.gif') 0 50% no-repeat;
padding-left: 22px;
font-weight:bold;
font-size: 1.1em;
text-decoration: none;
}

a.orderlink {
font-weight: bold ;
color: #b57c1a;
}

/*F?r "runde Ecken" ohne Grafik*/

.l1u, 
.l2u, 
.l3u, 
.l4u,
.l1, 
.l2, 
.l3, 
.l4 {
margin: 0px;
padding: 0px;
display: block; 
overflow: hidden; 
font-size: 1px;
}

.l1u, 
.l2u, 
.l3u, 
.l1, 
.l2, 
.l3 {
height: 1px;
}

.l2u, 
.l3u, 
.l4u,
.l2, 
.l3, 
.l4 {
border-right: 1px solid #a06d15;
border-left: 1px solid #a06d15; 
background-color: #f6f3fc;
}

.l2u, 
.l3u, 
.l4u {
background-color: #f6f3fc; 
}

.l1u, 
.l1 {
margin: 0 5px; 
background-color: #a06d15;
}

.l2u, 
.l2 {
margin: 0 3px; 
border-width: 0 2px 0 2px;
}

.l3u, 
.l3 {
margin: 0 2px;
}

.l4u,
.l4 {
height: 2px; 
margin: 0 1px 0 1px;
}

.l1u {
margin-bottom: 15px;
}

/***************************** HAUPT -  CONTAINER  *********************************/

/*
Um den linken Rand um x schmaler zu machen, sind folgende Anpassungen erofrderlich: 
-----------------------------------------------------------------------------------
#wrapper_cnt_outer.border-left	:	-x
#wrapper_cnt_inner.width		:	+x 
#cnt_wrap.margin-left			:	+x ( -x vom Absolutwert, der hier mit neg. VZ verwendet wird)
#col_main.width				:	+x
#col_left.width				: 	-x

Um die gesamte Seite um x breiter zu machen, sind folgende Anpassungen erofrderlich:
------------------------------------------------------------------------------------
#container_main.width			: 	+x
#wrapper_cnt_inner.width		: 	+x
#cnt_wrap.width				: 	+x
#col_main.width				: 	+x

*/

#skiplinks {
position: absolute; 
left: -3000px;
}

/*width des ganzen Inhaltsbereichs wird hier eingestellt*/

#container_main {
margin: 0 auto;
width: 1070px;
text-align: left;
margin: 10px auto;
border:  solid 1px #999!important; 
background-color: white; 
}

#wrapper_cnt_outer {
border-left: 220px solid white;
border-right: 0px;
}

#wrapper_cnt_inner {
/* F?r IE6. */
margin-left: -1px; 
/* F?r non-IE browser. Genau einstellen! */
min-height: 620px; 
width: 765px; 
border-left: 0px;
}


/* wrapper_cnt_inner MUSS BREITER SEIN ALS SEIN CONTAINER! */
* html #wrapper_cnt_inner {
width: 100%;
height : 620px; 
}


#cnt_wrap {
float: left;
width: 983px;
/* analog Linke Spalte (rahmenbreite outer)  */
margin-left: -220px;  
}

#col_main {
float: right;
min-height: 620px;
width: 757px;

}

* html #col_main {
height: 620px;
}

#col_left { float: left; width: 218px; position: relative; border-right-color: #b57c1a; border-right-style: solid; /* f?r IE */
}

#col_right {
width: 0px;
display: none;
margin: 0; 	
border: 0;
}

#header {
padding: 0.5em;
min-height: 75px; 
color: #b28854; 
background: #1a0650;
border-bottom: 1px dotted #999;
}

* html #header{
height : 75px; 
}


#menuheader { 
padding-bottom: 10px;
min-height: 10px; 
}

* html #menuheader{
height: 10px; 
}


#footer {
margin: 0; 
background-color: white;
color: #333;
border-top: 1px dotted #999;
text-align: center; 
line-height: 0.9em;
padding: 0.5em;
}

/* Mozilla bug fixes */
html>body #wrapper_cnt_inner, 
html>body #cnt_wrap {
border-bottom: 1px solid transparent;
}

/***************************** VARIANTEN NACH CONTAINERN *********************************/

#header h1, 
#header h2, 
#header h3, 
#header h4, 
#header h5 { 
color: #a06d15 ;
}

#header h1 {
font-size: 1.7em; 
font-weight: normal;
margin: 0.25em 0; 
padding-top: 2px;
color: #b57c1a; 
}

#header h2 
{font-size: 1.5em; 
font-weight: normal;
margin: 0 0 0.25em; 
padding-top: 2px; 
border: 0;
color: #a06d15;
}

#footer h1, 
#footer h2, 
#footer h3, 
#footer h4, 
#footer h5,
#footer h6 {
color : #a06d15; 
padding-bottom: 0;
margin-bottom: 1px;
font-size: 1em;
}

#header a {
color: #a06d15; 
text-decoration: none; 
}

#header a:hover,
#header a:focus 
{ 
text-decoration: underline; 
}

#footer a {
color : #a06d15; 
}

/*************************************NAV ***************************/


/* Hauptmenue */
#topnavigation {
color: #a06d15; 
border-left: 1px solid #999 ;
}

#topnavigation ul {
padding: 0px;
list-style-type: none;
font-weight: normal;
}

#topnavigation li.nav_menu_one {
font-size: 1.0em;
font-weight: bold;
padding: 3px; 
padding-left: 1.0em;
padding-right: 1.0em;
margin: 0px; 
margin-left: -1px;
display: block;
float: left; 
border: 0;
border-right: 1px solid #999 ;
border-left: 1px solid #999 ;
}

#topnavigation a {
color: #a06d15; 
text-decoration: none;
}

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

#topnavigation .nav_menue {
margin: 0px;
}

#topnavigation .nav_menue li:hover {
background-color: white;
}

#topnavigation, #topnavigation ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

#topnavigation li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	
	position: relative;
	z-index: 5;		
}

#topnavigation li:hover {
	z-index: 10000;
	white-space: normal; /* F?r den IE7, weil der sonst vom z-Index nix wissen will*/
}

/*Linke Detailnavigation*/
#leftnavigation { 
font-size: 1.0em;
}

#leftnavigation ul {
margin-top:0px;
margin-bottom: 0px;
font-weight: bold;
padding-left: 2px;
}

#leftnavigation li {
list-style-type: none;
display: block;
margin-bottom: 2px;
}

#leftnavigation li ul {
font-weight: normal;
padding-left: 12px;
}

#leftnavigation li ul li a {
color: black; 
padding: 2px ;
padding-left: 9px;
}

#leftnavigation li ul li {
border: 0px;
}

#leftnavigation li a {
color: black; 
text-decoration: none;
list-style-type: none;
padding: 2px ;
padding-left: 9px;
}

#leftnavigation li a:hover, 
#leftnavigation li ul li a:hover { 
list-style-type: none;
color: #b57c1a;
text-decoration: underline ;
}

/*Markierung aktiver Men?punkte links und im Hauptmen? oben */
a.left_current { color: #b57c1a; background: white url(markerbl.gif) no-repeat 0 50%!important; }

.main_current { color: #a06d15; border-bottom: 1px solid #999; border-top: 1px solid #999; }

.main_current a { color: #a06d15; }

/*Zusatznavigation oben */
#headnavigation {
color: #a06d15; 
float: right;
}

#headnavigation ul {
padding: 0px;
list-style-type: none;
font-weight: normal;
}

#headnavigation li {
font-size: 0.8em;
padding: 3px; 
padding-left: 0.5em;
padding-right: 0.5em;
margin: 0px; 
float: left; 
}

#headnavigation li a,
#headnavigation a {
color: #a06d15; 
text-decoration: none;
}

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

/*Navigation im Fuss */

#footnavigation  a {
text-decoration: none;
color: #333; 
font-size: 0.8em;
}

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