/* -----------------------------------------allgemein------------------------------------------ */

body {
	background:#FFF url('bg.gif') repeat-y 0 0; 
	font-size: 0.8em;
	font-family: greyscale, Verdana, SunSans-Regular, Sans-Serif;
	color:#c4d1fe;
	padding:0;
	margin:0;
	width:100%
}

a {
	color:#800080;
}

a:visited {
	color:#960b96;
}

a:hover {
	color:#ffd9c6;
}

a:active {
	color:#603d0d;
}

h1 {
	font-size:2em; 
	font-weight:normal;
 }

h2 {
	font-size:1.7em;
	font-weight:normal;
}

img.download {
	vertical-align:middle;
}

/* -----------------------------------------banner----------------------------------------- */

.banner {
	margin:0;
	padding:0;
	background-color:#6906be;
}

/* -----------------------------------------linke navigavtion--------------------------------------- */

.menu {
	float:left;
	width:155px;
	height:60em;
	padding-left:0.4em;
	margin:0;	
	background-color:#c4d1fe;
}

#menubody {
	background-color:#c4d1fe;	
}

#left {	
	width:100%;
	min-height:15em;
	margin:0;
	padding:0;
	color:#ffffff;	
	background-color:#c4d1fe;
}

/* -----------------------------------------Inhalt------------------------------------------------- */

div#right {	
	background-color:#ffffff;
	margin:0 0 0 12em;
	padding:0 0 4em 0;
}

div#content {
  margin-right:8.5em;
  padding: 0 1em 1em 1em;
  min-width:16em;
  min-height:40em;
  font-family:Verdana, SunSans-Regular, Sans-Serif;
  color:#fffff;
}

div#content h1 {
  font-size:1.5em;
  margin:0 0 1em;
  padding:15px 25px;
}

div#content h2 {
  font-size:1.2em;
  margin:0 0 1em;
  padding:5px 25px;
}

div#content p,
div#content pre {
  font-size:1em;
  margin: 1em 0;
}

div#content pre,
div#content code {
	font-size: 1.2em;
}

div#content .gross {
	width: 5.71em;
	height: 2.0em;}
	
div#content .xy {
	position:relative;
	top:0px;
	text-align:left;
}

/* --------------------------------------Flagleiste------------------------------------ */

.flagleiste {
	padding-left:170px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	background-color: #eef2ff;	
}

.flags {
	width:100px;
	margin-right:10px;
}

/* -----------------------------------------Index------------------------------------- */

.indexpos {
	position:relative; 
	top:35px; 
	left:50px;
}

.news {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#c4d1fe;	
	color:#6906be;
	width:800px;
}

.indextext { 
	padding-left:15px;
	padding-right:25px;
	padding-bottom:40px;
}

/* -----------------------------------------Leistung------------------------------------- */

.lposwidth {
	position:relative; 
	top:40px; 
	left:25px;
	width:650px;
}

.blau {
	position:absolute; 
	background-color:#c4d1fe;	
	color:#6906be;	
}

.ltext { 
	padding-left:10px;
	padding-right:20px;
	padding-bottom:5px; 	
}

.xing {
	padding-left:10px;
	padding-right:20px;	
	padding-bottom:15px;	
	width:400px; 	
}

.gpg {
	padding-left:10px;
	padding-bottom:15px;	
	width:280px; 	
}

/* ---------------------------------------Kreation-------------------------------------- */

.krah {
	padding-left:10px;
	padding-right:10px;	
	padding-top:15px;
	padding-bottom:5px;	
	font-weight:bold;	
}

.nachrechts {
	position:top;
	float:right;
	padding-right:10px;
}

.kr-inside {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#ffffff;	
	color:#6906be;
}

.kr-headline { 
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;		
	font-size:125%;
	font-weight:bold;
	border-bottom:4px solid #6906be;
	background-color:#c4d1fe;	
	color:#6906be;
}

.kr-abbinder {
	position:relative;
	top:0px; 
	left:0px;
	background-color:#ffffff;	
	color:#000000;
	width:500px;
}

.yn1 {
	width:200px;
	padding-top:10px;
}

/* -----------------------------------------Package---------------------------------------- */

.package {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#c4d1fe;	
	color:#6906be;
}

.packagetext { 
	padding-left:10px;
	padding-right:10px;	
	padding-top:15px;
	padding-bottom:5px;	
	font-weight:bold;	
}

.kategorien { 
	padding-left:10px;
	padding-right:10px;	
	padding-top:15px;
	padding-bottom:15px;
	width:600px; 			
}

/* ------------------------------Package-Text---------------------------------------- */

.headline { 
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;	
	font-size:125%;
	font-weight:bold;
}

.subhead {
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}

.flowtext { 
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}

/* -----------------------------------------Package-Sortierungen----------------------------------------- */

.einzel {
	position:relative; 
	top:50px; 
	left:25px;
	width:500px;	
}

.doppel {
	position:relative; 
	top:50px; 
	left:25px;
	width:560px;	
}

.trippel {
	position:relative; 
	top:50px; 
	left:25px;
	width:600px;	
}

.alt {
	top:10px; 
	left:0px; 
	width:280px; 	
}

.neu {
	top:10px; 
	right:0px; 
	width:280px; 
}

/* -------------------------------Package-Klassifizierungen------------------------------------ */

.ausgewogenheit {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#8196fe;	
	color:#1644a3;
}

.bae {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#c4d1fe;	
	color:#6906be;
}

.cool {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#000000;	
	color:#0000ff;
}

.cremig {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#f1be91;	
	color:#ea5c85;
}

.energie {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#ff0e0a;	
	color:#ffffa4;
}

.ew-detektiv {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#36230c;	
	color:#dbd481;
}

.ew-fantasy {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#a881ec;	
	color:#4a11a0;
}

.ew-kirmes {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#ff15b2;	
	color:#fff12b;
}

.ew-piraten {
	position:absolute; 
	top:0px; 
	left:0px;
	background-color:#071744;	
	color:#ffcc3c;
}

.ew-ritterburg {
	position:absolute; 
	top:0px; 
	left:0px;
	background-color:#daaf72;	
	color:#351f00;
}

.form {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#3c9a15;	
	color:#00baff;
}

.frau {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#ffaaf3;	
	color:#ff00d7;
}

.frisch {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#5dadff;	
	color:#ffffff;
}

.fruchtig {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#fd2250;	
	color:#fababf;
}

.fw-afrika {
	position:absolute;
	top:0px; 
	left:0px;	
	background-color:#190a04;	
	color:#d7750b;
}

.fw-asien {
	position:absolute;
	top:0px; 
	left:0px;	
	background-color:#e1cf5f;	
	color:#171714;
}

.fw-de {
	position:absolute;
	top:0px; 
	left:0px;	
	background-color:#d6e4ed;	
	color:#000000;
}

.fw-exotik {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#75f8ac;	
	color:#1a529f;
}

.fw-fantasy {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#a881ec;	
	color:#4a11a0;
}

.fw-indigen {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#417528;	
	color:#412511;
}

.fw-dschungel {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#071402;	
	color:#2af923;
}

.fw-orient {
	position:absolute; 
	top:0px; 
	left:0px;
	background-color:#711200;	
	color:#bf4633;
}

.fw-usa {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#fe0000;	
	color:#ffffff;
}

.fw-zirkus {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#e2b436;	
	color:#cb1205;
}

.gesund {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#a5e864;	
	color:#224408;
}

.glueck {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#5ec828;	
	color:#deff29;
}

.guenstig {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#ffffff;	
	color:#000000;
}

.hochwertig {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#0c0c0c;	
	color:#8c8c8c;
}

.kraft {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#000000;	
	color:#ffff00;
}

.kross {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#af1900;	
	color:#ff7d36;
}

.leicht {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#c4d1fe;	
	color:#1934ff;
}

.limited {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#000000;	
	color:#ffffff;
}

.mann {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#0036ff;	
	color:#000000;
}

.nostalgie {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#dcd7b8;	
	color:#725727;
}

.sauer {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#ffff00;	
	color:#ff00ff;
}

.scharf {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#ff0000;	
	color:#ffff00;
}

.schenken {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#ff6a7d;	
	color:#ffffff;
}

.schnell {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#e10000;	
	color:#fbd424;
}

.spass {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#c6fc60;	
	color:#ff00a2;
}

.stars {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#b11c1e;	
	color:#dac37d;
}

.sympathie {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#0049ff;	
	color:#ffffff;
}

.weihn {
	position:absolute;
	top:0px; 
	left:0px;
	background-color:#ffffff;	
	color:#798dff;
}

/* -----------------------------------------Story---------------------------------------- */

.story { 
	padding-left:10px;
	padding-right:10px;	
	padding-top:15px;
	padding-bottom:5px;		
}

/* -----------------------------------------Shops---------------------------------------- */

.shops { 
	padding-left:10px;
	padding-right:10px;	
	padding-top:15px;
	padding-bottom:5px;	
	font-weight:bold;	
}

/* --------------------------------------Verbindungen------------------------------------ */

.verbindungen { 
	padding-left:10px;
	padding-right:10px;	
	padding-top:15px;
	padding-bottom:5px;	
	font-weight:bold;	
}

/* --------------------------------------Impressum-------------------------------------- */

.impressum { 
	padding-left:15px;
	padding-right:10px;	
	padding-top:15px;
	padding-bottom:20px;
	width:500px; 	
}