/*

	caro e. CSS Styles
	Version : 2.3 for all Browsers exept IE lt 9!
	Site	: www.caro-e.de
	
	Author	: Hagen Löwe
	Company : Longfish-Webdesign - all rights reserved
	Site	: www.longfish.de
	Kontakt	: info@longfish.de
	Date	: 31. Dezember 2011
	
	
*/

/*	GENERAL
	------------------------ */
* { 
	margin:0; 
	padding:0; 
}
body{
		font-family: 'MrsEavesItalicRegular';
	font-size:13px;
	line-height:18px;
	color:#151515;
	background-color: #fff; 
}
li{
	list-style:none;
}
:focus{
	outline: none;
}
img {
	border:0px;
	outline	:0px;	
}
a:link {
	 font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	text-decoration: none;
	color:#7a7967;
	text-shadow: 0px 1px 1px #eaedf4;
}
a:visited {
	 font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	text-decoration: none;
	color:#7a7967;
	
}
a:hover {
	 font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	text-decoration: none;
	color:#333;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
a:active {
	 font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	text-decoration: none;
}
.block {
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}
.js{
	width:100%;
	font-size:13px;
	font-weight:normal;
	padding:8px;
	margin-left: 40px;
	margin-right: 40px;
	color: #f30;	
}

/*	HOME
	------------------------ */
.home{
			margin-top:15px;
			margin-right:12px;
			float:left;
}
#home{
	position:fixed;
	bottom:0px;
	left:4px;
	z-index:1000;
}

/*	LOGO
	------------------------ */
#logo{
	background-image:url(../img/caro_e.png) ;
	background-repeat:no-repeat;
	position:fixed;
	top: 5%;
	left: 3%;
	width:300px;
	height:60px;
}


/*	HEADLINES
	------------------------ */
/*h1 {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-size: 22px;
	color:#f9f9f9;
	text-shadow: 0px 1px 1px #151515;
	font-weight:normal;
	padding:8px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top:10px;
}*/
h1 {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-size: 22px;
	color:#333;
	text-shadow: 0px 1px 1px #999;
	font-weight:normal;
	padding:8px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top:10px;
}
h3 {
	font-family: 'MrsEavesItalicRegular';
	font-size: 24px;
	color:#333;
	text-shadow: 0px 1px 1px #151515;
	font-weight:normal;
	padding:8px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top:10px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #151515;
	padding-top:8px;
	text-shadow: 0px 1px 1px #999;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 30px;
}

/*	SCHRIFTEN
	------------------------ */
@font-face {
    font-family: 'MrsEavesItalicRegular';
    src: url('../font/mrseavesitalic-webfont.eot');
    src: url('../font/mrseavesitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/mrseavesitalic-webfont.woff') format('woff'),
         url('../font/mrseavesitalic-webfont.ttf') format('truetype'),
         url('../font/mrseavesitalic-webfont.svg#MrsEavesItalicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
    src: url('../font/dinweb-medium-webfont.eot');
    src: url('../font/dinweb-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dinweb-medium-webfont.woff') format('woff'),
         url('../font/dinweb-medium-webfont.ttf') format('truetype'),
         url('../font/dinweb-medium-webfont.svg#SlxzpwtsfbnbtcoadltxsbsjrztRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*	TEXTFORMATIERUNGEN
	------------------------ */
.style1 {
	 font-family: 'MrsEavesItalicRegular';
}
a.style1:link
{	 font-family: 'MrsEavesItalicRegular';
	color: #333;
	font-weight: normal;
	font-size:22px;
	text-decoration: none;
}
a.style1:visited
{
	color: #333;
	font-weight: normal;
	font-size:22px;
	text-decoration: none;
}
a.style1:active
{
	color: #333;
	font-weight: normal;
	font-size:22px;
	text-decoration: none;
}
a.style1:hover
{
	color: #000;
	font-weight: normal;
	font-size:22px;
	text-decoration: none;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.style2 {
	 font-family: 'MrsEavesItalicRegular';
}   
a.style2:link
{	 font-family: 'MrsEavesItalicRegular';
	color: #cc6600;
	font-weight: normal;
	font-size:22px;
	text-decoration: none;
}
a.style2:visited
{
	color: #cc6600;
	font-weight: normal;
	font-size:22px;
	text-decoration: none;
}
a.style2:active
{
	color: #cc6600;
	font-weight: normal;
	font-size:22px;
	text-decoration: none;
}
a.style2:hover
{	
	color: #F90;
	font-weight: normal;
	font-size:22px;
	text-decoration: none;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.q{
	font-size: 16px;
	padding:8px;
	color: #131313;
	line-height: inherit;
	margin-right: 40px;
	margin-left: 40px;
}
.showshop{
	font-family: 'MrsEavesItalicRegular';
	font-size: 22px;
	padding:8px;
	color: #333;
	text-shadow: 0px 1px 1px #eaedf4;
}
.online{
	margin-left:40px;
	font-family: 'MrsEavesItalicRegular';
	font-size: 22px;
	padding:8px;
	color: #333;
	text-shadow: 0px 1px 1px #eaedf4;
}
.t{
	font-size:22px;
	line-height:28px;
	font-weight:normal;
	padding:8px;
	margin-left: 40px;
	margin-right: 40px;
	color: #333;	
}
.t_2old{
	font-size:22px;
	background-color:#fff;
	line-height:28px;
	font-weight:normal;
	padding:8px;
	margin-left: 40px;
	margin-right: 40px;
	color: #333;	
}
.t_wh{
	font-size:22px;
	line-height:28px;
	font-weight:normal;
	padding:8px;
	color:#7a7967;
}
.t_din{
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	padding:8px;
	margin-left: 40px;
	margin-right: 40px;
	color: #f9f9f9;	
}
.t_bl{
	font-size:22px;
	line-height:28px;
	font-weight:normal;
	padding:8px;
	margin-left: 40px;
	margin-right: 40px;
	color: #333;	
}
.th_t{
	font-size:13px;
	font-weight:normal;
	margin-left: 10px;
	margin-right: 10px;
	color: #151515;	
}
.t_o{
	font-size:18px;
	text-shadow: 0px 1px 1px #151515;
	color:#f9f9f9;
	font-weight:normal;
	margin-left: 40px;
	margin-right: 40px;
}

/*	INHALT
	------------------------ */
.container{
	position: absolute;
	top:75px;
	width: 650px;
	left: 50%;
	margin-left: -325px;
}


#content{
	background-color: rgba(0 , 0, 0, 0.4);
	min-height:650px;
	margin-bottom:30px;
	border-radius: 6px;
	-moz-border-radius: 6px;	
}
#content_light{
	background-color: rgba(252 , 252, 252, 0.6);
	min-height:650px;
	margin-bottom:30px;
	border-radius: 6px;
	-moz-border-radius: 6px;	
}
#content_light2{
	background-color: rgba(252 , 252, 252, 0.6);
	min-height:650px;
	margin-bottom:30px;
	border-radius: 6px;
	-moz-border-radius: 6px;	
}
#content_white{
	background-color: rgba(252 , 252, 252, 1);
	min-height:650px;
	margin-bottom:30px;
	border-radius: 6px;
	-moz-border-radius: 6px;	
}
.linie {
	border:none;
	border-bottom: 1px dashed #333;
	height:1px;
	margin:0px 40px 0px 40px;
}
.linie2 {
	border:none;
	border-bottom: 1px dashed #333;
	height:1px;
	margin:0px 0px 0px 0px;
}

/*	NAVIGATION
	------------------------ */
	ul#menu, ul#menu ul {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
  	list-style-type:none;
  	margin: 0;
  	padding: 0;
  	width: 165px;
  	letter-spacing: 1px;
	font-size:20px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 0px 1px 1px #eaedf4;
}

ul#menu a {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
  	display: block;
  	text-decoration: none;
  	letter-spacing: 1px;
	font-size:20px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 0px 1px 1px #eaedf4;	
}
ul#menu li {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
  	margin-top: 1px;
  	letter-spacing: 1px;
	font-size:20px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 0px 1px 1px #eaedf4;
}

ul#menu li a {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
  	letter-spacing: 1px;
	font-size:20px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 1px 0px 1px #eaedf4;	
  	padding: 0.5em;
}
ul#menu li a:hover {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	letter-spacing: 1px;
	font-size:20px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 0px 1px 1px #eaedf4;
	 background-color: rgba(252 , 252, 252, 0.7);
  	border-radius: 2px;
	-moz-border-radius: 2px; 
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;	
}
ul#menu li ul li a {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	 letter-spacing: 1px;
	font-size:16px;
	line-height:22px;
	color:#7a7967;
	text-shadow: 1px 0px 1px #eaedf4;	
  	padding-left: 30px;
}
ul#menu li ul li a:hover {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	letter-spacing: 1px;
	font-size:16px;
	line-height:22px;
	color:#7a7967;
	text-shadow: 1px 0px 1px #eaedf4;	
  	background: #f9f9f9;
  	border-left: 5px #7a7967 solid;
  	padding-left: 20px;
}
#Menueleiste { 
 	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';	
	position: fixed;
	top:22%;
	left: 3%;
}

/*	TABLES
	------------------------ */
.th{
	margin-left:40px;
	margin-right:40px;
	border: none;
	width: 640px;
}
.th td{
		height:80px;
}
.shopcell{
	width:300px;
}

/*	IMPRESSUM
	------------------------ */
#bottom_re{
	position:fixed;
	height:32px;
    bottom:6px;
    right:10px;
	z-index:10;
}
.imp{
	position:absolute;
	font-size:16px;
	bottom:7px;
	right:24px;
	margin-right:15px;
}
	
/*	SPRACHAUSWAHL
	------------------------ */
#lang{
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-size:16px;
	color:#616051;	
	position:fixed;
	top:5px;
	right:10px;
}
.lang{
	margin-right:8px;
}

/*	FOOTER
	------------------------ */
#footer{
	position:absolute;
	left:50%;
	margin-left: -175px;
	bottom:40px;
}
.noncap{
	font-family: 'MrsEavesItalicRegular';
	font-size:22px;
	color:#d8e0e1;
	text-shadow: 0px 2px 1px #151515;
	letter-spacing:2px;
}
.cap{
	font-family: 'MrsEavesItalicRegular';
	font-size:22px;
	font-variant:small-caps;
	color:#d8e0e1;
	text-shadow: 0px 2px 1px #151515;
	letter-spacing:2px;
}


/*	PRESSE
	------------------------ */
dl {
position: relative;
}

dd {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-size:14px;
	color:#333;
	top: -35px;
	background-color: rgba(122, 121, 103, 0.5);
	margin: 0;
	padding: 5px;
	position:absolute;
	width: 208px;
	height: 16px;	
}

/*
 * SlideNote
 * A jQuery Plugin for flexible, customizable sliding notifications.
 *
 * Copyright 2010 Tom McFarlin, http://tommcfarlin.com
 * Released under the MIT License
 * More information: http://slidenote.info
*/
.slidenote {
	  -moz-box-shadow: -0.2em -0.2em 0.7em #7a7967;
	  -webkit-box-shadow: -0.2em -0.2em 0.7em #7a7967;
}
.slidenote {
	 width: 420px; 
	 height: 440px; 
	 background-color: rgba(0 , 0, 0, 0.4); 
	 padding: 1em; 
}
.slidenote img { 
	float: left; 
	margin-left: -20px; 
	margin-top: -20px; 
}

/*	KONTAKTFORMULAR
	------------------------ */
input {
	background:transparent;
	font-size: 14px;
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-weight:normal;
	color: #151515;
	border: 1px solid #666;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 5px;
	padding: 2px 2px 2px 5px;
	vertical-align: top;
	box-shadow: hsla(30, 10%, 10%, 0.2) 1px 1px 1px 1px;
	-moz-box-shadow: hsla(30, 10%, 10%, 0.2) 1px 1px 1px 1px;
	-webkit-box-shadow: hsla(30, 10%, 10%, 0.2) 1px 1px 1px 1px;	
}
input:focus { background-color: #f9f9f9; }
input:hover { background-color: #f9f9f9;}
textarea {
	background:transparent;
	font-size: 14px;
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-weight:normal;
	color: #151515;
	border: 1px solid #666;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 5px;
	padding: 2px 2px 2px 5px;
	vertical-align: top;
	box-shadow: hsla(30, 10%, 10%, 0.2) 1px 1px 1px 1px;
	-moz-box-shadow: hsla(30, 10%, 10%, 0.2) 1px 1px 1px 1px;
	-webkit-box-shadow: hsla(30, 10%, 10%, 0.2) 1px 1px 1px 1px;
}

textarea:focus { background-color:  #f9f9f9; }
textarea:hover { background-color: #f9f9f9; }
#err{
	font-size:18px;
	color: #151515;
	font-weight: normal;
	text-decoration: none;
	padding-left:40px;
}
#msg{
	font-size:18px;
	color: #151515;
	font-weight: normal;
	text-decoration: none;
	padding-left:40px;
}
#shopfinder{
	padding-left:40px;
}

select{
	background-color: transparent;
	width:250px;
	font-size: 14px;
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-weight:normal;
	color: #151515;
	border: 1px solid #666;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-left: 40px;
	padding: 2px 2px 2px 5px;
	vertical-align: top;
	box-shadow: hsla(30, 10%, 10%, 0.2) 1px 1px 1px 1px;
	-moz-box-shadow: hsla(30, 10%, 10%, 0.2) 1px 1px 1px 1px;
	-webkit-box-shadow: hsla(30, 10%, 10%, 0.2) 1px 1px 1px 1px;
}
select:hover { background-color: #f9f9f9; }
.sub{
	width:230px;
	font-size: 14px;
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-weight:normal;
	color: #151515;
	background-color: transparent;
	z-index:1000;
}
.sub:hover{
	width:230px;
	font-size: 14px;
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	font-weight:normal;
	color: #151515;
	background-color: transparent;	
}
.sub2{
	width:250px;	
}

#show{
	width:250px;
    margin-left:40px;
	margin-right:40px;
	 background-color: rgba(252 , 252, 252, 0.3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  }
  #noscript{
	 display:none;
     margin-left:40px;
     margin-top:30px;
}
@media (min-width: 1344px) {
	
/*	NAVIGATION
	------------------------ */
ul#menu, ul#menu ul {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
  	list-style-type:none;
  	margin: 0;
  	padding: 0;
  	width: 185px;
  	letter-spacing: 1px;
	font-size:20px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 0px 1px 1px #eaedf4;
}

ul#menu a {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
  	display: block;
  	text-decoration: none;
  	letter-spacing: 1px;
	font-size:24px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 0px 1px 1px #eaedf4;	
}
ul#menu li {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
  	margin-top: 1px;
  	letter-spacing: 1px;
	font-size:24px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 0px 1px 1px #eaedf4;
}

ul#menu li a {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
  	letter-spacing: 1px;
	font-size:24px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 1px 0px 1px #eaedf4;	
  	padding: 0.5em;
}
ul#menu li a:hover {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	letter-spacing: 1px;
	font-size:24px;
	line-height:24px;
	color:#7a7967;
	text-shadow: 0px 1px 1px #eaedf4;
	 background-color: rgba(252 , 252, 252, 0.7);
  	border-radius: 2px;
	-moz-border-radius: 2px; 
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;	
}
ul#menu li ul li a {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	 letter-spacing: 1px;
	font-size:18px;
	line-height:22px;
	color:#7a7967;
	text-shadow: 1px 0px 1px #eaedf4;	
  	padding-left: 30px;
}
ul#menu li ul li a:hover {
	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';
	letter-spacing: 1px;
	font-size:18px;
	line-height:22px;
	color:#7a7967;
	text-shadow: 1px 0px 1px #eaedf4;	
  	background: #f9f9f9;
  	border-left: 5px #7a7967 solid;
  	padding-left: 20px;
}
#Menueleiste { 
 	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';	
	position: fixed;
	top:22%;
	left: 3%;
}
#logo{
	background-image:url(../img/caro_e2.png) ;
	background-repeat:no-repeat;
	position:fixed;
	top: 5%;
	left: 3%;
	width:300px;
	height:60px;
}
}
@media (max-width: 1024px) {
#Menueleiste { 
 	font-family: 'SlxzpwtsfbnbtcoadltxsbsjrztRg';	
	position: fixed;
	top:22%;
	left: 2%;
}
.container{
	position: absolute;
	top:75px;
	width: 650px;
	left: 55%;
	margin-left: -350px;
}
#logo{
	background-image:url(../img/caro_e.png) ;
	background-repeat:no-repeat;
	position:fixed;
	top: 4%;
	left: 2%;
	width:260px;
	height:60px;
}
}