/*
Theme Name: Renate Huber WP-Theme
Author: Ewald Natter
Author URI: http://www.freelenz.at
*/

* {
	outline: none;
	border: none;
	}
	
HTML {
	margin: 0;
	padding: 0;
	height: 100%;
	}

BODY {
	margin: 0;
	padding: 0;
	background: url('images/bg.gif');
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 19px;
	color: #5d5550;
	height: 100%;	
	}
	
#page {
	width: 960px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -101px; /* the bottom margin is the negative value of the footer's height */			
	position: relative;
	}	
	
#side {
	width: 350px;
	float: left;	
	clear: both;
	display: inline;
	}
	
* html #side {

	}
	
#graphix {
	position: relative;
	float: left;
	z-index: 0;
	}
	
#home #graphix {
	width: 250px;
	height: 125px;
	background: url('images/strichmenschen.gif') no-repeat;
	margin-left: 5px;
	margin-top: 10px;
	}
		
#portrait #graphix {
	width: 500px;
	height: 290px;
	background: url('images/bridge.gif') no-repeat;
	margin-left: -150px;
	margin-top: -15px;
	}
	
* html #portrait #graphix {
	margin-top: -5px;
	}	

#coaching #graphix {
	width: 310px;
	height: 142px;
	background: url('images/kutsche_neu.gif') no-repeat;
	margin-left: -25px;
	margin-top: 10px;
	}	
	
#coaching #content A {
	color: #5092b5 !important;
	}
	
#coaching #content P IMG {
  margin: -0px 10px 0 0;
  }	
  
#aktuelles #graphix,
.single-article #graphix,
.page-template-archiv #graphix {
	width: 403px;
	height: 287px;
	background: url('images/calendar.png') no-repeat;
	margin-left: -90px;
	margin-top: -20px;
	}  

#seminar #graphix {
	width: 268px;
	height: 870px;
	background: url('images/shoes.png') no-repeat;
	margin-left: -110px;
	margin-top: -495px;
	}

#handbuch #graphix {
	width: 262px;
	height: 188px;
	background: url('images/handbuch_neu_neu.gif') no-repeat;
	margin-left: 45px;
	margin-top: 30px;
	}	
	
#teamentwicklung #graphix {
	width: 200px;
	height: 200px;
	background: url('images/grafik_teamentwicklung.png') no-repeat;
	margin-left: 90px;
	margin-top: 10px;
	}	
	
#publikationen #graphix {
	width: 200px;
	height: 200px;
	background: url('images/illu_publikationen.gif') no-repeat;
	margin-left: 80px;
	margin-top: 20px;
	}			
	
.blog #graphix,
.single-post #graphix,
.tag #graphix,
.archive #graphix {
	width: 250px;
	height: 157px;
	background: url('images/bleistift.gif') no-repeat;
	margin-left: 15px;
	margin-top: -70px;
	margin-bottom: 20px;
	}		
	
#handbuch #content STRONG,
#handbuch #content B,
#content.teamentwicklung B {
  font-weight: normal;
  color: #000;
  }	
  
#handbuch #content P A IMG {
  margin-right: 5px;
  }  
  
#handbuch H3 {
  font-style: italic;
  font-weight: normal;
  color: #CD8736;
  } 
  
#handbuch #content A {
  color: #CD8736 !important;
  font-style: italic;
  } 
  
.mejs-container {
  margin-bottom: 30px;
  }    
  
.mejs-container .mejs-controls {
  background-color: #999 !important;
  }  
  
.mejs-time-current {
  background-color: #CD8736 !important;
  border-radius: 1px !important;
  }
  
.mejs-time-loaded {
  background-color: #fff !important;
  }

#wissenschaftliche-begleitung #graphix {
	width: 244px;
	height: 330px;
	background: url('images/brain.gif') no-repeat;
	margin-left: 10px;
	margin-top: -50px;
	}	
	
#projektpartner #graphix {
	width: 210px;
	height: 216px;
	background: url('images/partner.gif') no-repeat;
	margin-left: 50px;
	margin-top: 20px;
	}		
	
#netzwerk #graphix {
	width: 275px;
	height: 150px;
	background: url('images/knot.gif') no-repeat;
	margin-left: 15px;
	margin-top: 35px;
	}	
			
#kontakt #graphix {
	width: 155px;
	height: 280px;
	background: url('images/handy.gif') no-repeat;
	margin-left: -25px;
	margin-top: -150px;
	}	
	
#angebot #graphix {
	width: 222px;
	height: 242px;
	background: url('images/illu_angebot.png') no-repeat;
	margin-left: 25px;
	margin-top: 10px;
	}	
	
#schulentwicklung #graphix {
	width: 318px;
	height: 213px;
	background: url('images/illu_schulentwicklung.gif') no-repeat;
	margin-left: 0px;
	margin-top: 20px;
	}
	
#weitere #graphix {
	width: 261px;
	height: 149px;
	background: url('images/brille.gif') no-repeat;
	margin-left: 50px;
	margin-top: 20px;
	}				
	
#logo {
	margin-top: 35px;
	width: 325px;
	height: 220px;
	display: block;
	background: url('images/logo_gruen_ohne@2x.png') no-repeat left top;
	}
	
.home #logo {
  background-size: 100% auto !important; 
  }  

BODY.blog #logo { background: url('images/logo_dunkelrot@2x.png') no-repeat; background-size: 100% auto !important;}		
#aktuelles #logo { background: url('images/logo_dunkelgruen@2x.png') no-repeat; background-size: 100% auto !important;}		
BODY.single #logo { background: url('images/logo_dunkelgruen@2x.png') no-repeat; background-size: 100% auto !important;}		
#archiv #logo { background: url('images/logo_dunkelgruen@2x.png') no-repeat; background-size: 100% auto !important;}		
#portrait #logo { background: url('images/logo_portrait.png') no-repeat; background-size: 100% auto !important; }
#kontakt #logo { background: url('images/logo_blau.gif') no-repeat; }
#netzwerk #logo { background: url('images/logo_tuerkis.gif') no-repeat; }	
#projektpartner #logo { background: url('images/logo_blau2.gif') no-repeat; }	
#wissenschaftliche-begleitung #logo { background: url('images/logo_orange@2x.png') no-repeat; background-size: 100% auto !important;}	
#handbuch #logo { background: url('images/logo_orange@2x.png') no-repeat;   background-size: 100% auto !important; }	
#seminar #logo { background: url('images/logo_rot.gif') no-repeat; }	
#coaching #logo { background: url('images/logo_blau3.gif') no-repeat; }	
#angebot #logo { background: url('images/logo_violett.gif') no-repeat; }	
#schulentwicklung #logo { background: url('images/logo_dunkelgelb@2x.png') no-repeat; background-size: 100% auto !important; }	
#teamentwicklung #logo { background: url('images/logo_gruen_ohne@2x.png') no-repeat; background-size: 100% auto !important;}	
#publikationen #logo { background: url('images/logo_taubenblau.png') no-repeat;   background-size: 100% auto !important; }	
#referenzen #logo { background: url('images/logo_pink.gif') no-repeat; }	
#weitere #logo { background: url('images/logo_dunkelbraun.gif') no-repeat; }	


.blog #logo,
.single-post #logo,
.tag #logo,
.archive #logo { 
  background: url('images/logo_dunkelrot.gif') no-repeat; 
  }	

#nav {
	list-style-type: none;
	padding: 5px 105px 0px 0;
	clear: both;
	position: relative;
	z-index: 1000;	
  min-height: 200px;
	}
	
#nav LI {
	list-style-type: none;
	clear: both;
	margin: 0;
	display: block;
	position: relative;
	line-height: 21px;
	z-index: 1000;	
	}	
	
* html #nav	LI {
	display: inline;
	}
	
#nav LI A {
	color: #6a6866;
	font-style: italic;
	font-size: 14px;	
	line-height: 20px;
	display: block;
	margin-bottom: 5px;
	text-align: right;
	text-decoration: none;
	padding-right: 10px;
	position: relative;
	z-index: 1000000;		
	clear: both;
	}	
	
#nav LI A:hover {
	color: #222;
	}	
	
#nav LI.current_page_item	{
	background: url('images/navArrow.gif') no-repeat right 7px;
	position: relative;
	z-index: 100000;
	}
	
* html #nav LI.current_page_item,
* html #nav LI.current_page_parent {
	display: block !important;	
	margin-bottom: -17px;
	}

#nav LI.current_page_item	A,
#nav LI.current_page_parent A {
	color: #000;
	font-weight: bold;
	}
	
#nav UL {
  display: none;
  margin-bottom: 20px;
  }
  
#nav LI.current_page_item UL,
#nav LI.current_page_parent UL {  
  display: block;
  }
  
#nav LI LI.current_page_item {
  background-position: right 4px;
  }
  
#nav LI LI.current_page_item A {
  color: #000 !important;
  opacity: 1;
  font-weight: bold !important;
  }  
  
#nav LI LI A {
  font: 11px Tahoma;
  font-weight: normal !important;
  line-height: 13px;
  height: 13px;
  color: #6a6866 !important;
  opacity: 0.8;
  }  
  
#nav LI LI A:hover {
  color: #000 !important;
  opacity: 1;
  }    
	
#content {
	width: 610px;
	float: right;
	position: relative;
	}	
	
#coaching #content {
	margin-bottom: -20px;
	}	
	
* html #content {
	overflow: hidden;
	}	
	
#content IMG {
	margin: 12px 0 15px 0;
	}
	
#content P STRONG {
  color: #000;
  }	
	
#portrait #content IMG {
	margin-bottom: -40px;
	position: relative;
	z-index: 100000;
	}	
	
* html #portrait #content IMG {	
	margin-bottom: -30px;
	}	

#content UL {
	padding-right: 0px;
	margin-bottom: 25px;
	margin-top: 0px;
	padding-left: 15px;
	}
	
#wissenschaftliche-begleitung #content UL {
	margin-top: 25px;	
	padding-right: 50px;
	}
	
#projektpartner #text UL,
#netzwerk #text UL {
	margin-top: 25px;
	}	
	
.linkcat {
  list-style-type: none;
  }	
	
#content UL LI {
	list-style-type: none;
	background: url('images/bullet.png') no-repeat 0 2px;
	padding-left: 20px;
	padding-bottom: 3px;
	line-height: 18px;
	}	
	
#projektpartner #content UL LI,
#coaching #content UL LI {	background: url('images/bullet_blue.png') no-repeat 0 2px; }
#wissenschaftliche-begleitung #content UL LI {	background: url('images/bullet_brown.png') no-repeat 0 2px; }
	
#wissenschaftliche-begleitung #content UL LI {
	margin-bottom: 5px;
	}		
	
h1 {
	font-size: 49px;
	color: #3d3b3a;
	padding: 0;
	margin: 0;
  visibility: hidden;
	}	
	
h2 {
  font-style: italic;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal !important;
  }	
  
h3 {
  font-style: italic;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold !important;
  margin-bottom: 5px;
  padding: 0;
  color: #222;
  }  
  
.cufon-ready H1 {
  visibility: visible;
  }
	
#content A {
	color: #718116;
	text-decoration: none;
	}	
	
#kontakt #content A { color: #148fbb; }	
#netzwerk #content A { color: #179c8d; }	
#projektpartner #content A { color: #186298; }
.blog #content A,
.single-post #content A,
.tag #content A,
.archive #content A { 
  color: #84230F; 
  }
  
#portrait #content A {
  color: #5c7d99;
  }  
  
#weitere #content A {
  color: #7e562e;
  }
	
#content A:hover {
	text-decoration: underline;
	}	
	
#kontakt #text {
	float: left;
	width: 350px;
	}

#contactform {
	background: url('images/write-a-message.gif') no-repeat 15px 0;
	width: 248px;
	float: right;
	padding-top: 50px;
	margin-top: 7px;
	}	
	
#contactform INPUT.text {
	border: 1px solid #c8c4bf;
	padding: 6px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	width: 228px;
	margin-bottom: 5px;
	color: #a09d9a;
	}	
	
#contactform TEXTAREA {
	border: 1px solid #c8c4bf;
	padding: 6px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	width: 228px;
	margin-bottom: 10px;
	height: 90px;
	color: #a09d9a;
	}	
	
#contactform .buttonSubmit {
	width: 242px;
	height: 59px;
	background: url('images/buttonSubmit.gif') no-repeat;
	display: block;
	}
	
INPUT.dark,
TEXTAREA.dark {
	color: #000 !important;
	}	
	
#contactform .buttonSubmit:active {
	margin-top: 1px;
	}			
	
#thankyou {
	color: #148fbb;
	float: right;
	margin: 25px 7px 0 0;
	width: 250px;
	line-height: 17px;
	}	
	
/* AKTUELLES ----------------------------------------------------------------------------------- */		

.aktuelles .post {
  margin:  25px 0 35px 0;
  }
  
.aktuelles .post H3 {
  padding: 0;
  margin: 0 0 20px 0;
  }  
  
.aktuelles .post H3 A {
  font-weight: normal;
  font-style: italic;
  font-size: 27px;
  line-height: 32px;
  transition: 0.2s;
  }  
  
.aktuelles .post H3 A:hover {
  text-decoration: none !important;
  color: #000 !important;
  }  
  
.aktuelles .post STRONG,
.aktuelles .post B {
  color: #333 !important;
  }
  
.aktuelles .video_container {
  margin: 0 auto;
  }  
  
.aktuelles IFRAME {
  margin: 0 auto;
  border: 3px solid #fff;
  }    
  
.aktuelles .more {
  font-style: italic;
  padding-left: 5px;
  }  
  
.aktuelles .single H3 {
  font-size: 27px;
  line-height: 32px;
  font-weight: normal !important;
  font-style: italic;
  color: #718116;
  margin-bottom: 20px;
  }
  
.aktuelles .excerpt {
  padding-bottom: 15px;
  }

.aktuelles .single .excerpt {

  }
  
.quote {
  text-align: center;
  padding: 10px 100px !important;
  }
  
BLOCKQUOTE:before {
  display: block;
  content: " ";
  width: 100px;
  height: 10px;
  margin: 0 auto;
  border-top: 1px solid #ccc;  
  }    
  
.quote-text,
BLOCKQUOTE P {
  font-style: italic;
  font-size: 26px;
  line-height: 30px;
  color: #222;
  margin: 0 !important;
  padding: 0 !important;
  } 
  
.quote-author,
H6 {
  font-size: 12px;
  line-height: 15px;
  font-family: Arial;
  padding: 0 20px;
  color: #888481;
  padding-top: 5px;
  font-weight: normal;
  margin: 0 !important;
  }  
  
.quote-top,
.quote-bottom {
  width: 100px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  }
  
.quote-top {
  margin-bottom: 30px;
  }        
  
.quote-bottom {
  margin-top: 35px;
  }
  
BLOCKQUOTE {
  padding: 30px 70px 5px 70px;
  margin: 0;
  }  
  
BLOCKQUOTE P {
  font-size: 20px;
  line-height: 26px;
  padding-top: 15px !important;
  }  
  
BLOCKQUOTE P SPAN {
  margin-top: 0px;
  display: block;
  }  
  
.aktuelles .archive {
  margin-top: 10px;
  }    
  
.linkcat H2 {
  display: none;
  }  
  
#links #content UL {
  padding-top: 10px;
  }  
  
#links #content UL, 
#links #content LI {
  list-style-type: none;
  padding-left: 0 !important;
  background: none !important;
  }  
  
#links #text UL {
  padding-left: 0;
  }  
  
#links #text UL LI {
  background: none;
  padding-left: 0;
  }  
  
/* BLOG ---------------------------------------------------------------------------------------- */	  

.page-item-391 {
  display: none !important;
  }
  
.page-item-391.current_page_parent,
.page-item-391.current_page_item {
  display: block !important;
  }

#blog {
  padding-top: 45px;
  }
  
#blog H3 {
  font-weight: normal;
  font-size: 26px;
  line-height: 1.3em;
  margin: 5px 0 10px 0;
  font-style: italic;
  }  
  
#blog H3 A:hover {
  text-decoration: none;
  color: #000;
  }  
  
#blog .post {
  margin-top: 20px;
  clear: both;
  padding-bottom: 40px;
  }  
  
.post-date {
  color: #999;
  margin-bottom: 5px;
  margin-bottom: 5px;
  background: url('images/icon-calendar.png') no-repeat left center;
  padding-left: 25px;
  line-height: 18px;
  display: inline-block;
  }  
  
.post-date .date {
  color: #333;
  font-size: 11px;
  }

.post .post-tags {
  color: #999 !important;
  font: 11px/18px Tahoma;
  background: url('images/icon-tags.png') no-repeat 0 2px;
  padding-left: 22px;
  margin-bottom: 10px;
  }
  
.post-comments {
  color: #999 !important;
  font: 11px/18px Tahoma;
  background: url('images/icon-comments.png') no-repeat 0 0px;
  padding-left: 22px;
  margin-top: 3px;
  float: right;
  margin-left: 20px;
  }  
  
#blog A.more {
  float: left;
  }  
  
.post-tags A {
  color: #999 !important;
  font: 11px Tahoma;
  } 
  
.post-tags A:hover {
  color: #000 !important;
  font: 11px Tahoma;
  text-decoration: none !important;
  }       
  
A.more,
#blog .button INPUT,
.aktuelles A.more {
  background-color: #83220C;
  color: #fff !important;
  font: 11px Tahoma;
  padding: 5px 10px 7px 10px;
  border-radius: 3px;
  display: inline-block;
  transition: 0.2s;
  cursor: pointer;
  clear: both;
  } 
  
.aktuelles A.more {
  background-color: #738316;
  }  
  
A.more:hover,
#blog .button INPUT:hover {
  text-decoration: none !important;
  background-color: #000 !important;
  }  
  
#blog .post-excerpt {
  margin-bottom: 15px;
  margin-top: 10px;
  padding-top: 5px;
  clear: both;
  } 
  
#blog .post-excerpt P {
  margin: 0 0 12px 0;
  }  
  
#blog .post-excerpt STRONG {
  color: #000;
  }     
  
#blog .post-content {
  margin-top: 25px;
  clear: both;
  }  
  
#blog .post-content STRONG {
  color: #000;
  }  
  
#blog #commentlist {
  padding-bottom: 20px;
  }  
  
#blog #comments {
  padding-top: 30px;
  background: url('images/divider.png') no-repeat center top;
  }
  
#blog #comments H3 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  } 
  
#blog #comments UL {
  padding-left: 0;
  }
  
#blog #comments UL LI {
  color: #000;
  font-style: normal;
  background: none;
  padding: 0;
  margin: 0;
  color: #5D5550;  
  padding-top: 20px;
  }   
  
#blog #comments .comment-author {
  font-weight: bold;
  color: #000;
  }  
  
#blog #comments .comment-meta {
  font: 11px Tahoma;
  color: #999;
  margin: 0 0 5px 0;
  }   
  
#blog #comments P {
  margin: 0 0 10px 0;
  }
  
#blog #comments .logged-in {
  font: 11px Tahoma;
  color: #999;
  margin: 10px 0 15px 0;
  }  
    
  
#blog #comment {
  width: 100%;
  resize: none;
  margin-bottom: 10px;
  border-radius: 3px;
  padding: 10px;
  box-sizing: border-box;
  font: 14px/18px Georgia;
  }  

#blog #comments FORM {
  padding-top: 30px;
  background: url('images/divider.png') no-repeat center top;  
  }  
  
  
  
/* TAGCLOUD ------------------------------------------------------------------------------------ */	  

#tagcloud {
  clear: both;
  margin: 0px 70px 40px 0px;
  overflow: hidden;
  text-align: center;
  padding-top: 20px;
  opacity: 0.6;
  transition: 0.4s;
  line-height: 1.6em;
  }  
  
#tagcloud:hover {
  opacity: 1;
  }  
  
#tagcloud A {
  text-decoration: none;
  color: #333;
  font-family: Tahoma;
  opacity: 0.7;
  transition: 0.2s;
  white-space: nowrap;
  } 
  
#tagcloud A:hover {
  text-decoration: none;
  color: #718116;
  opacity: 1;
  }     
  
.blog #tagcloud A:hover,
.single-post #tagcloud A:hover {
  color: #84230F;
  }  

  
/* PORTRAIT ------------------------------------------------------------------------------------ */		  

.portrait .audio {
  padding-top: 20px;
  }
  
.portrait .mejs-time-current {
  background-color: #AEB86F !important;
  }    
  
.mejs-container .mejs-controls .mejs-time {
  padding: 16px 3px 0 !important;
  }  
	
/* FOOTER -------------------------------------------------------------------------------------- */	
	
#footer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font: 11px Tahoma;
	color: #84827e;
	position: relative;
	}	

#push {
	clear: both;
	}	
	
#footer, #push {
	height: 100px; 
	clear: both;
	}		
	
#footer .left,
#footer .right {
  margin-top: 40px;
  }	
	
#copyright {
	padding-top: 5px;
	float: left;
	margin-left: 45px;
	}
	
#charta {
  display: block;
  float: right;
  width: 100px;
  height: 35px;
  background: url('images/charta.png') no-repeat;
  margin-left: 7px;
  position: relative;
  top: -3px;
  }	
  
#charta:hover {
  background-position: 0 -35px;
  }	  
	
#unterzeichnerin {
	padding-top: 5px;
	float: right;
  }	
	
#footer #divider {
	background: url('images/divider.gif');
	float: left;
	width: 1px;
	height: 22px;
	margin: 1px 0px 0 10px;
	}	

#freelenz {
	background: url('images/freelenz-sprite.gif') no-repeat 0 0;
	float: left;
	width: 55px;
	height: 22px;
	margin-top: 3px;
	margin-left: 8px;
	}
	
#freelenz:hover {
	background-position: 0 -22px;
	}
	
#pictureframe {
	width: 660px;
	min-height: 380px;
	background: url('images/pictureframe.gif') no-repeat;
	margin-left: -30px;
	margin-top: 5px;
	position: relative;
	}
	
#eyecatcher {
	width: 585px;
	min-height: 305px;
	overflow: hidden;
	margin: 38px 0 0 38px;
	float: left;
	display: inline;
	background: url('images/ajax-loader.gif') no-repeat center center;
	}	
	
#eyecatcher IMG {
	margin: 0;
	display: none;
	}	
	
#pictureframe .caption {
  clear: both;
  font: 11px Tahoma;
  color: #aaa;
  text-align: right;
  margin-right: 35px;
  padding-top: 15px;
  margin-bottom: 15px;
  }	
	
/* MISC ------------------------------------------------------------------------------------- */	
	
.left { float: left; }
.right { float: right; }
.clear { clear: both; }		




/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('images/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('images/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('images/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('images/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('images/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;

}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('images/fancy_left.png');			
}

#fancybox-right-ico {
	background-image: url('images/fancy_right.png');	
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 10px;
}

#fancybox-right:hover span {
	left: auto;
	right: 10px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('images/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('images/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_loading.png', sizingMethod='scale'); background-repeat: no-repeat; }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/renatehuber/images/fancy_shadow_nw.png', sizingMethod='scale'); }