/*No W3C Validation*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay23.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for Internet Explorer to replace :target */
a#pull,
a#push {behavior:url(/homepage/htc/target.htc)}
#pulldown {
transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
}
#opaque { opacity:0.9; filter: alpha(opacity=90);
-o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);

}
/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

#pulldown:target {top:-100px;}
#pulldown:target #pull {display:block;}
#pulldown:target #push {display:none;}

@font-face {
    font-family: 'tanja2Regular';
    src: url('/homepage/font/tanja2-webfont.eot');
    src: url('/homepage/font/tanja2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/homepage/font/tanja2-webfont.woff') format('woff'),
         url('/homepage/font/tanja2-webfont.ttf') format('truetype'),
         url('/homepage/font/tanja2-webfont.svg#tanja2Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.picture {
	behavior: url(/homepage/htc/PIE.htc);
border-radius: 15px; /* W3C Standard, Opera */
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari, Chrome */
-webkit-box-shadow: 5px 6px 9px #008080; /* webkit browser*/ 
-moz-box-shadow: 5px 6px 9px #008080; /* firefox */ 
box-shadow: 5px 6px 9px #008080; /* w3c standart */ }


.lebenslauf dt { /*jahr*/
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;
}