@font-face {
font-family: "MuseoSlab";
src: url("fonts/Museo_Slab_500.otf") format("opentype");
}

@font-face {
font-family: "MuseoSlab";
src: url("fonts/Museo_Slab_500italic.otf") format("opentype");
font-style:italic;
}



q {
quotes:"\00BB" "\00AB" "\203A" "\2039"; 
}

q:before { content:open-quote;}
q:after { content:close-quote; }


body {
font-family: MuseoSlab, Georgia, 'Times New Roman', serif;
color: #000000;
background-color:#EFEFEF;
background-image:url(bilder/background.gif);
font-size: 0.75em;
margin:0;
padding: 0;
line-height: 1.3em;
text-shadow: #fff 0px 1px 0px;
}


h1 {
margin: 0;
padding:0;
font-size:2em;
line-height:1.1em;
font-weight:normal;

}


div {
float:left;
}

div#sidebar {
padding:0.5em;
width: 26em;


}

div#sidebar p{
margin-top: 1em;
padding:0;
font-size:2.1em;
line-height:1em;


}



div.work {
background-color:#FAFAFA;
width:16.8em;
padding: 0.5em;
margin: 0.5em;
border-bottom:2px #E3E3E3 solid;

}


div.work img {
border: none;
}


a:link div.work{
background-color:#fff;

}

a:visited div.work{
background-color:#e4e4e4;
opacity: 0.3;
}

a:hover div.work{
background-color:#e4e4e4;
opacity: 1;

}

a:hover div.work{
background-color:#e4e4e4;
}

a:active div.work{
background-color:#000;
}

div.work h2 {

margin:0;
margin-top: 0.5em;
padding:0;
font-size:1.1em;
font-weight:normal;
line-height:1em;
}


div.work h3 {

margin:0;
margin-top: 0.3em;
padding:0;
font-size:1.1em;
font-weight:normal;
font-style:italic;
line-height:1em;

}


div.work em {
float:left;
position:relative;
margin:0em;
margin-bottom:0.2em;
padding:0;
font-size:1.2em;
font-weight:bold;
font-style:normal;
line-height:1em;
background-color:#FF0000;
color:#FFFFFF;

}




div#twitter_div {
font-size:1.1em;
line-height:1.2em;
margin:0;
padding:0;
padding-right:1em;
margin-bottom:1.5em;
width:20em;
}


ul#twitter_update_list{
margin:0;
margin-top:-1em;
list-style-type:none;
padding:0;
}


#twitter_update_list li {
padding-bottom:0.5em;
}
#twitter_update_list li a {}



div#retour {
position: fixed;
left: 0em;
top: 0em;
z-index: +10; }

.bold{
font-weight: bold; }


a:link{ 
color:#000; 
text-decoration: none; 
} 
a:visited{ 
color:#666666;
text-decoration: none;
}
a:hover{ 
color:#000; 
text-decoration:underline;
} 

a:active{ 
color:#000; 
text-decoration: none;
} 


div#links {
font-size:1.1em;
line-height:1.2em;
margin:0;
padding:0;
padding-right:1em;
margin-bottom:1.5em;

}


div#links ul {
padding:0;
margin:0;
margin-top:-1em;
list-style-type:none;


}

div#links li {
padding:0;
margin:0;
list-style-type:none;
margin-bottom:0.4em;


}


/* jQuery Portrait */
#screenshot{
	position:absolute;
	border:0px solid #ccc;
	background:#333;
	padding:0px;
	display:none;
	color:#fff;
	}