@charset "utf-8";
/* CSS Document */

/*@fontface declaration*/

@font-face {
    font-family: 'JuraLight';
    src: url('../fonts/jura/Jura-Light-webfont.eot');
    src: url('../fonts/jura/Jura-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jura/Jura-Light-webfont.woff') format('woff'),
         url('../fonts/jura/Jura-Light-webfont.ttf') format('truetype'),
         url('../fonts/jura/Jura-Light-webfont.svg#JuraLight') format('svg');
	src: local('☺'), url('../fonts/jura/Jura-Light-webfont.woff') format('woff'),url('../fonts/jura/Jura-Light-webfont.ttf') format('truetype'),url('../fonts/jura/Jura-Light-webfont.svg#JuraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JuraBook';
    src: url('../fonts/jura/Jura-Regular-webfont.eot');
    src: url('../fonts/jura/Jura-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jura/Jura-Regular-webfont.woff') format('woff'),
         url('../fonts/jura/Jura-Regular-webfont.ttf') format('truetype'),
         url('../fonts/jura/Jura-Regular-webfont.svg#JuraBook') format('svg');
	src: local('☺'), url('../fonts/jura/Jura-Book-webfont.woff') format('woff'),url('../fonts/jura/Jura-Book-webfont.ttf') format('truetype'),url('../fonts/jura/Jura-Book-webfont.svg#JuraBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JuraMedium';
    src: url('../fonts/jura/Jura-Medium-webfont.eot');
    src: url('../fonts/jura/Jura-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jura/Jura-Medium-webfont.woff') format('woff'),
         url('../fonts/jura/Jura-Medium-webfont.ttf') format('truetype'),
         url('../fonts/jura/Jura-Medium-webfont.svg#JuraMedium') format('svg');
	src: local('☺'), url('../fonts/jura/Jura-Medium-webfont.woff') format('woff'),url('../fonts/jura/Jura-Medium-webfont.ttf') format('truetype'),url('../fonts/jura/Jura-Medium-webfont.svg#JuraMedium') format('svg');
	font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JuraDemiBold';
    src: url('../fonts/jura/Jura-DemiBold-webfont.eot');
    src: url('../fonts/jura/Jura-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jura/Jura-DemiBold-webfont.woff') format('woff'),
         url('../fonts/jura/Jura-DemiBold-webfont.ttf') format('truetype'),
         url('../fonts/jura/Jura-DemiBold-webfont.svg#JuraDemiBold') format('svg');
	src: local('☺'), url('../fonts/jura/Jura-DemiBold-webfont.woff') format('woff'),url('../fonts/jura/Jura-DemiBold-webfont.ttf') format('truetype'),url('../fonts/jura/Jura-DemiBold-webfont.svg#JuraMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlayRegular';
    src: url('../fonts/play/Play-Regular-webfont.eot');
    src: url('../fonts/play/Play-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/play/Play-Regular-webfont.woff') format('woff'),
         url('../fonts/play/Play-Regular-webfont.ttf') format('truetype'),
         url('../fonts/play/Play-Regular-webfont.svg#PlayRegular') format('svg');
	src: local('☺'), url('../fonts/play/Play-Regular-webfont.woff') format('woff'),url('../fonts/play/Play-Regular-webfont.ttf') format('truetype'),url('../fonts/play/Play-Regular-webfont.svg#PlayRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlayBold';
    src: url('../fonts/play/Play-Bold-webfont.eot');
    src: url('../fonts/play/Play-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/play/Play-Bold-webfont.woff') format('woff'),
         url('../fonts/play/Play-Bold-webfont.ttf') format('truetype'),
         url('../fonts/play/Play-Bold-webfont.svg#PlayRegular') format('svg');
	src: local('☺'), url('../fonts/play/Play-Bold-webfont.woff') format('woff'),url('../fonts/play/Play-Bold-webfont.ttf') format('truetype'),url('../fonts/play/Play-Bold-webfont.svg#PlayBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'EBGaramondRegular';
    src: url('EBGaramond-webfont.eot');
    src: url('EBGaramond-webfont.eot?#iefix') format('embedded-opentype'),
         url('EBGaramond-webfont.woff') format('woff'),
         url('EBGaramond-webfont.ttf') format('truetype'),
         url('EBGaramond-webfont.svg#EBGaramondRegular') format('svg');
	src: local('☺'), url('../fonts/garamond/EBGaramond-webfont.woff') format('woff'),url('../fonts/garamond/EBGaramond-webfont.ttf') format('truetype'),url('../fonts/garamond/EBGaramond-webfont.svg#EBGaramondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EBGaramondSC';
    src: url('../fonts/garamond/EBGaramondSC-webfont.eot');
    src: url('../fonts/garamond/EBGaramondSC-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/garamond/EBGaramondSC-webfont.woff') format('woff'),
         url('../fonts/garamond/EBGaramondSC-webfont.ttf') format('truetype'),
         url('../fonts/garamond/EBGaramondSC-webfont.svg#EBGaramondSC') format('svg');
	src: local('☺'), url('../fonts/garamond/EBGaramondSC-webfont.woff') format('woff'),url('../fonts/garamond/EBGaramondSC-webfont.ttf') format('truetype'),url('../fonts/garamond/EBGaramondSC-webfont.svg#EBGaramondSC') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'KontrapunktBold';
    src: url('../fonts/kontrapunkt/Kontrapunkt-Bold-webfont.eot');
    src: url('../fonts/kontrapunkt/Kontrapunkt-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kontrapunkt/Kontrapunkt-Bold-webfont.woff') format('woff'),
         url('../fonts/kontrapunkt/Kontrapunkt-Bold-webfont.ttf') format('truetype'),
         url('../fonts/kontrapunkt/Kontrapunkt-Bold-webfont.svg#KontrapunktBold') format('svg');
	src: local('☺'), url('../fonts/kontrapunkt/Kontrapunkt-Bold-webfont.woff') format('woff'),url('../fonts/kontrapunkt/Kontrapunkt-Bold-webfont.ttf') format('truetype'),url('../fonts/kontrapunkt/Kontrapunkt-Bold-webfont.svg#KontrapunktBold') format('svg');

    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KontrapunktLightItalic';
    src: url('../fonts/kontrapunkt/Kontrapunkt-LightItalic-webfont.eot');
    src: url('../fonts/kontrapunkt/Kontrapunkt-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kontrapunkt/Kontrapunkt-LightItalic-webfont.woff') format('woff'),
         url('../fonts/kontrapunkt/Kontrapunkt-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/kontrapunkt/Kontrapunkt-LightItalic-webfont.svg#KontrapunktLightItalic') format('svg');
	src: local('☺'), url('../fonts/kontrapunkt/Kontrapunkt-LightItalic-webfont.woff') format('woff'),url('../fonts/kontrapunkt/Kontrapunkt-LightItalic-webfont.ttf') format('truetype'),url('../fonts/kontrapunkt/Kontrapunkt-LightItalic-webfont.svg#KontrapunktLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KontrapunktLight';
    src: url('../fonts/kontrapunkt/Kontrapunkt-Light-webfont.eot');
    src: url('../fonts/kontrapunkt/Kontrapunkt-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kontrapunkt/Kontrapunkt-Light-webfont.woff') format('woff'),
         url('../fonts/kontrapunkt/Kontrapunkt-Light-webfont.ttf') format('truetype'),
         url('../fonts/kontrapunkt/Kontrapunkt-Light-webfont.svg#KontrapunktLight') format('svg');
	src: local('☺'), url('../fonts/kontrapunkt/Kontrapunkt-Light-webfont.woff') format('woff'),url('../fonts/kontrapunkt/Kontrapunkt-Light-webfont.ttf') format('truetype'),url('../fonts/kontrapunkt/Kontrapunkt-Light-webfont.svg#KontrapunktLight') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*menues declarations*/


.textMenueHead {
	font-family: 'PlayBold', Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-indent: 4px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}

.textMenueRegular{
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	padding: 4px;
	margin: 0px;
	text-align: left;
}
.textMenueRegular:hover{
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #0066CC;
	text-decoration: none;
	white-space: normal;
	padding: 4px;
	margin: 0px;
	text-align: left;
}

.textMenueBlogBold{
	font-family: 'PlayBold', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: left;
}
.textMenueBlogBold:hover{
	font-family: 'PlayBold', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #0066CC;
	text-decoration: none;
	white-space: normal;
	padding: 0px;
	margin: 0px;
	text-align: left;
	padding-bottom: 2px;
	svertical-align: middle;
}
.textMenueListe{
	font-family:'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	margin: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 26px;
	vertical-align: top;
}
.textMenueListe:hover{
	font-family:'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #0066CC;
	text-decoration: none;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}
.textMenueList {
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/ov+.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}
.textMenueListOlga {
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/olga+.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}
.textMenueListAnton {
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/anton+.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}
.textMenueList2 {
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/ov_tower.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}
.textMenueList2olga {
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/olga_tower.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}
.textMenueList2anton {
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/anton_tower.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}
.textMenueList3 {
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/ov_home.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}
.textMenueList3olga {
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/olga_home.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}
.textMenueList3anton {
	font-family: 'PlayRegular', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/anton_home.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}
.textMenueList4 {
	font-family: 'PlayBold', Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/ov_mail.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 17px;
	position: relative;
	top: -65px;
}
.textMenueList4:hover {
	font-family: 'PlayBold', Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0066CC;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/ov_mailHover.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 17px;
	position: relative;
	top: -65px;
}
.textMenueList5 {
	font-family: 'PlayBold', Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #666666;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/ov_mail.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 17px;
	position: relative;
	top: -72px;
}
.textMenueList5:hover {
	font-family: 'PlayBold', Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0066CC;
	text-decoration:none;
	text-align: left;
	background-image: url(../images/ov_mailHover.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 17px;
	position: relative;
	top: -72px;
}

/*text declarations*/
h1{
	font-family: 'JuraDemiBold', Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	vertical-align: baseline;
	line-height: 150%;
	border-width: 0px;
	border-style: none;
	text-align: left;
	text-transform: capitalize;
}


h2{
	font-family: 'JuraDemiBold', Verdana, sans-serif;
	font-size: 22px;
	color: #666666;
	padding: 0px;
	margin: 0px 0px 12px 0px;
	vertical-align: baseline;
	border-width: 0px;
	border-style: none;
	text-align: left;
	font-weight: normal;
}

h3 {
	font-family: 'JuraDemiBold', Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	vertical-align: baseline;
	line-height: 150%;
	border-width: 0px;
	border-style: none;
	text-align: left;
}
h4 {
	font-family: 'JuraDemiBold', Verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 10px;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}


.textRegular{
	font-family: 'KontrapunktLight', Times;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: left;
}

.textRegularOrange {
	font-family: 'KontrapunktBold', Times;
	font-size: 12px;
	font-weight: normal;
	color: #FF732F;
	text-decoration:none;
	padding: 4px;
	margin: 0px;
	vertical-align: middle;
	text-align: left;
}

.textNavigation {
	font-family: 'KontrapunktBold', Times;
	font-size: 12px;
	font-weight: normal;
	color: #FF732F;
	text-decoration:none;
	padding: 4px;
	margin: 0px;
	vertical-align: middle;
	text-align: left;
}

.tutsNavigation {
	text-align: center;
	font-family: 'KontrapunktBold', Times;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration:none;
}
.tutsNavigation:hover {
	text-align: center;
	font-family: 'KontrapunktBold', Times;
	font-size: 12px;
	font-weight: normal;
	color: #F60;
	text-decoration:none;
}
.tutsNavigationVisited {
	text-align: center;
	font-family: 'KontrapunktBold', Times;
	font-size: 12px;
	font-weight: normal;
	color: #F60;
}

.textTiny {
	font-family: 'KontrapunktLightItalic', Times;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
	margin: 0px;
	vertical-align: middle;
	text-align: left;
	padding: 4px;
	text-indent: 4px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-top-color: #669999;
	border-right-color: #669999;
	border-bottom-color: #669999;
	border-left-color: #669999;
}

.textTiny2 {
	font-family: 'KontrapunktLight', Times;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration:none;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	padding: 4px;
	text-indent: 4px;
}



#pds li    {
	line-height: 16px;
	list-style-position: outside;
}

.tutsNavigation {
	text-align: center;
	font-family: 'KontrapunktBold', Times;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration:none;
}
.tutsNavigation:hover {
	text-align: center;
	font-family: 'KontrapunktBold', Times;
	font-size: 12px;
	font-weight: normal;
	color: #F60;
	text-decoration:none;
}
.tutsNavigationVisited {
	text-align: center;
	font-family: 'KontrapunktBold', Times;
	font-size: 12px;
	font-weight: normal;
	color: #F60;
}
.mumbojumbo {
	position: relative;
	font-family: 'KontrapunktLightItalic', Times;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-color: #CCCCCC;
	padding: 4px;
	margin-top: 10px;
	z-index:50;
}