/** 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: #333; 
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: white; 
font-size: 80%;
line-height: 1.2em;
margin: 0; 
padding: 0;
/*Zur zentrierten Platzierung - auch im IE5/6 - hier "text-align:center;" einstellen und in container_main "margin: 10px 10px;" entfernen*/
text-align: left;
} 

/********* 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: #FFF3E2;
border-color: #999 ;
}

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

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; 
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; 
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:1.0em; 
text-align:center;
background-color: #FFF3E2; 
color: black;
}

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

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: #FFF3E2;
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: #900 ;
font-size: 1.2em;
}

h5, h6 { 
font-size: 1.0em;
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: 1px dotted #999; 
padding: 5px;
background-color: #FFF3E2;
color: black;
}

.headerbox_round { 
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;
}

/*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 #900;
border-left: 1px solid #900; 
background-color: #900;
}

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

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

.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;
margin-top: 10px;
width: 987px;
text-align: left;
margin: 10px 10px;
border:  1px #999 solid!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: 405px; 
width: 765px; 
border-left: 0px;
}


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


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

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

}

* html #col_main {
height: 575px;
}

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

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

#header {
padding: 0.5em;
min-height: 75px; 
color: #333; 
background: white;
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: #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;
}

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

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

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

#footer a {
color : #333; 
}

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


/* Hauptmenue */
#topnavigation {
color: black; 
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: black; 
text-decoration: none;
}

#topnavigation a:hover {
color: #900;
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: #900;
text-decoration: underline ;
}

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

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

.main_current a {
color: #900!important;
}

/*Zusatznavigation oben */
#headnavigation {
color: #333; 
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: #333; 
text-decoration: none;
}

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

/*Navigation im Fuss */

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

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