@charset "UTF-8";
@media screen and (max-width: 640px) {


html, body, div {margin: 0px; padding: 0px;}

body {background-color: #f6f6f6;  font: message-box; font-size: small; }/*Changed*/
a:link, a:visited {color:#818284; text-decoration: none;}
a:hover, a:active {color: #dbc109; }


#wrapper {background-color: #f6f6f6; width: 100%; height: 100%; } /*Changed*/
.spalt {display: table-row; width: 95%; padding: 1%; font-size: small;}/*welcome page - information*//*Changed*/

#logo {margin-top: -2%; } /*Changed*/
#logo img {width: 100%; padding-bottom: 2%; padding-right: 2%; }/*Changed*/



/*Language navigation:
#language {float: right; font-size: x-small; padding: 3%; }*/

/*sMedia*/
.sMedia {width: 15%; display: inline-block; margin-left: 1%;} /*Changed*/


Navigation:
#nav ul {padding: 0; display: none; } /*Changed*/
#nav li {list-style: none;  } /*Changed*/
#nav img {width:12%; display: inline; }/*Changed*/



/*Main content*/
#main {width: 94%; margin-top: 1%; margin-bottom: 4%; margin-left: 6%; } /*Changed*/


#welcome {width: 70%; } /*Changed*/
.background {width: 40%; float: right; margin-bottom: -23%; }


/*Portfolio Photography slideshow*/
.restoPic {width: 90%; display: inline-block; margin-left: 17%;} /*new*/
#theShowImg img { padding: 1%; margin: 2%; }
#show {width: 100%; text-align: center; background-color: #f6f6f6; }
#show img {width: 95%;} /*Changed*/
#wrapPanel {width: 100%; background-color: #f6f6f6; padding: 5%; margin: 5%;}
#wrapPanel img {width: 15%;} /*Changed*/
.pilLeft {width: 10%; padding: 2%; margin-top: -4%;}
.pilRight {width: 10%; padding: 2%; margin-top: -4%;}
.pil:active, .pil:hover {opacity: 0.6;}
.theImg {width: 0%;}

#news {font: message-box; font-size: small; }
#news a:link, a:visited {color:#818284; text-decoration: none; font-size: medium; }
#news a:hover, a:active {color: #dbc109; }
.smallBox {width: 100%; } /*Changed*/

/*Footer:*/
#footer {clear: both; background-color: #818284; font-size: small; color: #f6f6f6; font: message-box; text-align: left; padding-top: 2%; padding-bottom: 1%; padding-right: 5%; }
#footer a:link, #footer a:visited {color: #ffffff; text-decoration: none; }
#footer a:hover, a:active {color: #dbc109; }
.spaltFoot {display: inline-block; width: 45%; }
.beetFooter {width: 70%; padding: 2%; padding-right: 7%; float: right;}


    
}