@charset "utf-8";
/* CSS Document */


html {font-size: 100%;}

body { background-image:url(../img/bluemchen-bg-256x256.png);
		background-repeat: repeat;
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 40px;
		font-family: "VistaSansAltBookRegular", Helvetica, Verdana, sans-serif;
		color: #666;
		line-height: 150%;
		font-size: 16px;
		 }
body.impressum {font-family: "VistaSansBookRegular", Helvetica, Verdana, sans-serif;}
header {background-color: transparent; }
section { max-width:1170px; margin: 0px auto;}

a {color: #666;}
a:hover, a:focus {
    color: #FF0099;
    text-decoration: underline;
}
a:focus {
    outline: thin dotted;
}

.wrapper { max-width: 1170px; margin: 0 auto;  }

.container-fluid {margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px; background-color: #FFF;}

.row { margin-top: 30px; margin-bottom: 0px; }

.margin-top-null {margin-top: -20px;}

#logo { background-color: #FFF;}
#logo > img { width: 100%; height: 100%; overflow: hidden; }
.navbar .nav { margin-left: 25%;}
.navbar {margin-bottom: 0px;}

.navbar-default {
		 
		  background-color: #FFF;
		  color: #FF0099;
}
 

.navbar-default .navbar-nav > li > a {  font-family: "VistaSansBoldRegular", Helvetica, Verdana; color: #FF0099; font-size: 16px; }

.navbar-nav>li>a {padding-top:10px;padding-bottom:5px}


.navbar-default .navbar-nav > .active > a {
 
		  background: transparent;
		  background-image: none;
		  border-bottom: 3px solid #CFDD65;
		  color: #FF0099;
}
.navbar-default .navbar-nav > a {
 
		  background: transparent;
		  border-bottom: 3px solid #CFDD65;
		  color: white;
}
.navbar-brand,
.navbar-nav > li > a {
  color: #FF0099;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
  margin: 0 15px;
  padding: 10px 0 5px 0;
  background: transparent;
}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background: transparent;
		  border-bottom: 3px solid #CFDD65;
		  color: #FF0099;}
.nav-bar > li > .active > a:hover {background-color: none !important; }
.navbar-fixed-top {position: relative; border-width: 0;}

.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: transparent;
}

.navbar-toggle {/*das Icon bei mobile*/
    position: relative;
    float: left;
    margin-left: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: black;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}

h1, h2, h3, h4, h5, h6 {color: #FF6666; font-family: "VistaSansBoldRegular", Helvetica, Verdana;}



h1 { font-size: 24px; font-family: "VistaSansAltBlackItalicRegular", Helvetica, Verdana; color: #CC0000; line-height: 120%;}
h2 {font-size: 18px; margin-bottom: 0px; margin-top: 22px;}
h3 { font-size: 22px; font-family: "VistaSansAltBlackItalicRegular", Helvetica, Verdana; color: #CC0000; line-height: 120%;}

h2.impressum { color: #666;}
.pre-wrap {white-space: pre-wrap;}
.f-right {float: right;}
.f-left {float: left;}
.t-right {text-align: right;}
.t-center {text-align: center;}
.t-left {text-align: left;}
.hpink {color: #FF66CC;}
.dpink {color: #FF0099;}
 
 hr { 
 	height: 4px;
 	width: 100%;
	background: url(linie-pink.png) repeat;
 }
 
 footer { font-size: 90%; line-height: 100%;  font-family: 'VistaSansBoldRegular', Helvetica, Verdana;} 
 footer > div > div > div > p {margin: 15px 0px 0;}

.margin-top-30 {margin-top: 30px;}
.margin-top-minus {margin-top: -50px;}
.kastl-rahmen {
	border: 2px dashed #CCCC66;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius: 10px;
	margin: 0px auto 35px;
}

.startkastl2 {
	color: #fff;
	font-size: 15px;
	padding: 1px;
	background-color:#FF99CC;
	border: 0px solid white;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius: 10px;
}

.kastl2 {			/*Produktekastl*/
    font-family:"VistaSansBookRegular", verdana, arial, sans-serif;
	
	font-size: 15px;
	padding: 1px;
	background-color:#FFCCFF;
	border: 0px solid white;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius: 10px;
}
.kastl2 > h3, .kastl2 > p {padding-left: 15px; padding-right: 15px;}
.kastl2 > h3 {padding-bottom: 15px;}



.intro{font-family: "VistaSansBoldRegular", Helvetica, Verdana; margin:1px; padding: 15px;  line-height: 150%;}
.bold { font-weight: bold; }
.hide { display: none;}


@media (max-width:475px) {#logo { max-width: auto; height: 150px; width: auto; background-image: url(../img/header-gluecksdirndl-kl.jpg);} #logo.container-fluid {padding: 0;} #logo-img {display: none;} #logo2,  #produkte-bild-li2, #produkte-bild-re2, #bild-adresse, #naehmasch {display: none;} body {margin-left: 5px; margin-right: 5px;} #fueller-bottom-1, #fueller-bottom-2, #marionblumen {display: none;}}
@media (max-width:767px){.margin-top-30 {margin-top: 10px; margin-left: 20px;} .navbar .nav { margin-left: -15px;} #logo2 {display:none;} #fueller-bottom-1, #fueller-bottom-2, #herz2, #blume3, #naehmasch, #bild1-impr-li, #bild2-impr-li,#bild3-impr-li, #bild1-impr-re, #bild2-impr-re, #bild3-impr-re, #bild4-impr-re, #bild5-impr-re {display: none;}}
@media (min-width:992px){body {margin-left: 80px; margin-right: 80px;}}
@media (min-width: 1200px) {body {margin-left: 100px; margin-right: 100px; margin-bottom: 40px;} #produkte-bild-li2, #produkte-bild-re2 {display: none;} }


/*FONTS*/

/*
 * Emigre web font kit 53cf91daeac89
 * Emigre web font kit 53cf91daebdb1
 * Emigre web font kit 53cf91daeb61a
 * 
 * These fonts are not shareware. 
 * Use of these fonts requires the purchase 
 * of a license from Emigre, www.emigre.com  
 * Please contact sales@emigre.com
 *
 * To purchase a license to use this font go to:
 * http://www.emigre.com/fontpage.php?SVisSaBlAI.html
 *
 * © 2012 Emigre, Inc
 */

@font-face {
    font-family: 'VistaSansBlackItalicRegular';
    src: url('../fonts/vistasansblackit-071211005EmigreWebOnly.eot');
    src: url('../fonts/vistasansblackit-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vistasansblackit-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'VistaSansAltBlackItalicRegular';
    src: url('../fonts/vistasansaltblackit-071211005EmigreWebOnly.eot');
    src: url('../fonts/vistasansaltblackit-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vistasansaltblackit-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VistaSansBoldRegular';
    src: url('../fonts/vistasansbold-071211005EmigreWebOnly.eot');
    src: url('../fonts/vistasansbold-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vistasansbold-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VistaSansAltBoldRegular';
    src: url('../fonts/vistasansaltbold-071211005EmigreWebOnly.eot');
    src: url('../fonts/vistasansaltbold-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vistasansaltbold-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VistaSansBookRegular';
    src: url('../fonts/vistasansbook-071211005EmigreWebOnly.eot');
    src: url('../fonts/vistasansbook-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vistasansbook-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VistaSansAltBookRegular';
    src: url('../fonts/vistasansaltbook-071211005EmigreWebOnly.eot');
    src: url('../fonts/vistasansaltbook-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vistasansaltbook-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}