/* custom.css Document */

body, #fancyboxContent {
	font-family: 'Lekton', sans-serif;
	font-size: 15px;
	line-height: 14px;
}
#fancyboxContent {
	display: none !important;
}
/* CSS3
 h3 {
 font-size: 1em;
 letter-spacing: 1px;
 font-weight: bold;
 border-bottom: 8px solid;
 margin-bottom: 8px;
 -moz-border-image: url(../images/divs_bg.png) 31 8 repeat;
 -webkit-border-image: url(../images/divs_bg.png) 31 8 repeat;
 -o-border-image: url(../images/divs_bg.png) 31 8 repeat;
 border-image: url(../images/divs_bg.png) 31 8 repeat; /
 }
 */
/* use CSS2 instead, because of IE */
h3 {
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: bold;
	border: 0;
	margin-bottom: 16px;
	padding-bottom: 8px;
	background-image: url(../images/divs_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	text-align:left;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#sponsoren {
	width: 260px;
	background-color: #FFFFFF;
}
#sponsoren a img {
	margin-bottom: 1em;
	max-width: 240px;
}
#titelbild {
	width: 100% !important;
	min-width: 100% !important;
	height: auto !important;
}
header div {
	float: right;
	margin-right: 1%;
}
#impressum {
	text-align: left;
	width: 480px;
	height: auto;
	overflow: none;
}
#preview {
	position: absolute;
	/*
	 border:1px solid #ccc;
	 background:#333;
	 padding:5px;
	 */
	display: none;
	color: #fff;
}
#updatePage {
	margin-top: 2em;
	font-size: 0.8em;
}
#socials {
}
#likebutton, #plusone {
	float: left;
	margin-bottom: 4px;
	margin-top: 4px;
}
/* google map container */
.gmap {
	height: auto;
	min-height: 400px;
	width: 100%;
	max-width: 100%;
}
/* put arrow before link content */

a {
	color: #000000 !important;
	text-decoration: underline;
}
a:hover {
	color: #cc1122 !important;
}
/*
 a:before{content:"-> ";}
 */
/*  THIS IS JUST TO GET THE GRID TO SHOW UP.  YOU DONT NEED THIS IN YOUR CODE */

#maincontent .col {
	/* background: #ccc;
	 background: rgba(204, 204, 204, 0.85);
	 */

}

#formail {
	margin: auto;
	margin-top: 20px;
}
#formail label {
	display: block;
	margin: 0;
}
#formail input[type=text] {
	margin-bottom: 5px;
}
#text {
	background: #f8f8f8;
}
#name, #mail, #subject {
	width: 75%;
}
#response {
	display: none;
	border: 1px solid #ccc;
	background: #FFFFA0;
	padding: 1%;
	width: 98%;
}
#put_thumb {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
#loader {
	margin-right: 20px;
	width: 16px;
	height: 16px;
}
#sendmail {
	display: block;
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background: #DADADA;
	color: #777777;
	width: auto;
	padding: 2px 8px;
}
#sendmail:hover {
	color: #cc1122;
	cursor: pointer;
	outline: none;
}
/* Input, Textarea */
input, textarea {
	padding: 0px;
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	color: #333333;
}
input:focus, textarea:focus {
	border-color: #cc1122;
}
/* customize flexslider */
.flexslider {
	background: none repeat scroll 0 0 #FFFFFF;
	border: none !important;
	border-radius: 4px 4px 4px 4px;
	box-shadow: none !important;
	margin: 0 0 20px !important;
	position: relative;
}

#flexslider1 .slides {
	/* same height for all content */
	height: 385px !important;
}
#flexslider2 .slides {
	height: 60px !important;
}

#flexslider2 .slides img {
	display: block;
	width: auto !important;
}
#feels_real, #natur_jodel, #Defragmentation {
	width: 260px;
	text-align: left;
}

.fancybox-inner {
	background-color: #FFFFFF !important;
}


/* ---------------------------- pwi Styling --------------------------------------------- */
#container1 {
	position:relative;
	display:block;
	width:100%;
	height:320px;
	overflow:hidden;
}

#prev {
	background-image: url("http://www.kunsthausschwyz.ch/images/sprite.png");
	background-position: left top;
	background-repeat: no-repeat;
	display: none;
	height: 16px;
	width: 17px;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	z-index: 2000;
}

#prev:hover {
	background-position: left bottom;
	background-repeat: no-repeat;
    -webkit-transition: none 0s ease 0s !important;
	-moz-transition: none 0s ease 0s !important;
	-ms-transition: none 0s ease 0s !important;
	-o-transition: none 0s ease 0s !important;
	transition: none 0s ease 0s !important;

}


#next {
	background-image: url("http://www.kunsthausschwyz.ch/images/sprite.png");
	background-position: -22px 0;
	background-repeat: no-repeat;
	display: none;
	height: 16px;
	width: 17px;
	position: absolute;
	bottom: 8px;
	left: 50%;
	margin-bottom: -8px;
	margin-left: -8px;
	z-index: 2000;
}

#next:hover {
	background-position: -22px -16px;
	background-repeat: no-repeat;
	-webkit-transition: none 0s ease 0s !important;
	-moz-transition: none 0s ease 0s !important;
	-ms-transition: none 0s ease 0s !important;
	-o-transition: none 0s ease 0s !important;
	transition: none 0s ease 0s !important;
}


/* ------------------------------ Styling Katalog Beiträge ------------------------------------------- 
 * auto generated XHTML and CSS 
 * 
 * */

.boxSize {
	min-width: 240px;
	max-width: 720px;
	background-color: #FFFFFF;
}
.boxSize img {
	float: left;
}
.boxSize a, .gt .gt-override a, .gt .gt-override > a {
	padding-top: 1em;
	padding-bottom: 1em;
}
.bildbox {
	width: 100%;
	height: auto;
}

div.bildbox img {
	position: relative;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	float: left;
}
div.bildbox:first-child img {
	margin-top: 0em;
}
.story p.k-nstler-titel:first-child {
	margin-bottom: 1em;
}
p.gt {
	font-weight: normal;
	font-style: normal;
	font-size: 0.88em;
	text-decoration: none;
	font-variant: normal;
	text-indent: 5.26em;
	text-align: justify;
	color: #000000;
	margin: 0em;
}
p.basic-paragraph {
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	text-decoration: none;
	font-variant: normal;
	text-indent: 0em;
	text-align: left;
	color: #000000;
	margin: 0em;
}
p.gt {
	font-weight: normal;
	font-style: normal;
	font-size: 0.88em;
	text-decoration: none;
	font-variant: normal;
	text-indent: 5.26em;
	text-align: justify;
	color: #000000;
	margin: 0em;
}
p.gt-override {
}
p.basic-paragraph {
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	text-decoration: none;
	font-variant: normal;
	text-indent: 0em;
	text-align: left;
	color: #000000;
	margin: 0em;
}
p.basic-paragraph-override {
}
p.k-nstler-titel {
	font-weight: bold;
	font-style: normal;
	font-size: 0.88em;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: 5.26em;
	text-align: justify;
	color: #000000;
	margin-top: 1em;
	margin-bottom: 1em;
}
p.werktitel {
	font-weight: bold;
	font-style: normal;
	font-size: 0.88em;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: 0em;
	text-align: left;
	color: #000000;
	margin: 0em 0em 0em 3.24em;
}
p.werkangaben {
	font-weight: normal;
	font-style: normal;
	font-size: 0.88em;
	text-decoration: none;
	font-variant: normal;
	text-indent: 3.24em;
	text-align: left;
	color: #000000;
	margin: 0em;
}
p.k-nstler-titel-override {
	margin-top: 1em;
}
p.werktitel-override {
}
p.werkangaben-override {
}
p.basic-paragraph-override-2 {
	text-align: justify;
}
span.no-style-override {
	font-weight: bold;
}
span.no-style-override-1 {
}
span.no-style-override-2 {
	font-weight: bold;
	font-size: 3.33em;
}
span.no-style-override-3 {
	font-weight: bold;
	font-size: 0.88em;
}
span.no-style-override-4 {
	font-weight: normal;
}
span.no-style-override-5 {
	font-weight: bold;
}
span.no-style-override-6 {
	font-weight: bold;
	color: #ffffff;
}
span.no-style-override-7 {
	text-decoration: underline;
}
span.no-style-override-8 {
	font-weight: bold;
	font-size: 0.88em;
	color: #ff00ff;
}
span.no-style-override-9 {
	font-size: 0.88em;
}
span.no-style-override-10 {
	text-decoration: underline;
	color: #ff00ff;
}
span.no-style-override-11 {
	font-weight: normal;
	font-variant: normal;
}
span.no-style-override-12 {
	font-weight: bold;
	text-transform: uppercase;
}
span.no-style-override-13 {
	font-style: italic;
}
span.no-style-override-14 {
	font-weight: bold;
	font-size: 0.88em;
	text-transform: uppercase;
}
span.no-style-override-15 {
}
span.character-style-1 {
	font-weight: bold;
	font-style: normal;
}
span.no-style-override-16 {
	font-weight: bold;
	font-size: 0.88em;
}
span.no-style-override-17 {
	font-size: 0.59em;
}