/* ****************************************** */
/* Orangefluid GbR		         			  */
/* www.orangefluid.com       				  */
/* ****************************************** */


/* ****************************************** */
/* Global settings             */
/* ****************************************** */

* {
	margin:0;
	padding:0;
}

/* Layout sizes */
html {
	height: 100%;
}

body {
	height: 100%;
	background: #ffffff url(images/bg.jpg) repeat-x;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	text-align: center;
}

/* ****************************************** */
/* Layout container settings                  */
/* ****************************************** */

/* Main container */
#maincontainer {
	position: relative;
	width: 864px;
	margin: 30px auto 5px auto;
	background: #ffffff url(images/back.gif) repeat-y;
	height:auto;
	border:2px solid #ffffff;
}


#footercontainer { 
	position: relative;
	width: 853px;
	margin:0 auto;
	height: 5px;
	color:#333333;
	font-weight:bold;
}



/* Left container */
#leftcontainer {
	position: relative;
	width: 324px;     /* Deklaration fuer IE 5.x */
  	wid\th: 328px;      /* Korrektur fuer andere Browser */
	min-height: 100%;
	float: left;
	margin: 0 ;
	padding: 30px 0 20px 0;
}


/* Right container */
#rightcontainer {
	position: relative;
	width: 520px;
	min-height: 100%;
	float: left;
	margin-left: 8px;
	color: #000000;
}


/* logo container */
#logocontainer {
	position: relative;
	width: 200px;     /* Deklaration fuer IE 5.x */
  	wid\th: 200px;      /* Korrektur fuer andere Browser */
	height: 70px;  /* Deklaration fuer IE 5.x */
	heig\ht: 70px;    /* Korrektur fuer andere Browser */
	float: left;
	padding-top: 24px;
	text-align:right;
}

	#logocontainer img {
		padding-right: 2px;
		}

/*  container */
#container {
	position: relative;
	width: 510px;     /* Deklaration fuer IE 5.x */
  	wid\th: 521px;      /* Korrektur fuer andere Browser */
	height: 94px;  /* Deklaration fuer IE 5.x */
	heig\ht: 86px;    /* Korrektur fuer andere Browser */
	float: left;
	padding-top: 8px;
	text-align:right;
}

	#container img {
		padding-right: 2px;
		}

/* image container big*/
#imagecontainer_big {
	position: relative;
	width: 523px;
	height:348px;
	float: left;
	border-top: 6px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}


#imagecontainer_big img{
	width: 100%;
}



/* image container small*/
#imagecontainer_small {
	position: relative;
	width: 50%;
	float: left;
	border-bottom: 2px solid #ffffff;
}


/* image container small*/
* html #imagecontainer_small {
	position: relative;
	width: 260px;     /* Deklaration fuer IE 5.x */
  	wid\th: 261px;      /* Korrektur fuer andere Browser */
	float: left;
	border-bottom: 2px solid #ffffff;
}


* +html #imagecontainer_small{
	width: 261px;
} 

#imagecontainer_small img{
	width: 100%;
}

* +html #imagecontainer_small img{
	width: 261px;
}
* html #imagecontainer_small img{
	width: 260px;     /* Deklaration fuer IE 5.x */
  	wid\th: 261px;      /* Korrektur fuer andere Browser */
	
	}
	
/* ****************************************** */
/* Navigation settings                  */
/* ****************************************** */

#navicontainer {
	position: relative;
	width: 660px;
	margin:0;
	height: 95px;
	float:left;
}

#navicontainer ul {
	font-size: 0.1em;
	list-style-type: none;
}

/* Floating for every list element in horizontal row */
#navicontainer li {
	float:left;
	border-right:1px solid #ffffff;
	background-position: 0 ;
	background-repeat:no-repeat;
}

/* Height 0 hides link text, padding resizes box back for background image */
#navicontainer a {
	display: block;
	height: 0;
	padding-top: 95px;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* Small Hack for older IE */
* html #navicontainer a:link, * html #navicontainer a:visited {
	height: 95px; 
	he\ight: 0;
}

/* Background image for all list elements, mouse over status */
#navicontainer li.nav1 {background-image: url(_navi/meike_off.jpg); width: 81px;}
#navicontainer li.nav2 {background-image: url(_navi/laura_off.jpg); width: 81px;}
#navicontainer li.nav3 {background-image: url(_navi/alina_off.jpg); width: 81px;}
#navicontainer li.nav4 {background-image: url(_navi/yasmin_off.jpg); width: 81px;}
#navicontainer li.nav5 {background-image: url(_navi/alex_off.jpg); width: 81px;}
#navicontainer li.nav6 {background-image: url(_navi/ania_off.jpg); width: 81px;}
#navicontainer li.nav7 {background-image: url(_navi/mona_off.jpg); width: 81px;}
#navicontainer li.nav8 {background-image: url(_navi/gina_off.jpg); width: 81px;}

/* Background image for all "a" tags, mouse out status */
#navicontainer a.nava1 {background-image: url(_navi/meike_on.jpg); width: 81px;}
#navicontainer a.nava2 {background-image: url(_navi/laura_on.jpg); width: 81px;}
#navicontainer a.nava3 {background-image: url(_navi/alina_on.jpg); width: 81px;}
#navicontainer a.nava4 {background-image: url(_navi/yasmin_on.jpg); width: 81px;}
#navicontainer a.nava5 {background-image: url(_navi/alex_on.jpg); width: 81px;}
#navicontainer a.nava6 {background-image: url(_navi/ania_on.jpg); width: 81px;}
#navicontainer a.nava7 {background-image: url(_navi/mona_on.jpg); width: 81px;}
#navicontainer a.nava8 {background-image: url(_navi/gina_on.jpg); width: 81px;}

/* Initiate mouseover, hide image in a tag so we can see bg image of list element */
#navicontainer a:hover {
	background-image: none;
}

/* ****************************************** */
/* styles               */
/* ****************************************** */

.zitat {
	background: #FBF8F1;
	padding: 6px;
	width: auto;
	margin: 0 25px 12px 25px;
	text-align: center;
	color: #000000;
	font-size: 0.7em;
	line-height: 1.3em;
}


.scrollen { 
	width: auto; 
	height: 100px; 
	overflow: auto; 
	padding: 6px; 
	margin:0 25px ;
	background: #FBF8F1; 
	border: 1px solid #ffffff;
	text-align:c enter;
}


.jab {position:relative; float:right; width: 82px; height: 45px; margin-left:25px; background: url(images/jab.gif) no-repeat;} 

.infos {float: left; width:323px; margin-top: 10px; margin-bottom:10px;}
.infoslang {float: left; width:523px; margin-top: 10px; margin-bottom:10px;}


.ebay {position:relative; width: 300px; margin-left:25px;} 
.ebay img {float:left; margin:0; padding:0; width:62px;} 
.ebay p {margin-left:80px; padding-top: 5px;} 


.bilder {float:left; margin-top:10px; margin-bottom:10px; width:197px;}
.bilder img {float:left; margin-left:5px; margin-top:5px;}


/* ****************************************** */
/* style settings                  */
/* ****************************************** */

img {border:none;}

h1, h2, h3, h4, h5, h6 {
	margin: 0px 25px 0px 25px;
	font-weight: bold;
	font-size: 0.7em;	
}


h2 {
	overflow: hidden;
	color: #b5123e;
	text-align: left;
	font-size: 12px;
}

h2 em {display:block; background-repeat: no-repeat;}

/* <---- Headlines left content ---------------------------------------- */
#leftcontainer div.headline 		{height: 17px; margin:0 0 10px -2px;}
#leftcontainer div.headline h2 		{height: 17px;}
#leftcontainer div.headline h2 em 	{height: 17px; width: 273px;}
#leftcontainer div.shop_navi 		{height: 18px; margin: -31px 0 15px 0; width: 327px;}
#leftcontainer div.shop_navi img 	{border: none;}


p {
	margin: 0px 25px 6px 25px;
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: left;
}


a:link, a:active, a:visited {color: #b5123e; text-decoration: underline;}
a:hover{color: #b5123e; text-decoration: none;}

#leftcontainer a:link, #leftcontainer a:active, #leftcontainer a:visited {color: #B5123E; text-decoration: underline;}
#leftcontainer a:hover {color: #B5123E; text-decoration: none;}

#footercontainer a:link, #footercontainer a:active, #footercontainer a:visited {color: #b5123e; text-decoration: none; margin-right:20px;}
#footercontainer a:hover{color: #b5123e; text-decoration: none; margin-right:20px;}

#footercontainer p {
	margin: 0px 25px 2px 25px;
	font-size: 0.7em;
	line-height: 1.3em;
} 

.Stil1 {font-weight: bold}

#rightcontainer ul{
	list-style-type: none;
	margin: 3px 15px 20px 25px;
	color:#000000;
	text-align:left;
}

#rightcontainer li{
	font-size: 0.7em;	
	background-image: url(images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.6em;
	padding-left: 1.2em;
	line-height: 1.5em;
}


/* ****************************************** */
/* Style settings forms                       */
/* ****************************************** */

/* Main form container */
#formcontainer {
	width: 299px;     /* Deklaration fuer IE 5.x */
  	wid\th: 303px;      /* Korrektur fuer andere Browser */	
	margin:10px 0 5px 25px; 
	padding:0px;
}


/* No border for fieldsets */
fieldset {
	border: 0;	
}

/* Container for form rows/cols  */
.formleft  {
		
	width: 299px;     /* Deklaration fuer IE 5.x */
  	wid\th: 303px;      /* Korrektur fuer andere Browser */			
	height:auto;		
}

/* Container for form rows/cols  */
.formleft  p{
	padding:10px 0 5px 0px;	
	margin:0;
	width:100%;			
	height:auto;	
	font-weight:bold;		
}


/* Label styles  */
label {
	font-size: 0.7em;
	display: block;
	width: 70px;
	height: 15px;
	margin:3px 0 5px 0;
	padding-bottom: 2px;	
	text-align:left;
	float: left;	
	cursor: pointer;
	font-weight:bold;
}

label.shop {
	width: 130px;
}

label.shop2 {
	width: 90px;
}

label.shop3 {
	width: 120px;
}

label.preis {
	width: 130px;
}


/* block  */
#block {
	font-size: 0.7em;
	font-weight:bold;
	display: block;
	width: 300px;
	height: 60px;	
	text-align:left;	
}

.left{
	font-size: 0.7em;
	font-weight:bold;
	display: block;
	width: 150px;	
	height: 120px;
	text-align:left;
	float: left;	
	font-weight:bold;
}

.right{
	font-size: 0.7em;
	font-weight:bold;
	display: block;
	width: 150px;
	height: 120px;
	float: right;	
	padding:0px;
	margin:0px;
	text-align:left;
}


/* Input fields styles  */
input, textarea {
	font-size: 0.7em;
	width:180px;
	height: 15px;
	padding: 1px 0 1px 1px;	
	float: left;	
	border: 1px solid #999999;	
	background-color:#FBF8F1;
}

* html input, textarea {
	height: 18px;
	he\ight: 15px;
}

input.shop, input.shop2, select.shop {
	width:120px;
	height: 15px;
	padding: 1px 0 1px 1px;	
	float: left;	
	border: 1px solid #999999;	
	background-color:#FBF8F1;
}

select.shop {
	font-size: 0.6em;
	height: 17px;
	width: 123px;
}

input.shop2 {
	width:160px;
}

input.shop3 {
	width:130px;
}

/* Input fields styles active */
input:focus, textarea:focus, select:focus {
	border: 1px solid #666666;		
}

/* Textarea special style */
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0 0 2px;
	width: 250px;
	height:80px;
	margin-bottom: 5px;		
}

/* Button special style */
input.button, input.button_shop {
	font-size: 0.7em;
	height: 21px;
	background-color: #ffffff;
	border: 1px solid #999999;
	text-align: center;
	margin-left:0;
	margin-bottom: 20px;
	margin-top: 10px;	
}

input.button {
	width: 180px;
}

input.button_shop {
	width: 100px;
}


/* Button hover style */
input.button:hover, input.button_shop:hover {
	cursor: pointer;
}

/* Used for floats */
br.clear {
	clear: both;
	line-height: 0em;
}

span.shop, span.preis, span.default {	
	font-size: 0.7em;
	padding: 1px 0 1px 1px;
	float: left;
	text-align: left;	
	font-weight: bold;
}

span.shop {
	width: 250px;
}

span.preis {
	width: 120px;
	text-align: right;
}