/*
Theme Name: FINT
Author URI: http://www.fint.ch
*/
/*
html{
border:0 none;
height:100%;
margin:0;
overflow-y:auto;
overflow-x:hidden; 
padding:0;
width:100%;}
*/
body {
	background: #eee;
	color: #666;
	font-size: 18px;  /*Resets 1em to 10px */
	font-family: palatino,"times new roman", serif;
	font-family: 'Varela Round', sans-serif;
	font-family: 'Questrial', serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#page{overflow-x:hidden;
}
h1{margin:0;}
	/* Header */
#header {
	height:88px;
	margin:30px;
/*	margin-left: 25px;
	text-align:center;*/
}

#menu img{
	vertical-align:middle;
}

#header a:hover{
opacity:0.6;
}	
#menu{
    font-size: 90%;
    font-weight: normal;
	width:600px;
	margin:10px auto;
	border-bottom:1px solid #666;
	text-align:center;
   padding:10px 0;

}
.home #menu{
	margin:10px auto 30px auto;
	
}
.line{
	width:600px;
	margin:10px auto 30px auto;
	border-bottom:1px solid #666;
	text-align:center;

}

	
	#menu h1 {
	    display: inline;
	    font-size: 1em;
	    /*text-transform: lowercase;*/
}
#menu a{
	padding:0 10px;
	font-size: 1.2em;
    
}


p {
margin:0 0 30px 0;
}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}
.widecolumn {
	line-height: 1.6em;
	} 

h2, h3 {/*font-size: 1em;*/
	margin:0 0 10px 0;
	padding:0;/*	*/
	}
	h1, h1 a, a {
	
	text-decoration: none;
	outline:0;
}
a {
	color:#666;
	text-decoration: none;
} 
.post a:hover {
	border-bottom:1px solid #666;
}
.extlink:before{
	content: '➔ ';
}
	acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
/* Begin Structure */
#content {
margin:10px auto;
width:900px;

	}
.post {
	margin: 0 0 10px;
	padding-top:0px;
	}
hr {
	display: block;
	clear: both;
	visibility:hidden;
	width:100%;}
.widecolumn .post {	
	margin: 0;	
	}
.clear {	
	clear: both;}

#footer {
	padding:20px 0 0 0;
	margin: 20px auto;
	clear: both;
	}
#footer p {
	margin:10px 0;
	}
/* End Structure */

/*	Begin Headers */
h1, h1 a, h2, h2 a, h3, h3 a, strong {
	color:#666;
	font-weight:normal;
}
h3 {
	font-size:1.5em;
	font-style:italic;
	font-weight:normal;
}
/* End Headers */
/* Begin Images */
p img {	padding: 0;	max-width: 100%;	}
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.alignright {	float: right;	}.alignleft {	float: left;	}
/* End Images */

.center {	text-align: center;	}
.hidden {	display: none;	}	
.screen-reader-text {     position: absolute;     left: -1222em;}
hr {	display: none;	}
a img, img {	border:0 none;	}

#background {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index:0;
}

.wordcycle { margin:0 20px 10px 0; }
.cycle-caption { font-size:80%; }
#player1{
margin:0 10px 0px 0;
float:left;
}

/* miniposts */
.minis{
margin:10px 0 10px 10px;
margin:10px auto;
padding:0px ;
}
.box h3{
padding:0;
margin:0;
}
/*.minis a{
display:block;
cursor:pointer;
}

 --------- kontakt -----------*/
/*
.page-id-37 #content {
padding-top:100px;
}*/
/* --------------------- MAP ----------------*/
#background_fullscreen{
opacity:0.5;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
/* -------------- slideview ----------------*/
/*preload classes*/ 
.svw {text-align:center; height: 20px;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  

margin: 0 auto; 
margin-bottom: 10px;
width:auto;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
padding:0 auto;
/*padding-right: 5px; */
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
margin:10px auto;
position: relative; } 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 42px; 
height: 42px;
display:inline;
display:inline-block;
margin: 0 5px 3px 0; 
} 
.stripTransmitter a{ 
/*font: bold 10px Verdana, Arial; */
text-align: center; 
display: table-cell;
   height: 40px;
   text-decoration: none;
   vertical-align: middle;
   width: 39px;
background: transparent; 
color: #666; 
text-decoration: none; 
border:1px solid #666;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
} 
.stripTransmitter a:hover, a.current{ 

background: #666; 
color: #eee;
} 
.aktiv{
cursor:pointer;
}
.post h2{
	font-weight:normal;
}

.single .entry, .post h1{
	text-align: center;
}
 .post h1{
	font-style:italic;
	padding-bottom:5px;
}

/* startseite */
/*
.home .minipost{
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
-khtml-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
body.home{
background-color:#FEFEFE !important;
color:#333;
}
*/
/* Print Styles */
@media handheld {
#background_fullscreen { display:none; }
}
/*phone */
#DOMWindow{
font-size:10em;
text-align:center;
}

#footer a:hover, #footer a:hover img{
opacity:0.8;
}	/* test */

.minis h2 {
	margin:0;
	font-size: 1.2em;
}


.miniwrap{		
	float:left;
	width:200px;
	height:200px;
	margin:0 10px 10px 0;
	z-index: 0;
	
}
.miniwrap, .box{
	width:200px;
	height:200px;
	display:block;
}
.minis a:hover {
/*box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
-khtml-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
z-index: 9999;*/
}
.miniwrap, .box, .color{
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-khtml-border-radius: 100px;
}
.color{
	text-align:center;
	vertical-align: middle;
	display: table-cell;
	font-size:0.9em;
	color:#fff;
	background:#000;
	opacity:0;
	width:200px;
	height:200px;	
}
.color:hover{
	opacity:1;
	
}
.tags{
	font-style:italic;
}
.navi{
	text-align:center;
	vertical-align: middle;
	display: table-cell;
	width:200px;
	height:200px;	
	font-size:2em;
	color:#444;
	background:#fff;
}
/*a:hover .color{
	opacity:0.8;
	color:#fff;
	background:#000;

}*/
a:hover .navi{
	color:#ccc;
	background:#444;
}
a:hover .navi:first{
	color:#444;
	background:#eee;
	opacity:0.5;
	
}
h2, h2 a, h3, h3 a {
    color: #fff;
}

.page .post{
	/*margin-left: 210px;*/
	text-align: center;
}
.page .miniwrap {
	float:none;
	margin:1em auto;
}

small{
	color:#666;
}

/* ---------- new style ------------- */
body {
	/*background:#f2f2f2;
	color:#444;*/
}
/*.box{
	border:1px solid #000; /*#d6d6d6;
}
*/
h2, h2 a, h3, h3 a , strong{
	color:#666;
	font-weight: normal;
    
}
.color h2 {
	color:#fff !important;

}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}