/* 
Author: 			Sascha Gädeker
Author URI: 		http://www.redpoff.de
Version:			0.1

Project:			glanztat.de
Description:		dog collars - nightingales - dog stuff	- onlineshop		

/* ------------------------------------------------------------------------------------
BASICS						 */

	html{					font-size:100%;	min-height:101%; font-family:Arial, Helvetica, sans-serif; }
	body{					font-size:100%; color:#666;}
		
	a{ text-decoration: none; color: #83b817;}
	a:hover	{ text-decoration: underline; color: #83b817;}
	a:active{				}
	a:visited{				}

	.left{					float:left; }
	.right{					float:right; }
	.clear{					clear:both; }
	
	img.left{				margin:0 1em 1em 0; }
	img.right{				margin:0 0 1em 1em; }
	
	.padding{				padding:10px; }
	#content p{				margin:1.1em 0; }
	

/* ------------------------------------------------------------------------------------
NAVIGATION MENU				 */

	#navigation, #navigation ul {		padding:0;	margin:0; list-style:none; line-height:1; float:left;	}
	#navigation li a {					display:block; padding:5px; text-decoration:none; color:#83b817; font-size: 90%;	}
	#navigation li a:hover{				color: #fff; padding:5px; }
	#navigation li { 					float:left; width:auto;	}
	#navigation li{						padding:0; margin:0; }
	#navigation li:hover {				background: #83b817; }


/* ------------------------------------------------------------------------------------
STRUCTURE					 */

	#container{
	overflow:hidden; 
	font-size:1em; 
	}
	#header{
	height: 140px; 
	}
	#footer{				clear:both; text-align: right; margin: 5px 0; font-size: 0.6em;}
	#content{				}
	#right{					}
	#left{					}


/* ------------------------------------------------------------------------------------
CUSTOM						 */

	#logo{
	margin: 30px 0 0 0;
	}
	#topnavigation{
	width: 560px;	
	margin: 60px 0 15px 0;
	font-size: 0.6em;
	text-transform: uppercase;
	text-align: right;
	}
	#topnavigation a {color:#666;}
	#topnavigation a:hover {color:#83b817;}
	#mainnavigation{
	float: right;
	width: 540px;
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0 0 0 20px;
	text-align: right;
	}
	#mainstage{
	background: #FFF;
	background-image: url(../Bilder/test_background.jpg);
	background-position:right;
	background-repeat: no-repeat;
	width: 910px;
	height: 278px;
	border: #83b817 5px solid;
	padding: 20px 10px 10px 20px;
	}
	#mainstage_open{
	background-position:right;
	background-repeat: no-repeat;
	width: 910px;
	border: #83b817 5px solid;
	padding: 20px 10px 10px 20px;
	}	
	.stagetext{
	width: 600px;
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0 0 30px 0;	
	}
	.stagetext_open{
	font-size: 0.8em;
	line-height: 1.2em;	
	margin: 0 0 30px 0;
	}
	.shoptext{
	height: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #333;
	}
	.itemtext{
	width: 300px;
	height: 40px;
	color: #999;
	}	
	.stagebutton {
	font-size: 1.4em;
	text-transform:uppercase;
	display: block;
	float: left;
	padding: 6px 10px;
	margin: 0 10px 0 0;
	color: #fff;
	text-decoration: none;
	background-color: #83b817;
	}
	.stagebutton:hover{
	display: block;
	float: left;
	padding: 6px 10px;
	background-color: #f0f0f0;
	text-decoration: none;	
	}

	.boxteaser{
	display: block; 
	float:left;
	width: 432px;
	height: 140px;
	border: #83b817 5px solid;
	padding: 20px 10px 10px 20px;
	margin: 5px 5px 0 0 ;
	}
	.itemteaser{
	display: block; 
	float:left;
	width: 194px;
	height: 140px;
	border: #83b817 5px solid;
	padding: 20px 10px 10px 20px;
	margin: 5px 5px 0 0 ;
	}
	.itemteaser_shop{
	display: block; 
	float:left;
	width: 194px;
	height: 140px;
	border: #83b817 5px solid;
	padding: 20px 10px 10px 20px;
	margin: 5px 4px 0 0 ;
	}
	.last_shop {
	margin: 5px 0 0 0;
	padding: 20px 11px 10px 21px;	
	}	
	.last {
	margin: 5px 0 0 0;
	}
	.newstext{
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0 0 30px 0;
	}
	.greyteaser{
	display: block; 
	float:left;
	width: 442px;
	height: 140px;
	border: 0;
	background: #f0f0f0;
	padding: 12px 10px 10px 20px;
	margin: 5px 5px 0 0 ;
	}
	.colorbutton {
	font-size: 0.8em;
	text-transform:uppercase;
	display: block;
	float: left;
	padding: 6px 10px;
	margin: 0 10px 0 0;
	color: #fff;
	text-decoration: none;
	background-color: #83b817;
	}
	.colorbutton:hover{
	display: block;
	float: left;
	padding: 6px 10px;
	background-color: #f0f0f0;
	text-decoration: none;	
	}	
	.blue{background: #003366;}
	.brown{background: #381607;}
	.bunt{background: #FCF503;}
	.green{background: #33CC00;}
	.pink{background: #FF00FF;}
	.red{background: #990000;}
	.black{background: #000000;}						

	.itembutton {
	font-size: 0.8em;
	text-transform:uppercase;
	display: block;
	float: left;
	padding: 6px 8px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	background-color: #83b817;
	}
	.itembutton:hover{
	display: block;
	float: left;
	padding: 6px 8px;
	background-color: #f0f0f0;
	text-decoration: none;	
	}
	.formtext{
	font-size: 0.8em; color: #666;
	}
	.hinttext{
	line-height: 16px;
	}	
	.specialteaser{
	display: block; 
	float: left; 
	height: 100px; 
	width: 200px; 
	overflow: hidden; 
	margin: 0 10px 0 0; 
	border: 1px solid #83b817;
	}
/* ------------ Orderform / Warenkorb -------------------------*/

	.orderformitem{
	padding: 4px;
	vertical-align: middle;	
	height: 30px;
	}
	.itemborder{
	border-bottom: #ccc solid 1px;
	}	
	.orderformfield{
	padding: 4px;
	margin: 0;
	vertical-align:text-top;	
	}
	.anzahl{
	width: 20px; 
	}
	.formbutton {
	font-size: 0.8em;
	text-transform:uppercase;
	display: block;
	float: left;
	padding: 4px 4px;
	color: #fff;
	text-decoration: none;
	background-color: #83b817;
	border: 1px solid #83b817;
	margin: 0 0.5em;
	}
	.formbutton:hover{
	display: block;
	float: left;
	color: #333;
	background-color: #f0f0f0;
	text-decoration: none;	
	}	
	.adresslist{
	padding: 5px; 
	border: 1px solid #83b817
	}
	div.adresslist{
  	 min-height:130px;
  	 height:auto !important;  /* für moderne Browser */
  	 height:130px;  /*für den IE */	
	}
	.adresslistitem{
	height: 20px; 
	padding: 2px;
	}

#preview{
	position:absolute;
	border:0px solid #ccc;
	background:#333;
	padding:8px;
	display:none;
	color:#fff;
	z-index: 2;
	}