/* Aenderbare Parameter */


/* Produktfarben */
.colum3 .farben li.gruen {background-color:green; color:white;}
.colum3 .farben li.rot {background-color:red; color:white;}
.colum3 .farben li.gelb {background-color:yellow; color:black;}
.colum3 .farben li.braun {background-color:black; color:white;}
.colum3 .farben li.blau {background-color:blue; color:white;}
.colum3 .farben li.rosa {background-color:pink; color:black;}
.colum3 .farben li.gold {background-color:black; color:white;}
.colum3 .farben li.schwarz {background-color:black; color:white;}
.colum3 .farben li.weiss {background-color:white; border:1px solid black; color:black;}
.colum3 .farben li.grau {background-color:#666666; color:white;}
.colum3 .farben li.violet {background-color:black; color:white;}

.colum3 .farben li.gruen a {color:white;}
.colum3 .farben li.rot a {color:white;}
.colum3 .farben li.gelb a {color:black;}
.colum3 .farben li.braun a {color:white;}
.colum3 .farben li.blau a {color:white;}
.colum3 .farben li.rosa a {color:black;}
.colum3 .farben li.gold a {color:white;}
.colum3 .farben li.schwarz a {color:white;}
.colum3 .farben li.weiss a {color:black;}
.colum3 .farben li.grau a {color:white;}
.colum3 .farben li.violet a {color:white;}

 
#dolphinnav {margin-top:30px;}	/* Hier kannst du angeben, wie weit das Menue vom Logo entfernt ist */ 

#colum1 {								/* Angaben zum linken Kasten (Bild) */		
			width:360px;				/* Breite */
			height:300px;				/* Hoehe */
			margin-right:25px;		/* Abstand zum rechten Kasten */
			margin-bottom:40px;		/* Abstand nach unten */
			border:1px solid green; /* Wenn du den Rahmen weg haben willst, gib hier einfach border:none; an*/
			}

#colum2 {								/* Angaben zum rechten Kasten (Text) */
			width:320px;				/* Breite */
			height:290px;				/* Hoehe */
			border:1px solid green; /* Wenn du den Rahmen weg haben willst, gib hier einfach border:none; an*/
			padding:5px;				/* Innenabstand */		
			}

#div3		{								/* Angaben zum unteren Kasten (Farbauswahl) */
			width:360px;				/* Breite */
			height:50px;				/* Hoehe */
			border:1px solid green; /* Wenn du den Rahmen weg haben willst, gib hier einfach border:none; an*/
			}

/* erster marginwert = Abstand von oben, letzter Wert Abstand von links */
body {margin:50px 0 0 40px; padding:0; font-size:x-small; color:#5fa841; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
a {color:#5fa841;}
a:hover {color:black;}
a img {border:none;}

/* der linke Rand */
p {width:400px;}

/*hr {color:#5fa841; background-color:#5fa841; height:1px; border:none; margin-top:20px; margin-bottom:-7px; } */

h1 {color:#5fa841; font-size:x-small; font-weight:bold; padding:0; margin:0 0 10px 0; }
h2 {color:#5fa841; font-size:small; font-weight:normal;}
h3 {color:#5fa841; font-size:x-small; font-weight:bold;}



.c {clear:both; visibility:hidden; margin:0; padding:0;}

#content {width:730px; margin:0 auto 60px auto; text-align:left;}


#dolphinnav{position:relative;height:33px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 25px 0 0; font-size:small;}
#dolphinnav ul li a{display:inline; color:#5fa841;text-decoration:none; }
#dolphinnav ul li a:hover{color:#5fa841; font-weight:bold;}
#dolphinnav ul li a:hover .innercontent{display:block;}
#dolphinnav ul li a.current, #dolphinnav ul li a.current:hover{color:#5fa841; font-weight:bold; margin-right:-4px;}
#dolphinnav ul li a:hover #dolphinnav ul li {margin-right:19px;}
#dolphin_inner{color:#5fa841; height:60px;}

#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color:#5fa841;}
#dolphin_inner a:hover{color:#5fa841;}
.innercontent{display: none;}

/*Die nachfolgenden 4 Zeilen deaktiviert; dadurch  Wegfall Produktscrollen und Produkte mehrzeilig*/
.scroll_mama {position:relative; width:570px; margin:0 10px 0 0; padding:0; height:60px; overflow:hidden; float:left;}*/

/*#Aktion_inner, #Produkte_inner {position:absolute; left:0; right:0; width:2000px; height:50px; overflow:hidden;}*/
/*.pfeile {float:left; width:80px;}
/*.pfeile span {margin-left:10px; padding:0 7px 0 7px;} */


.sub_menue {margin:0; padding:0; list-style:none;}
.sub_menue li {display:inline; margin:0 22px 0 0; padding:0; font-size:small;}
.sub_menue li:hover, .sub_menue li.active {font-weight:bold; margin-right:17px;}
.sub_menue li a {text-decoration:none;}


/* Produkte */
.logo {float:left; margin-right:15px;}
div.logo {float:left; margin-right:15px; width:348px; height:230px; border:1px solid #5fa841;}
.colum2 {float:left; width:365px;}
.colum2 .details {list-style:none; margin:0 0 10px 0; padding:0;}
.colum2 .details li {margin:0 7px 0 0; padding:0;}
.colum2 .extrabilder {list-style:none; margin:0 0 10px 0; padding:0;}
.colum2 .extrabilder li {display:inline; margin:0 7px 0 0; padding:0;}
.colum2 .text {margin:10px 0 0 0;} */

.colum3 {margin-top:20px;}
.colum3 .farben {margin:0 0 15px 0; padding:0; width:360px; list-style:none; float:left;}
.colum3 .farben li {margin:0 7px 7px 0; padding:2px; overflow:hidden; float:left; width:45px; height:32px; text-align:center;}
.colum3 .farben li a {text-decoration:none;}
.colum3 .preis {margin:0 0 0 35px; padding:0; float:left;}


/* Impressum */
.impr_links {width:350px; float:left;}
.impr_rechts {width:350px; float:left;}
.impr_rechts strong {}


/* Nordprodukt */
.bild {width:190px; float:left; margin-right:10px; }
.nordprodukt {width:200px; float:left;}

/* Aktion */
img.aktion {border:none; height:200px; float:left; margin-right:20px; margin-bottom:20px;}
div.aktion_n {float:left; width:348px; height:230px; margin-right:15px; margin-bottom:20px; border:1px solid #5fa841; }
div.aktion {width:350px; float:left; margin-bottom:20px;}

/* Links */
ul.links {list-style:none;}
ul.links li a {text-decoration:none;}