/* Fonts 
**************************************************/
/* crimson-text-regular - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/crimson-text-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text Regular'), local('CrimsonText-Regular'),
       url('../fonts/crimson-text-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v8-latin-regular.svg#CrimsonText') format('svg'); /* Legacy iOS */
}


/* crimson-text-italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/crimson-text-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text Italic'), local('CrimsonText-Italic'),
       url('../fonts/crimson-text-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v8-latin-italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}


/* crimson-text-600 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/crimson-text-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text SemiBold'), local('CrimsonText-SemiBold'),
       url('../fonts/crimson-text-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v8-latin-600.svg#CrimsonText') format('svg'); /* Legacy iOS */
}


/* crimson-text-600italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/crimson-text-v8-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text SemiBold Italic'), local('CrimsonText-SemiBoldItalic'),
       url('../fonts/crimson-text-v8-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v8-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v8-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v8-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v8-latin-600italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}


/* crimson-text-700italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/crimson-text-v8-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text Bold Italic'), local('CrimsonText-BoldItalic'),
       url('../fonts/crimson-text-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v8-latin-700italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}


/* crimson-text-700 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/crimson-text-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text Bold'), local('CrimsonText-Bold'),
       url('../fonts/crimson-text-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v8-latin-700.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* charm-regular - latin */
@font-face {
  font-family: 'Charm';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/charm-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Charm Regular'), local('Charm-Regular'),
       url('../fonts/charm-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/charm-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/charm-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/charm-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/charm-v5-latin-regular.svg#Charm') format('svg'); /* Legacy iOS */
}

/* charm-700 - latin */
@font-face {
  font-family: 'Charm';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/charm-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Charm Bold'), local('Charm-Bold'),
       url('../fonts/charm-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/charm-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/charm-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/charm-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/charm-v5-latin-700.svg#Charm') format('svg'); /* Legacy iOS */
}


/* Allgemeine Formatierungen
**************************************************/
* {
	margin : 0;
	padding : 0;
}

img {
	border : 0;
}

html, body{
	font-family: 'Crimson Text', serif;
	font-size: 100%;
	line-height: 125%;
	font-weight: 400;
	color: #333;
	background-image: url(../img/muster_body_01.gif);
}

.clerer {
	clear : both;
	height : 10px;
}

a {
	color : #333333;
	text-decoration : none;
}

/* Layoutstruktur
**************************************************/
#wrapper {
	position : relative;
	margin : 0 auto;
	background-image : url("../img/bg_wrapper.png");
	width : 988px;
	background-color : #fff;
}

#wrapper_inside {
	width : 970px;
	margin : 0 9px 0 9px;
}

#navi_top{
	height : 30px;
	width : 950px;
	margin-left : 10px;
	line-height : 30px;
	vertical-align : middle;
}

#header {
	height : 270px;
	width : 950px;
	margin : 0 10px 10px 10px; 
}

#header #logo, #header #header_slide {
		float : left;
}
	
#header logo{
		margin-right : 10px;
}

#img_navi {
	width : 950px;
	margin : 0 10px 10px 10px; 
}

#content {
	min-height : 400px;
	width : 950px;
	margin : 0 10px 0 10px; 
}

#content2 {
	min-height : 300px;
	width : 950px;
	margin : 0 10px 0 10px; 
}

#wrapper_bottom {
	position : relative;
	margin : 0 auto;
	width : 988px;
	height : 30px;
	background-image : url("../img/bg_wrapper_bottom.png");
}

#footer {
	position : relative;
	width : auto;
	height : 34px;
	background-image : url("../img/bg_footer.jpg");
	margin-top: 25px;
}

#footer_inside {
		position : relative;
		margin : 0 auto;
		height : 34px;
		padding-left : 160px;
		width : 828px;
		color : #5b2182;
		text-align : center;
		line-height : 34px;
		vertical-align : middle;
}

#link_top {
	position : absolute;
	bottom : 5px;
	left: 20px;
	z-index : 12;
}

#link_top img{
	border : 1px solid #fff;
	margin-bottom: 5px;
}

#shoplink{
	width: 196px;
	height: 120px;
	position: fixed;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	visibility: visible;
	z-index: 999;
	display: block;
	overflow: visible;
	left: 0px;
	top: 310px;       
} 

a#shoplink{
	background: url(../img/shoplink1.png) 0px 0px no-repeat;
}

a:hover#shoplink{
	background: url(../img/shoplink_hover.png) 0px 0px no-repeat;
	width: 196px;
	height: 120px;
	left: 0px;
}

/* Navigation
**************************************************/
#navi_top ul li, #img_navi ul li, #footer ul li {
	display : inline;
	list-style : none;
	float : left;
}

/* Navigation Top Home/Kontakt/Anfahrt etc. */
#navi_top ul {
	float : right;
}

#navi_top a{
	text-decoration : none;
	color : #999999;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
}

#navi_top a:link{
	text-decoration : none;
	color : #999999;
	text-transform: uppercase;
}

#navi_top a:hover{
	text-decoration : none;
	color : #6a278b;
	text-transform: uppercase;
}

#navi_top a:active{
	text-decoration : none;
	color : #999999;
	text-transform: uppercase;
}

#navi_top span{
	margin-left : 1px;
	margin-right : 1px;
	color : #9261ab;
}

/* Image Navigation */
.img_margin {
	margin-right : 10px;
}

/* btn glasdesign */
a#glasdesign{
	display:block;
	height : 130px;
	width : 150px;
	background: transparent url(../img/img_navi/btn_glasdesign.jpg) 0px 0px no-repeat;
	text-indent:-9000%;
}

a:hover#glasdesign{
	background: transparent url(../img/img_navi/btn_glasdesign_over.jpg) 0px 0px no-repeat;
}

/* btn Glasarchitektur */
a#glasarchitektur{
	display:block;
	height : 130px;
	width : 150px;
	background: transparent url(../img/img_navi/btn_glasarchitektur.jpg) 0px 0px no-repeat;
	text-indent:-9000%;
}

a:hover#glasarchitektur{
	background: transparent url(../img/img_navi/btn_glasarchitektur_over.jpg) 0px 0px no-repeat;
}

/* btn Glasperlen */
a#glasperlen{
	display:block;
	height : 130px;
	width : 150px;
	background: transparent url(../img/img_navi/btn_glasperlen.jpg) 0px 0px no-repeat;
	text-indent:-9000%;
}

a:hover#glasperlen{
	background: transparent url(../img/img_navi/btn_glasperlen_over.jpg) 0px 0px no-repeat;
}


/* btn Laden */
a#laden{
	display:block;
	height : 130px;
	width : 150px;
	background: transparent url(../img/img_navi/btn_laden.jpg) 0px 0px no-repeat;
	text-indent:-9000%;
}

a:hover#laden{
	background: transparent url(../img/img_navi/btn_laden_over.jpg) 0px 0px no-repeat;
}

/* btn Cafe */
a#cafe{
	display:block;
	height : 130px;
	width : 150px;
	background: transparent url(../img/img_navi/btn_cafe.jpg) 0px 0px no-repeat;
	text-indent:-9000%;
}

a:hover#cafe{
	background: transparent url(../img/img_navi/btn_cafe_over.jpg) 0px 0px no-repeat;
}

/* btn Veranstaltungen */
a#event{
	display:block;
	height : 130px;
	width : 150px;
	background: transparent url(../img/img_navi/btn_events.jpg) 0px 0px no-repeat;
	text-indent:-9000%;
}

a:hover#event{
	background: transparent url(../img/img_navi/btn_events_over.jpg) 0px 0px no-repeat;
}

/* btn webshop */
a#webshop{
	display:block;
	height : 130px;
	width : 150px;
	background: transparent url(../img/img_navi/btn_webshop.jpg) 0px 0px no-repeat;
	text-indent:-9000%;
}

a:hover#webshop{
	background: transparent url(../img/img_navi/btn_webshop_over.jpg) 0px 0px no-repeat;
}



/* Footer Navigation */
#footer a {
	color: #5b2182;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

#footer li {
	margin-right: 35px;
}

#footer img {
	margin-right: 10px;
	vertical-align: middle;
}

.footer_url {
	margin-left: 55px;
}


/* Contentformatierungen
**************************************************/
#content hr {
	border: 0;
	border-top : 1px dotted #a7a7a7;
	margin: 0px 0px 10px;
	padding: 0px;
}

.h1_lila {
	display: block;
	color: #6a278b;
	border-top: 1px solid #6a278b;
	border-bottom: 1px solid #6a278b;
	padding: 10px;
	font-size: 100%;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 20px;
	font-weight: 700;
}

.h1_grau {
	display : block;
	color : #6a278b;
	background-color : #cccccc;
	padding : 10px;
	font-size : 100%;
	text-transform : uppercase;
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: 600;
}

.h2_grau {
	display: block;
	color: #333333;
	font-weight: normal;
	padding: 0px 5px;
	font-size: 90%;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	line-height: 20px;
}

.txt_lila {
	color: #6a278b;
}

.lk_lhellgrau {
	text-decoration: none;
	color: #999999;
}

.box_text {
	padding: 0 5px 10px 5px;
	font-size: 100%;
	line-height: 120%;
}

.box_text2, .box_text3 {
	padding: 0 10px 10px 10px;
	font-size: 100%;
	line-height: 120%;
}

.termine {
	margin: 0 0 5px 10px;
	font-weight: bold;
}	

.termine td {
	padding: 0 5px;
}	

p {
	margin-top : 3px;
	margin-bottom : 3px;
}

p a {
	color: #333;
	margin: 0px;
}

p a:link {
	color: #333;
	margin: 0px;
}

p a:hover {
	color: #6a278b;
	margin: 0px;
}

p a:active {
	color: #333;
	margin: 0px;
}

#content .right_margin, #content2 .right_margin {
	margin-right : 10px;
}

#content .col_3, #content2 .col_3 {
	float : left;
	width : 310px;
}

#content .col_2_sp1 {
	float : left;
	width : 630px;
}

#content .bgbild_center {
	width: 629px;
        height: 406px;
        padding-top: 15px;
        color: #534949;
        text-align: center;
        background: url(../img/Weihnachten4.jpg);
}

#content .keinbg_center, #content .keinbg_center_gross {
	width: 629px;
        height: 357px;
        padding-top: 2px;
        color: #534949;
        text-align: center;
        background-color: #fff;
}

#content .keinbg_center h3, .bgbild_center h3 {
	margin-bottom: 10px;
}

#content .keinbg_center p, .bgbild_center p {
	margin: 0;
	padding: 3px 20px 4px 20px;
}

#content .keinbg_center b, .bgbild_center b {
	font-style: normal;
}

#content .keinbg_center_gross {
        font-size: 22px;
        color: #6a278b;
}

#content .keinbg_left {
	width: 629px;
        height: 255px;
        padding-top: 2px;
        font-size: 22px;
        color: #6a278b;
        text-align: left;
        line-height: 1.3;
        background-color: #fff;
}

#content .bgbild_center h2 {
        font-family: Charm, serif;
        margin: 0 0 0 0;
        padding: 0;
        font-size: 28px;
        line-height: 1.4;
}

#content .col_2_sp2, #content2 .col_2_sp2  {
	float : left;
	width : 310px;
	background-color : #ebebeb;
	margin-bottom: 10px;
}

#content .col_3_grau {
	float : left;
	width : 310px;
	background-color : #ebebeb;

}

#fading {
        opacity: 0;
        position: relative;
        left: 300px;
        text-align: left;
        transition-property: opacity, left, text-align;
        transition-duration: 6s;
}

/* Contentslider 
******************************************************************************/
.jCarouselLite {
	position : relative;
	margin : 0 auto;
}


#content_slider ul li{
	display : inline;
}

.prev{
	position : absolute;
	left : 0;
	top : 0;
	z-index : 19;
}

.next {
	position : absolute;
	right : 0;
	top : 0;
	z-index : 19;
}

.iframe {
	margin-left: 10px;
}

b, strong {
	font-weight: 700;
	font-style: oblique;
}

.box_text3 b {
	font-style: normal !important;
}	

i, em {
	font-weight: 600;
	font-style: italic;
}

/* Platzhalter Google Maps Mike 03-2023
******************************************************************************/

#map_platzhalter {
  width: 590px;
  height: 240px;
  background: url(../img/map-platzhalter.jpg);
  border: 1px solid #000;  
  text-align: center;
  padding: 20px;
  font-size: 1.3em;
} 

#google_ds {
  margin-top: 15px;
  font-size: 0.8em;
}  

#maps_icon {
 opacity: 1.0;
 margin-top: 25px;
} 