@charset "UTF-8";

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

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

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


#logo img {width: 100%;  padding-bottom: 1%;  }


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

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


Navigation:
#nav {padding: 0; position: absolute; height; 10%; }
#nav li {list-style: none; display: inline; margin-left: 1%; font-family: monospace; }
#nav img {width:6%; display: inline; }
.navButton:hover, .navbutton:active {opacity: 0.5; cursor: pointer; } 
.thisPage {opacity: 0.5; cursor: pointer; background-color: #818284;} 

/*Main content*/
#main {width: 60%; margin-top: 1%; margin-bottom: 4%; margin-left: 25%; margin-right: 10%; }
#main h3 {color: #818284; font-family: monospace; }
.textBild {width: 100%; }


#welcome
.background {width: 40%; float: right; margin-right: -25%; }

#menu
.menuButton:hover, .menuButton:active {opacity: 0.5; cursor: pointer; }

/*Portfolio Photography slideshow*/
#theShowImg img {width:100%; padding: 1%; }
#show {width: 70%; margin-left: -15%; margin-right: 10%; text-align: center; background-color: #f6f6f6; }
#wrapPanel {width: 100%; background-color: #f6f6f6; padding: 5%; margin-left: 20%;}
.pilLeft {width: 10%; padding-right: 7%; padding-left: 5%; padding-top: 5%; padding-bottom: 5%; margin-top: -4%;  }
.pilRight {width: 10%; padding: 5%; padding-left: 7%; margin-top: -4%;}
.pil:active, .pil:hover {opacity: 0.6;}
.theImg {width: 0%;}

#news {font: message-box; font-size: small; width: 80%; }
#news a:link, a:visited {color:#818284; text-decoration: none; font-size: medium; }
#news a:hover, a:active {color: #dbc109; }
.smallBox {width: 40%; padding: 1%; position: relative; float: right; }
p.clear {clear: both; }


/*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;}








/*Contact page
#cart {width: 60%; padding: 3%; margin-right: 4%; margin-top: -21%; float: right; font-size: medium;}
#cart h3 {color: #4d7c8e; font-size: medium;}
.sMedia {width: 6%; display: inline-block; opacity: 0.4;}
.sMedia:hover, .sMedia:active, .sMedia:link {opacity: 1;}

background-image: url(pics/background.png);*/