/** 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;
}

html {
background-color: #B8B8B8;
height:100%;
width:100%;
}

body {
width:100%;
height:100%;
color: #333;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
}

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

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

#cnt_main {
width: 990px;
min-height:100%;
margin:0px auto;
text-align: left;
background: url(images/main.jpg) no-repeat #FFFEEA;
}
* html #cnt_main {height:100%;} /* für IE < 7 */

#header {
width: 990px;
height: 230px;
}

#cnt_wrap {
width: 990px;
min-height:200px;
height:auto;
padding-bottom:100px;
overflow:none;
}

#col_main {
float: right;
min-height: 200px;
width: 765px;
margin-right:25px;
}

#col_left {
float: left;
width: 165px;
position: relative; /* für IE */
}

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

#footer {
margin:-90px auto 0px auto;
width:990px;
height:90px;
background: url(images/footer.jpg) no-repeat transparent;
}


#search {
width: 230px;
height:55px;
float:right;
margin-right: 25px;
padding-top:5px;
}

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

img {
border: 0px;
}


img.rightfloat {
float: right;
margin: 2px;
margin-left: 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: black; 
font-weight: bold ;
background-color: #FFFEEA;
border-color: #999 ;
}

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

input[type=reset]:focus,
input[type=submit]:focus,
input[type=button]:focus {
color: black; 
font-weight: bold ;
background-color: #FFF3E2;
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; 
font-size:13px;
color: #333
}

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

a.strong {
color: #900;
}

strong a {
color: #900;
}

/********* 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: #900;
}


i, em { 
font-style: italic;
}


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

table { 
border: 0; 
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:1.0em; 
text-align:center;
background-color: #FFFEEA;
color: black;
}

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

tbody { 
text-align: left; 
vertical-align: top; 
}

td, th {
border: 0; 
border-bottom: 1px solid #a1bf24;
}

th {
background-color: #a1bf24;
border: 1px solid #a1bf24;
color: white;
font-weight: bold; 
padding: 2px;
}

td {
padding: 4px 2px;
}


/********* Überschriften und Textauszeichnungen ***********  */

h1 { 
float: left;
width: 765px;
height: 30px;
margin-bottom: 0px;
color: #196D36;
font-size: 23px;
font-weight:normal;
line-height:100%;
overflow: hidden;
white-space: nowrap;
}

h2,h3,h4,h5,h6 {
color: #333;
font-size: 12px;
font-weight: bold;
line-height: 150%;
}

h2 {
margin: 0px 0px 20px 0px;
}

h3, h4, h5, h6 {
margin: 10px 0px 2px 0px;
}

p {
width: 515px;
margin:0px 0px 10px 0px;
padding:0px;
font-size: 13px;
line-height:150%;
}

p.index {
font-size: 14px;
}

p.anmerkung {
padding-left:22px;
font-size:10px;
}

ul, ol, dl {
padding-left:22px;
margin:0px 0px 10px 0px;
list-style-type: square;
list-style-image:url(images/square.png);
width:515px;
}

li {
font-size: 13px;
line-height: 150%;
margin:0px 0px 5px 0px;
}

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

.product {
border: 0px none;
padding: 0px;
margin: 0px;
text-align: center;
vertical-align: middle;
background: transparent;
}

a.productorder {
display:block;
width:100px;
height:19px;
padding:3px 10px;
font-weight:bold;
color:white;
background: #196D36;
text-decoration: none;
}

table.fullsize { 
width: 515px;
}

th.itemlist {

}


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

.noborder { 
border: 0px; 
}

.highlight { 
width: auto;
border: 1px dotted #999; 
padding: 5px;
background-color: #FFFEEA;
color: black;
}

.headerbox_round {
width:80%;
margin: 0px;
color: white;
font-size: 1em;
font-weight: bold;
background-color: #900; 
padding: 2px;
padding-left: 5px;
padding-bottom: 3px;
padding-top: 0px;
border: 1px solid #900;
border-top: 0px;
border-bottom: 0px;
}


.contentbox_round { 
background-color: #FFF3E2;
padding: 5px;
margin-top: 0px;
border: 1px solid #900 ;
border-bottom: 0; 
margin-bottom: 0px;
}

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

.colorfont {
color: #900; 
}

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

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

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

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

.shop-OK {
padding: 3px ;
background: #bfffbf;
border: 1px solid #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: #900;
}

input.search {
width: 130px;
height: 12px;
border: 2px solid #a1bf24;
background: white;
vertical-align: middle;
}

a.search, a.search:hover, a.search:focus {
font-size: 16px!important;
font-weight: bold;
text-decoration: none;
color: white;
vertical-align: middle;
}

a.search:hover



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

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

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

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

#header a {
font-size:10px;
text-decoration: none;
}

#header a:hover,
#header a:focus 
{ 
}

#footer a {
color : #333; 
}

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

/*Linke Detailnavigation*/
#leftnavigation {
margin-left:2px;
width: 140px;
}

#leftnavigation ul {
margin:0px;
width: 140px;
padding-left:22px;
}

#leftnavigation li {
list-style-type: none;
display: block;
width: 140px;
}

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

#leftnavigation li ul li a {
padding: 0px;
margin:0px;
margin-left: -10px;
background-color:transparent;
width:120px;
font-size: 12px;
text-decoration: none;
font-weight: normal;
color: black;
line-height:100%;
}

#leftnavigation li ul li {
list-style-type: none;
padding:0px;
margin:0px;
}

#leftnavigation li a {
display:block;
background-color: #196d36;
width: 140px;
height: 25px;
padding: 6px 0px 0px 12px;
margin-bottom: 10px;
color: #fff3e2;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}

#leftnavigation li a:hover {
color: #a1bf24;
background-color: #196d36;
}

#leftnavigation li ul li a:hover {
color: #a1bf24;
background-color: transparent;
}

/*Markierung aktiver Menüpunkte links und im Hauptmenü oben */
a.left_current {
color: #a1bf24!important;
font-weight:bold!important;
}


#headlogo {
padding: 0px 0px 0px 615px;
width: 350px;
}

/*Zusatznavigation oben */
div#headnavigation {
margin: 25px 25px 0px 535px;
float:right;
width: 230px;
height:20px;
color: #196d36;
overflow:hidden;
}

#headnavigation ul {
padding: 0px;
list-style-type: none;
list-style-image:none;
font-weight: normal;
width:230px:
height:20px:
overflow: hidden;
}

#headnavigation li {
font-size: 0.8em;
padding-left: 0px;
padding-right: 10px;
margin: 0px; 
float: left;
max-width: 100px;
}

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

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

/* Frame für Bestellvorgang */
iframe.inframe {
margin:0px;
width:100%;
}

html.inframe {
padding:0px;
margin:0px;
background: url(images/inframe.jpg) no-repeat #FFFEEA;
}

body.inframe {
width:95%;
height:95%;
padding:0px;
margin:0px;
background: transparent;
}

h1.inframe {}

p.inframe {}