/* 
// *******************************************************************
//
//  peterdonders.com 
//
//  stylesheet
//
//  version 1.5
//
//  28/03/2010 22.37 Hrs
//
//  copyright © 2006-2010 holtof.com 
//
/// *******************************************************************
*/

body
{ 
background-color: #FFFFFF;
color: #000;
font-family: 'Abel', sans-serif;
font-size:100%;
font-style: normal;
width:90%;
left: auto;
margin:auto;
}

#splash {width: 35%;}

/* #pd_wrapper {padding:10px;margin-top:0;background-color:#FFFFFF;min-height:550px;} */

#menu ul {display:inline;}
#menu li {display:inline;list-style:none;font-family: 'Abel', sans-serif;font-size:150%;color:#000;}


.pf_img {
border:2px solid #000;
width:23%;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
}

.pf_main_img {
/* border:2px solid #000; */
width:15%;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
}

#logo_pic {
border:none;
width:100px;
height:100px;
margin-right:10%;
}

#logo_pic2 {
display:none;
}

#about_pic {
width:30%;
}

.sm_icon {
border:none;
width:50px;
height:50px;
margin:0 10px;}

.mail_icon {
border:none;
width:40px;
height:40px;
margin:0 10px;}

#menu {
text-decoration:none;
background-color:transparent;
width:90%;
text-align:center;
}

#menu a {text-decoration:none;
color:#000;
margin:1px 9px 0 0px;
padding:2px 10px;
}

#menu a:hover {
text-decoration:none;
margin:1px 9px 0 0px;
padding:2px 10px;
border-bottom: 1px solid #000;
color:#000;
}

#menu li#logo_link a:hover, #menu li#logo_link a:visited, #menu li#logo_link a:link {
text-decoration:none;
border-bottom: none;
margin:0;
padding:0;
}

#menu #current {
border-bottom:1px solid #000;
color:#000;
margin:1px 9px 0 0px;
padding:2px 10px;
}

#lang_select {
display:inline;
position: absolute;
top: 65px;
}

#lang {
text-decoration:none;
color:#000;
background-color:#FFF;
margin:1px 125px;
font-size:15px;
}

#lang a, #lang a:hover 
{border:none;margin:0px;padding:1px 4px;} 

#lang #current 
{margin:0px;padding:1px 2px;background-color:transparent;color:#000;font-size:15px;font-weight:bold;}

span.back_btn a, span.pdf_btn a {
text-decoration:none;
color:#000;
margin:1px 9px 0px 0px;
padding:5px 10px;
background-color:#FFF;
border:1px solid #999;
font-size: 100%;
line-height:150%;
}

span.back_btn a:hover, span.pdf_btn a:hover {
text-decoration:none;
margin:1px 9px 0px 0px;
padding:5px 10px;
border-bottom: 6px solid #F69023;
color:#FFFFFF;
background-color:#666;
border:1px solid #333;
}

h3 {font-size:250%;font-weight:bold;}
h4 {font-size:150%;font-weight:bold;}

form {
    display: block;
    margin-top: 0em;
}


.rndbrdr {border:1px solid #ccc;padding:10px;;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color:#FFF;}

div#outer {
width:742px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

a:link, a:active, a:visited { color: #000000; text-decoration: none }
a:hover      		{ color: #000000; text-decoration: underline }
a:link.no, a:active.no, a:visited.no { color: #104E8B; text-decoration: none }
a:hover.no		{ color: #104E8B; text-decoration: underline }
a:link.nop, a:active.nop, a:visited.nop	{ color: #104E8B; text-decoration: none }
a:hover.nop		{ color: #104E8B; text-decoration: underline }

p {line-height:17px;}

.descr {
font-size: 150%;
line-height: 150%;
text-align:left;
margin:1% 28%;
}

select{
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 100%;
color: #000;
}

input, button {
font-style: normal;
font-variant: normal;
font-weight: normal;
font-family: 'Abel', sans-serif;
font-size: 100%;
color: #000;
border:#42415f 1px solid;
}

textarea{
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 100%;
font-family: 'Abel', sans-serif;
color: #000;
border:#42415f 1px solid;
}


a:link.ttd, a:visited.ttd {
display: block;
color: #999999;
background-color: #E0E0E0;
background-image:url('../gfx/main_bg3.gif');
cursor: hand;
font-weight: bold;
line-height: 20px;
text-decoration: none;
width: 100%
}

a:hover.ttd{
display: block;
color: #000000;
background-color: #F69023;
cursor: hand;
font-weight: bold;
line-height: 20px;
text-decoration: none;
width: 100%
}

.head{
font-family: 'Abel', sans-serif;
font-size: 30px;
font-weight: bold;
color: #990000;
}

p#footer {
text-align:center;
}

ul, li {
margin-bottom:2px;
padding-bottom:2px;
line-height:13px;
list-style:none;}


#sbmn {font-family: 'Abel', sans-serif;font-size:12px;font-weight:normal;width:750px;}

#sbmn .current {min-width:150px;text-decoration:none;color:#333;background-color:#E0E0E0;margin:1px 5px 0 0px;padding:2px 10px;border:1px solid #999;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}

#sbmn a:link,#sbmn a:visited {min-width:140px;text-decoration:none;color:#333;background-color:#F5F5F5;margin:1px 5px 0 0px;padding:2px 10px;border:1px solid #BBB;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}

#sbmn a:hover {min-width:140px;text-decoration:none;color:#000;background-color:#F4F4F4;margin:1px 5px 0 0px;padding:2px 10px;border:1px solid #666;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}

p.sshow {
margin:30px 0px;
}

p.sshow a {
text-decoration:none;
color:#000;
margin:1px 9px 10px 0px;
padding:5px 10px;
background-color:#FFF;
border:1px solid #999;
}
.sshow a:hover {
text-decoration:none;
margin:1px 9px 10px 0px;
padding:5px 10px;
border-bottom: 6px solid #F69023;
color:#FFFFFF;
background-color:#666;
border:1px solid #333;
}

.sshow a:visited {
text-decoration:none;}

#toTop {width:100px;border:1px solid #ccc;background:#f7f7f7;text-align:center;padding:5px;position:fixed; /* this is the magic */
bottom:10px; /* together with this to put the div at the bottom*/
right:10%;cursor:pointer;display:none;color:#333;font-family:verdana;font-size:11px;}




.activeSlide {
	color:#ff0000;
}

ul.slideshow {
	list-style:none;
	width:100%;
	height:645px;
	overflow:hidden;
	position:relative;
	margin:0;
	/* margin-left:60px;*/
	padding:0;
	background-color:transparent;
	font-size:12px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;
	width:100%;
}

#slideshow-caption {
	width:605px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:1000;	
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

hr {border:none;border-top:1px #F69023 solid; height:0px;width:600px;}

.dimg {border:2px solid #F68E22;}



@media only screen and (max-width: 768px) {
    /* For mobile phones: */

body {
width:100%;}

#splash {width: 80%;}

.pf_img {
border:2px solid #000;
width:46%;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
}

.pf_main_img {
width:31%;
}

#logo_pic {
display:none;
border:none;
width:0px;
height:0px;
}

#logo_pic2 {
display:block;
border:none;
width:50px;
height:50px;
position:absolute;
top:4px;
left:5px;
}

#menu li {font-size:100%;width:25%;}

.descr {
font-size: 100%;
line-height: 150%;
text-align:left;
margin:1% 5%;
}

h3 {font-size:125%;font-weight:bold;}

#lang_select {
top: 5px;
right:5px;
margin-left:100px;
}

#lang {
margin:1px 0px 1px 0px;
}

#menu {margin:15% 0 0 0;}

#about_pic {
width:75%;
}

h3 {font-size:150%;font-weight:bold;}
h4 {font-size:120%;font-weight:bold;}

p#footer {
text-align:center;
font-size:75%;
}



}