@charset "utf-8";
/* CSS Document */

/* VERSIONSNUMMER 6.2 */

/* CSS dudel.de */

* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
	width:100%;

}

body {	
	width:100%;
	height: 100.1%;
	background-color: #006854;
	background-image:url(../media/bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#FFFFFF;
}

#wrapper-outside {
	position:relative;
	width:100%;
	height: 100%;
}

#testfield {
	position: relative;
	top: 250px;
	width: 350px;
	height: Y; 
	margin-left: auto;
	margin-right: auto;
	padding-left: 600px;
	overflow:auto;
	z-index:5;
}

#wrapper-header {
	position:relative;	
	color: black;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	position: relative;
	height: 142px;
	width: 950px;
}

	#navi {
		position: relative;
		float:left;
		height: 142px;
		width: 950px;
	}
	
		#logo1 {
			position:relative;
			float:right;
			top:26px;
			left:787;
		}
		
		#menue1 {
			position:relative;
			float:left;
			width: 761px; 
			top:40px;
			left:0;
		}
		
		#menue1 ul {
			width: 761px;		
		}
		
		#menue1 li {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:85%;
			font-weight:bold;
			display:inline;
			list-style:none;
			color:#006854;
			text-decoration:none;
			margin-right:23px;
		}
		
		#menue1 li a {
			color:#006854;
			text-decoration:none;
		}
		
		#menue1 li a:hover,  #menue1 li a:active, #menue1 li:active a, #menue1 .aktiv {
			text-decoration:underline;
		}
		
		#menue2 {
			position:relative;
			float:left;
			width:600px; 
			height:50px;
			top: 55px;
			left:0px;
		}
		
		#menue2 ul  {
			width: 600px;

		}
		
		#menue2 li {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:90%;
			font-weight:bold;
			display:inline;
			list-style:none;
			color:#437f75;
			text-decoration:none;
			margin-right:2px;
		}

		#menue2 li a {
			width: 150px;
			display:block;
			color:#006854;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:85%;
			font-weight:bold;
			display:inline;
			list-style:none;
			color:#437f75;
			text-decoration:none;		
		}
		
		/* Bitte diesen Zustand als aktiv nehmen */
		#menue2 li:active a, #menue2 li a:hover,  #menue2 li a:active, #menue2 .aktiv  {
			text-decoration:underline;
		}

/* Verlauf */
#colorbar-wrapper {
	position: relative;
	left:0;
	top:0;
	height: 25px;
	width:100%;
	text-align:center;
}	

	#colorbar-left {
		position:absolute;
		left:0;
		top:0;
		height: 26px;
		width:50%;
		text-align:center;
		background-color:#006854;
		background-image:url(../media/verlauf2_ergaenzg3.jpg);
		background-repeat:repeat-x;
		background-position:right;
		z-index:1;
	}
	
	#colorbar-main {
		position:absolute;
		left:0;
		top:0;
		height: 26px;
		width:100%;
		text-align:center;
		z-index:3;
	}

	#colorbar-right {
		position:absolute;
		right:0;
		top:0;
		height: 26px;
		width:50%;
		text-align:center;
		background-color:#C9E8E2;
		background-image:url(../media/verlauf2_right.jpg);
		background-repeat:repeat-x;
		z-index:1;
	}

#wrapper-content {
	position:relative;
	margin-top:10px;	
	color: black;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

/* Suche und Breadcrumb */
#sb-bar {
	position: relative;
	height: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	font-weight:normal;
}

	#search {
		position:relative;
		left:0;
		float:left;
	}
	
		#text {
			background:#437f75;
			border:0;
			width: 140px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			font-weight:normal;
			padding: 2px;
		}
		
		#submit {
		  	float: none;
  			width: auto;
			background:#437f75;
			border:0;
			padding: 0;
			border-color:#437f75; 
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			font-weight:normal;
		}
	
	#breadcrumb {
		position:relative;
		top:4px;
		float:right;
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:95%;
		font-weight:normal;
		display:inline;
		list-style:none;
		color:#FFFFFF;
	}
		
		

			#breadcrumb a {
				width: 150px;
				display:block;
				color:#006854;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:normal;
				display:inline;
				list-style:none;
				color:#FFFFFF;
				text-decoration:none;		
			}
			
			#breadcrumb a:hover, #breadcrumb a:active,  #breadcrumb .aktiv {
				text-decoration:underline;
			}

/* eigentlicher Inhalt */
#content {
	position: relative;
	float:left;
	margin-top: 45px;
	margin-bottom:44px;
	width: 950px;
}

/* Felder: "-aktiv zeigt Bild, nicht klickbar" - ohne "-aktiv" zeigt Button */
/* Oben rechts variierte die Breite zwischen 278 und 250 px, da Weltkarte Bild "überlappt" */

/* Mit 4 Feldern */
#content-left {
	position: relative;
	height: 286px; /* war 256px; */
	width: 546px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #D0003A;
	font-variant: small-caps;
	font-weight:bold;
	text-align:center;
	valign:middle;
	text-decoration:none;
}

/* Mit 2 Feldern */
#content-left-2 {
	position: relative;
	height: 286px;
	width: 252px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #D0003A;
	font-variant: small-caps;
	font-weight:bold;
	text-align:center;
	valign:middle;
	text-decoration:none;
}

	#image-top-left-aktiv {
		position:relative;
		float:left;
		height: 210px; 
		width: 252px;
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #D0003A;
		font-variant: small-caps;
		font-weight:bold;
		valign:middle;
		text-decoration:none;
		overflow:hidden;
	}
	
	#image-top-left {
		position:relative;
		float:left;
		height: 208px; /* war 180px */
		width: 250px;
		display:block;		
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #D0003A;
		font-variant: small-caps;
		font-weight:bold;
		valign:middle;
		border:1px solid #FFFFFF;
		text-decoration:none;
		overflow:hidden;

	}

	#image-top-right-aktiv {
		float: right;
		display:inline;
		height: 210px;
		width: 278px; /* 252px + Uebrlappung Weltkarte = 278px */
		text-decoration:none;
		overflow:hidden;
	}

	/* entfällt
		#image-top-right {
		float:left;
		margin-left:16px;
		height: 208px; 
		width: 250px;
		display:block;		
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #D0003A;
		font-variant: small-caps;
		font-weight:bold;
		valign:middle;
		border:1px solid #FFFFFF;
		text-decoration:none;
		overflow:hidden;
	}
	*/	
		.text-top {
			text-decoration:none;
			position: relative;
			top: 100px; 
		}

	#image-bottom-left-aktiv {
		margin-top:16px;
		display:inline;
		float:left;
		height: 60px;
		width: 252px;
		background-color:#FFFFFF;
		text-decoration:none;
		overflow:hidden;
	}

	#image-bottom-left {
		clear:both;
		margin-top:16px;
		display:block;
		float:left;
		height: 60px; 
		width: 250px; 
		color: #D0003A;
		background-color:#FFFFFF;
		border:1px solid #FFFFFF;
		text-decoration:none;
		overflow:hidden;
	}
	
	#image-bottom-right {
		float: left;
		margin-left:16px;
		display:block;
		margin-top:16px;
		height: 60px; 
		width: 250px; 
		color: #D0003A;
		background-color:#FFFFFF;
		border:1px solid #FFFFFF;
		text-decoration:none;
		overflow:hidden;
	}
		
		.text-bottom {
			text-decoration:none;
			position: relative;
			top: 20px; 
		} 
	
#image-bottom-left:hover {
		font-color:#FFFFFF;
		color: #FFFFFF;
		background-color:#006854;
		text-decoration:none;
}

#image-bottom-right:hover {
		font-color:#FFFFFF;
		color: #FFFFFF;
		background-color:#006854;
		text-decoration:none;
}

#image-top-left:hover {
		font-color:#FFFFFF;
		color: #FFFFFF;
		background-color:#006854;
		text-decoration:none;
}

#image-top-right:hover {
		font-color:#FFFFFF;
		color: #FFFFFF;
		background-color:#006854;
		text-decoration:none;
}


#content-right {
	position: relative;
	float:right;
	width:374px;
	min-height:200px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:80%;
	text-align: justify;
	overflow: auto; 
	overflow-x: hidden;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #929292;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #929292;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #929292;

}

#headline {
	position:relative;
	float:left;
}

#message {
	position:relative;
	float:left;
}

#content-right-produkte, #content-right-sitemap, #content-right-produktauswahl {
	position: relative;
	float:right;
	width:668px; 
 	min-height:200px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:80%;
	text-align: justify;
}

#content-right-2 {
	position: relative;
	float:right;
	width:668px; 
 	min-height:200px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:80%;
	text-align: justify;
}

#content-right-2 a {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:100%;
	text-align: justify;
	text-decoration:none;
	font-style:italic;
}

#content-all ul {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:100%;
	text-align: justify;
	text-decoration:none;
	padding-left:23px;
}

#content-all ul a {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:100%;
	text-align: justify;
	text-decoration:none;
	font-style:italic;
}

#content-all ol {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:100%;
	text-align: justify;
	text-decoration:none;
	padding-left:29px;
}

#content-all ol a {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:100%;
	text-align: justify;
	text-decoration:none;
	font-style:italic;
}

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

#content-right-produkte1 {
	width:334px;
	position: relative;
	float:left;
}

#content-right-produkte ul {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:95%;
	text-align: justify;
	list-style:none;
	font-weight:bold;
}

#content-right-produkte li {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;
	list-style:none;
	margin: 8px 0;
}

#content-right-produkte2 {
	width:334px;
	position: relative;
	float:right;
}

#content-right-produkte li .bestellen {
	color: #FFFFFF;
	font-weight:normal;
}

#content-right-produkte li a {
	text-decoration:none;
}

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

.bold1 {
	font-weight:bold;
}

#content-right-produktauswahl ul {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:95%;
	text-align: justify;
	list-style:none;
	font-weight:bold;
}

#content-right-produktauswahl li {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;
	list-style:none;
	margin: 8px 0;
}

#content-right-produktauswahl li a {
	font-style:normal;	
}

#content-right-sitemap1, #content-right-sitemap2, #content-right-sitemap3 {
	width:210px;
	position: relative;
	float:left;
}

#content-right-sitemap ul li {
	margin:8px 0 12px 0;
	list-style:none;
}

#content-right-sitemap ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;
	list-style:none;
	font-size:120%;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

#content-right-sitemap ul ul li {
	margin:10px 0 3px 0;
}

#content-right-sitemap ul ul a {
	font-size:105%;
	text-align:justify;
	list-style:none;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}

#content-right-sitemap ul ul ul li {
	margin:0;
}

#content-right-sitemap ul ul ul a {
	font-size:90%;
	text-align:justify;
	list-style:none;
	font-weight:normal;
	color: #FFF;
	text-decoration:none;
}

#content-right-form {
	position: relative;
	float:right;
	width:668px; /* 294px + 374px; */
	min-height:200px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:80%;
	text-align: justify;
	overflow-x: hidden;
}
	
#content-right a, #content-right-form a, #content-right-order-1 a { 
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style:italic;
	text-decoration:none;
}

#content-right a:hover, #content-right-form a:hover, #content-right-order-1 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:underline;
}
	
	
	#symbol1 {
		position:relative;
		float:right;
		top: 0;
		right: 0;
		width: 17px;
		height: 17px;
	}
	
	h1 {
		color: #FFFFFF;
		font-size:110%;
		padding-bottom:7px;
	}
	
	hr {
		clear:both;
		height: 1px;
		padding: 0;
		margin:0;
		margin-bottom:5px;
		color: #FFFFFF;
		background-color: #FFFFFF;
		border: 1px solid #FFFFFF;
	}

	#content-right-form-1 {
		position:relative;
		float:left;
		margin-top:10px;
		width:280px;
	}
	
	#content-right-form-1 label{ 
  		display: block;
  		float: left;
  		width: 60px; 
	}
	
	
	#content-right-form-1 input, #content-right-form select { 
  		display: block;
  		float: left;
		background-color: #437f75;
		border: 0; 
		font-size:95%; 
		color:#FFFFFF; 
		padding:3px; 
		margin-bottom: 9px;
	}
	
	#content-right-form-1 br { 
  		clear: left; 
	}

	#content-right-form-2 {
		position:relative;
		float:right;
		width:354px;
		margin-top:6px;
	}
	
	#content-right-form-2 label { 
  		display: block;
  		float: left;
  		width: 300px; 
		margin-bottom:4px;
	}
	
	#content-right-form-2 textarea { 
  		display: block;
  		float: left;
		background-color: #437f75;
		border: 0px solid #FFFFFF; 
		color:#FFFFFF; 
		padding:2px; 
		margin-bottom: 8px;
		margin-right:10px;
  		width: 350px; 
		overflow:hidden;
	}
	
	#content-right-form-2 input, #content-right-form select { 
  		display: block;
  		float: left;
		background-color: #437f75;
		border: 0px solid #FFFFFF; 
		font-size:90%; 
		color:#FFFFFF; 
		padding:2px; 
		margin-bottom: 10px;
		margin-right: 10px;
  		width: 172px; 
	}
	
	#content-right-form-2 br { 
  		clear: left; 
	}
	
	#content-right-form-3 {
		position:relative;
		clear:both;
		width:600px;
		padding-top:25px;
	}
	
	#content-right-form-3 label { 
  		display: block;
  		float: left;
  		width: 300px; /* Breite.*/
		margin-bottom:4px;
	}
	
	#content-right-form-3 textarea { 
  		display: block;
  		float: left;
		background-color: #437f75;
		border: 0px solid #FFFFFF; 
		font-size:90%; 
		color:#FFFFFF; 
		padding:2px; 
		margin-bottom: 8px;
		margin-right:10px;
  		width: 350px; 
		overflow:hidden;
	}
	
	#content-right-form-3 input, #content-right-form select { 
  		display: block;
  		float: left;
		background-color: #437f75;
		border: 0px solid #FFFFFF; 
		font-size:90%; 
		color:#FFFFFF; 
		padding:2px; 
		margin-bottom: 10px;
		margin-right: 10px;
  		width: 120px;  
	}
	
	#content-right-form-3 br { 
  		clear: left;
	}
	
	#-1 input {
		background-color: #437f75;
		border: 0px solid #FFFFFF; 

		color:#FFFFFF;	
		padding:2px; 
	}

	#content-right-order-1 {
		width:374px; 
	}
		
	#content-right-order-1 input {
		background-color: #437F75;
		border: 0;	
		color:#FFFFFF;	
		padding:2px;
	}	
	
	/* #content-right-order-1 .radio {
		background-color: #006854;
		color:#FFFFFF;	
		padding:2px; 
	} */
	
	#content-right-order-1 button {
		padding-top:4px;
		background-color: #006854;
		border: 0;	
		color:#FFFFFF;	
		padding:2px; 
	}
	
	#content-right-order-1 .price {

	}

	#content-right-order-1 .price100 {
		font-size: 90%;
	}
	
content-right-order-2	{
	width:668px;
	}
	
	#content-right-order-2 button {
		padding-top:4px;
		background-color: #006854;
		border: 0;	
		color:#FFFFFF;	
		padding:2px; 
	}
	
	#content-right-order-2 input {
		background-color: #437F75;
		border: 0;	
		color:#FFFFFF;	
		padding:2px; 
	}
	
	#content-right-order-2 .order { 
  		display: block;
  		float: left;
		background-color: #437f75;
		border: 0px solid #FFFFFF; 
		font-size:90%; 
		color:#FFFFFF; 
		margin-bottom: 10px;
		margin-right: 10px;
		padding:2px;
  		width: 120px;  
	}
	
	#content-right-order-2 br { 
  		clear: left; 
	}

	.cart td {
		padding: 4px;
	}
	
#choice {
	margin-top:15px;
	clear:both;
	float:left;
	width:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#FFFFFF;
}

#inner-footer {
	position:relative;
	margin-top:15px;
	float:right;
	width:750px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#FFFFFF;
}

#inner-footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

#inner-footer a:hover {
	text-decoration:underline;
}
	
#footer {
	clear:both;
	width: 950px;
	padding-left:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
}
	#footer a {
		color: #FFFFFF;
		text-decoration:none;
	}
	
	#footer a:hover,  #footer a:active {
		text-decoration:underline;
	}

	#footer-left {
		float:left;
		width: 700px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
		
	#footer-right {
		float:right;
		width: 250px;
		font-size:90%;
		text-align:right;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}

#footer-line {
	position: relative;
	width: 100%;
	clear:both;
	color: #FFFFFF;
	padding-top:5px;
	padding-bottom:10px;
}

	#footer-line hr {
		height: 1px;
		padding: 0;
		margin:0;
		margin-top:5px;
		margin-bottom:5px;
		color: #FFFFFF;
		background-color: #FFFFFF;
		border:1px solid #FFFFFF;
	}