@charset "UTF-8";

/**
 * @author superfly - www.flyweb.at
 * @link http://www.flyweb.at
 * @version 8.0
 * @lastmodified September 2009 
 *
 */


/* ----------------------
 
   YAML Framework  

------------------------ */

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml3.2/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(yaml3.2/screen/basemod_draft.css);
@import url(yaml3.2/screen/content_default.css);

/* import print layout | Druck-Layout einbinden 
@import url(yaml3.2/css/print/print_draft.css);
*/



/* ----------------------

   TAGs
 
 ------------------------ */

@font-face {
 font-family: Andika;
 src: url("fonts/AndBasR-webfont.eot") /* EOT file for IE */
}
@font-face {
 font-family: Andika;
 src: url("fonts/AndBasR-webfont.ttf"); /* TTF file for CSS3 browsers */
}

@media screen, projection{

/* IE Hack for banner flickering */
html {background-attachment: fixed; background-image:url(../images/v8/1x1trans.gif); background-color:#ffffff; background-repeat: nor-repeat;} 

body{
 /* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
 font-family: Verdana, sans-serif;
 padding: 0px;
 color: #54544e;
 margin: 0;
 font-size: 0.75em !important;
 line-height: 1.35em !important;
 background: #fffeed url(../images/v8/rightColBG.gif) repeat-y 725px 0;
} 



h1,h2,h3,h4,h5,h6{
 /*font-family: Georgia, Times, serif;
 letter-spacing: 0.0175em;*/
 font-family: Andika, "Trebuchet MS", Arial, Helvetica, sans-serif;  	
 /* font-family: Georgia, Times, serif; */
 color: #768568;
}

 

h1 a:link, h1 a:visited{
	color: #758467 !IMPORTANT;
	font-weight: 300;
	/*text-shadow: 0px 1px 2px #fff;  0px 2px 3px #FFFEED */
	text-shadow: 0px 1px 0px #e5e5ee; /* */
	
	
} 
 
h2 a:link, h2 a:visited, 
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited,
h6 a:link, h6 a:visited{color: #b1b07d !IMPORTANT; border-bottom:1px dotted;} 
 


h1 a:hover, h1 a:focus, h1 a:active,
h2 a:hover, h2 a:focus, h2 a:active,
h3 a:hover, h3 a:focus, h3 a:active,
h4 a:hover, h4 a:focus, h4 a:active,
h5 a:hover, h5 a:focus, h5 a:active, 
h6 a:hover, h6 a:focus, h6 a:active
{color: #C4CCB5 !IMPORTANT; background:none !IMPORTANT; text-decoration:none !IMPORTANT;}


h1{
 font-size: 230%;
 padding: 15px 0 10px;
 
 line-height: 1em !important;
}

h2{

 line-height: 1.2em !important;

} 
h3{
 font-size: 160%;
 line-height: 1.2em !important;
 color: #54544e;
 font-weight: lighter;
}
 
 
h4{
 font-size: 120%;
 line-height: 1.2em !important;
 font-family: Georgia, Times, serif;
}  
h4 a:hover, h4 a:focus, h4 a:active{}
h4 a:link, h4 a:visited{} 
 

h5{
 
 /* font-style: italic; */
 border-bottom: 1px solid #ebebda;
 padding-bottom: 2px;
 margin-bottom: 8px;
}
h5 a{border-bottom: 0px !important;}
 
 
h6{
 font-weight: bolder !important;
 /* font-style: italic; */
} 
h6 a:hover, h6 a:focus, h6 a:active{text-decoration:underline !important;}
h6 a:link, h6 a:visited{color: #768568 !important; border-bottom: 0px !important;}
 
 
div#col1 h1{
 
}  
 

 
div#col3 h4{

} 

 
 
/*
#main a[href^="http://192.168.0.77/~superfly/flyweb/"],
#main a[href^="https://www.flyweb.at"]{
 background-image: url('your_image.gif');
 background-repeat: no-repeat;
 background-position: 0 0.45em;
} */


a:link, a:visited, a:hover, a:focus, a:visited
{outline: none !important;} /* fix ugly dotted borders from links in FF */

a:link, a:focus, a:visited{background: none; color:#874b3f;} /*  b1b07d */
 
a:active{background:none; text-decoration:none !important;}
a:hover, a.tagActive{text-decoration:underline !important; background:none; color: #ba1f00;} 
/*a img, a:hover img, img, a{border: 0px none !important; background:none}  */ 

a:link img, a:visited img, a:hover img, a:focus img, a:visited img{text-decoration: none !important;}
   
/* Mozilla based browsers */
::-moz-selection {
      background-color: #C4CCB5;
      color: #000;
}
/* Works in Safari */
::selection {
      background-color: #C4CCB5;
      color: #000;
}

   
   
input{
	padding: 3px;
	margin: 3px 0;
	background: #ebebda;
	border: 1px solid #e0e0d1; /* 768568 */
}

.button{
	height:34px;
	width:95px;
	border:0;
	color: transparent;
	line-height: 70px !IMPORTANT;
	background: url(../images/v8/buttonFormSprite.gif) no-repeat;
	cursor: pointer;
}


/* ----------------------
  
	TXP Comment

------------------------ */

#txpCommentPreview{background-position: 0 -69px;}
#txpCommentSubmit{background-position: 0 -34px;}
.disabled{background-position: 0 0 !important; cursor: default;}

textarea{border:0px; padding: 3px; background: #ebebda;} 
 
fieldset{border:1px solid #e8e4cc; margin:0px; padding:10px;}
legend{font-family: georgia; margin:0 6px; padding:5px 6px; color:#54544e; font-style: italic; font-weight: bold;} 

label{font-family: georgia; font-style: italic; font-weight: bold;}
 
input.comment_name_input,
input.comment_email_input {width: 150px;}
 
input.comment_web_input {width: 328px;}
 
table{border:0px !important;} 
tbody th{background-color:#f2f2f2 !IMPORTANT;}
tbody td{border-bottom: none;}
tbody tr:hover td{background: transparent !important;}
 

 

/* ----------------------
  
	Layout

------------------------ */

.page_margins {
 /* margin: 0 auto; */
 width: 984px;
}

#main { float: left; width: 100%;}

#col1 { float: right; width: 437px;  margin: 0 259px 0 -696px; background-image: url(../images/v8/centerColBGsprite.gif); background-repeat: no-repeat;}
#col2 { float: right; width: 259px;  margin: 0; background: url(../images/v8/rightColTopBG.gif) no-repeat;}
#col3 { float: left; width: 288px; margin-right: -5px; margin-left: 0; }

#col1_content { padding: 0 25px 0 35px; min-height:1000px;}
#col2_content { padding: 0 0 0 45px; overflow: hidden;}
#col3_content { padding: 0 10px 0 20px; min-height:721px; background: url(../images/v8/leftColBG.jpg) no-repeat; }

#col1Top{height:25px; width:402px; padding-bottom:15px; background-image: url(../images/v8/centerColTopSprite.gif); background-repeat: no-repeat;}

.col1Tab1Top{background-position: 0px -98px;}
.col1Tab1{background-position: 0 0;}
.col1Tab1BG{background: url(../images/v8/centerColTab1BG.gif) repeat-y 41px 0;} 

.col1Tab2Top{background-position: 0px -49px;}
.col1Tab2{background-position: -41px 0;}
.col1Tab2BG{background: url(../images/v8/centerColTab2BG.gif) repeat-y 41px 0;}

.col1Tab3Top{background-position: 0 0;}
.col1Tab3{background-position: -82px 0;}
.col1Tab3BG{background: url(../images/v8/centerColTab3BG.gif) repeat-y 41px 0;} 

 
 
#footer { padding: 10px 20px; height:40px; color:#666; background-image: url(../images/v8/footerBG.gif); background-repeat: no-repeat;}
.footerTab1{background-position:  288px -120px;} 
.footerTab2{background-position:  288px -60px;}
.footerTab3{background-position:  288px 0px;}
 
 
#col1_content, #col2_content, #col3_content{ 
 /* min-height:100%;
 height:auto !important;
 height: 100%; */
}
 
 
/* ----------------------

	Navigation

------------------------ */
 
ul#navi{
 margin: 100px 0 0 -45px;
 padding-bottom: 85px;
} 
 
ul#navi li{
 list-style-type: none;
 height: 92px;
 width: 76px;
 margin-left: 0;
 background-image: url(../images/v8/tabSprite.gif);
 background-repeat: no-repeat;
 /* cursor: pointer; */
} 

ul#navi li#tab1{background-position: -24px -471px;} /* 471 */
ul#navi li#tab2{background-position: -24px -283px;} /* -283 */
ul#navi li#tab3{background-position: -24px -94px;} /* -94 */

ul#navi li#tab1.active{background-position: -4px -377px;}
ul#navi li#tab2.active{background-position: 0 -189px;}
ul#navi li#tab3.active{background-position: 0 0;}
 
ul#navi li a{
 padding: 34px 70px 54px 0;
 line-height: 90px;
 color: transparent;
 display: block; /* we need this so IE shows empty a href's */
} 
 
/* Navigation End */ 
 
 

/**
 * 
 * Layout End
 *
 */ 

  
 
/* ---------------------- 
 
    ID's    
 
------------------------ */
  
#searchDiv{margin: 23px 0 0 210px;}  
 

/* ----------------------

 CLASSES 

------------------------ */ 

 
.hr1{background:url(../images/v8/col1HR_a.png) no-repeat; height:22px; width:383px; margin-left: -6px;}
.hr2{background:url(../images/v8/col1HR_b.png) no-repeat; height:22px; width:383px; margin-left: 6px;}

 
.bordDoBot{border-bottom: 1px dotted #999999;}
.greyBor{border: 1px solid #999999;}
.lightGreyBor{border: 1px solid #ededed;}

.pad5{padding: 5px 0 !important;}
.pad5h{padding: 0 5px !important;}
.pad10{padding: 10px 0 !important;}
.pad10h{padding: 0 10px !important;}
.pad20{padding: 20px 0 !important;}
.pad20h{padding: 0 20px !important;} 

.mar3{margin: 3px 0 !important;}
.mar5{margin: 5px 0 !important;}
.mar5h{margin: 0 5px !important;}
.mar10{margin: 10px 0 !important;}
.mar10h{margin: 0 10px !important;}
.mar20{margin: 20px 0 !important;}
.mar20h{margin: 0 20px !important;}
 
.bolder{font-weight:bolder;}
.underline{border-bottom:1px solid;}

.big, a.big{
	font-size: 1.8em!important;
	font-weight: normal;
	letter-spacing: ;
 /*color: #68676c;*/
} 
 
.small, a.small{
	font-size : 11px !important;
	font-family: arial, sans-serif;
	font-weight: normal;
	letter-spacing: ;
	/*color: #68676c;*/
} 


.none{
	margin: 0 !IMPORTANT;
	padding: 0 !IMPORTANT;
} 

.ie_clearing{clear:both; height:1px; overflow:hidden; display:none;}

.floatL{float:left !IMPORTANT; width: 45%; padding: 0 5px 0 0;}
.floatR{float:right !IMPORTANT;}

.noBorder{border:0px;} 
 
.raquoSize{font-size: 120%;} 

.pageNav a{color:#768568; text-decoration:none !important;} 
 
.catUS{margin: 18px 0 15px 0; padding:0;}
.catUSlabel{float:left;}
p.catUSlabel img{margin-top:-3px;} 
 
.articleThumbs{
 margin: 2px 5px 0 0;
 padding: 5px;
 float: left;
 border: 1px solid #e4e4d2;
 background: #fff;
}

.articlePic{
 border: 1px solid #e4e4d2;
 /*padding: 5px;*/
 background: #fff;
 margin-top:8px;
 /* width: 317px;
 height:196px; */
}

.picText{
 padding: 4px 0 8px 5px;
 margin-left: 0px;
 font-style: italic;
} 

.articleDate{
 background:;
 border: 1px solid #e0e0d1;
 color: #758467;
 font-family: Georgia;
 font-size: 200%;
 line-height: 23px;
 font-weight: 100;
 float: left;
 height: 66px;
 width: 45px;
 text-align: center;
 margin: 15px 10px 4px 0;
} 
 
.articleDateMonth{
 padding-top: 5px;
 font-size: 75%;
 background: #ebebda;
 height: 18px;
 line-height: 0.7em;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-transform: uppercase;
}
 
.articleDateDay{font-size: 110%;}
.articleDateYear{font-size:50%;}  

.bigFirst{font-size:225%; float:left; line-height:1em; margin-right:3px;} 
 
 
.commentsDiv{padding:15px;}
.commentsDivPreview{padding:10px; margin:8px; border:1px solid #990000; background: #ebebd8;} 
ol.comments li{padding:5px 0;} 
.indented_pad10{padding:0 25px;}
p#txpCommentInputForm{padding:20px !important; margin:10px !important; background: #ebebd8; border:1px solid #990000;} 
.commentsAuthor{padding: 10px 4px!Important; background: #ebebda url(../images/v8/fly.png) top right no-repeat !important;}
 
 
.grey, a.grey{color: #68676c;}
.greyBG{background: #f0f1f2;}
ul.greyList{list-style-image: url(../images/v2_listPfeilGrey.gif);}
 
 
.green, a.green{color: #768568 !important;}
/*a.green:hover{background-color: #e0f5ca !important;}*/
ul.greenList, ol.greenList{list-style-image: url(../images/v2_listPfeilGreen.gif);} 

 
.blue, a.blue{color: #0090d9;}
a.blue:hover{background-color: #a7d2ea !important;}
a.activeBlueTab{background-color: #a7d2ea !important;}
ul.blueList{list-style-image: url(../images/v2_listPfeilBlue.gif);}

 
.orange, a.orange, h3.orange a{color: #f2b807 !important;}
a.orange:hover, h3.orange a:hover{background-color: #f4d5a9 !important;} /* ee cb5e*/
ul.orangeList{list-style-image: url(../images/v2_listPfeilOrange.gif);}
 
 
.brown, a.brown{color: #ebebda;}
a.brown:hover{background-color: #ebebda !important;}
.brownBG{padding: 10px 4px!Important; background-color: #ebebda !important;}
ul.brownList{list-style-image: url(../images/v2_listPfeilBrown.gif);}
 
.red, a.red{color: #990000 !important;}
ul.redList{list-style-image: url(../images/v8/iconRed_LI.png);}
ul.redList li { margin: 0 0 0 0.8em !important; padding: 0 !important;}
.redBor{border: 1px solid #990000;} 
.redBG{background:#ffeeee;}
 
.white5border{border:5px solid #fff;}

.paginate_ul{margin-left: 50px;}
.paginate_li{float:left; list-style-type:none; margin-left:0.7em;}





/* ----------------------
 
	twitter
	
------------------------ */


#twitter_update_list a{color: #5dd1f6;}

h6.twitterText img{margin-top: -4px;} 

ul#twitter_update_list{
	list-style-type: none;
	list-style-image: url(../images/v8/symLI_Twitter.gif);
	margin: 0 0 1em 1.6em !important;
}

.twitterText{color:#5dd1f6;}

h6.twitterText a, a.tweet_time{color:#5dd1f6 !important; border-bottom:0px; text-decoration:none !important;}
 
 
/* ----------------------

	del.icio.us classes
	
------------------------ */

.delicious-banner a,
.delicious-banner a:link,
.delicious-banner a:visited,
.delicious-banner a:focus,
.delicious-banner a:active { 
 font-size: 60%;
 font-weight: bolder !important;
 /* font-style: italic; */
 line-height: 1.3em;
 color: #3275d0 !important;
 border-bottom: 0px;
}
 
.delicious-posts a{color: #3275d0 !important;}
 
.delicious-posts ul{
 list-style-type: none;
 list-style-image: url(../images/v8/symLI_Deli.gif);
 margin: 0 0 1em 0.9em !important;
}  
 
.delicious-tag{
 font-weight: bolder !important;
 font-style: italic;
} 
 
/* ----------------------

	last.fm classes 

------------------------ */

.lastfmH2 a,
.lastfmH2 a:link,
.lastfmH2 a:visited,
.lastfmH2 a:focus,
.lastfmH2 a:active
{ 
 font-size: 60%;
 font-weight: bolder !important;
 /*font-style: italic; */
 color: #AE0700 !important;
 border-bottom: 0px;
 }
  
.lastfmH2 a img {
 margin: 6px 0 0 0;
 padding: 0;
 display: inline;
}
 
.lastfmSongs{ 
	height: 74px;
	width: 175px;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 4px 0 0 0;
	
} 

.vinylPlastic{float:left; position:relative; top:-4px; left:0px; width:76px; height:72px;} 
.artwork{margin-left:-70px;}

.songInfos a,
.songInfos a:link,
.songInfos a:visited,
.songInfos a:focus,
.songInfos a:active{
	color: #AE0700 !important;
} 

.songInfos a:hover{color: #E01900 !important; }

.songInfos {
	margin: -4px 0 0 80px;
	font-weight: bold;
	padding: 5px 0;
	white-space: nowrap;
} 

.songArtist {padding: 5px 0;} 
 
.songAlbum{font-weight: bold !important;}


/* ----------------------

	Gravatar
		
------------------------ */

.gravatar{float:left; padding:3px; margin:0 5px;} 
  
 
/* ----------------------

 jQuery Nivo Slider v1.9
 http://nivo.dev7studios.com
 
 Copyright 2010, Gilbert Pellegrom
 Free to use and abuse under the MIT license.
 http://www.opensource.org/licenses/mit-license.php
 
------------------------ */
 
 
 
 
#projectsList a {
	border:0;
	display:block;
} 
 

#projectsList {
	
	background:url(../images/v8/loading.gif) no-repeat 50% 50%;
	height: 400px;
	
}

#projectsList img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:-80px;
	background:#fffeed;
	
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
	/* font-size: 11px;
	font-family: arial; */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}

.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.nivo-controlNav {
	position:absolute;
	left:29%;
	bottom:-100px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	/*  */background:url(../js/nivoslider.pack1_.9/style-pack/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background: url(../js/nivoslider.pack1_.9/style-pack/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

 
 
 
} /* END @media screen, projection */