body { color: #5c2c0b; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #8f7a48; background-image: url(../gfx/layOutGfx/Patroontegel.gif); background-repeat: repeat;}
p {  }
td {}
img { margin: 0; padding: 0; display: block; }
h1 { font-size: 1.0em; font-weight: bold; margin: 25px 0 5px 0; }
h2 { font-size: 0.8em; font-weight: bold; margin: 0.37em 0; }
#maincontainer { position: relative; width: 900px; height: 600px; margin: 50px auto 20px; }
#header { position: absolute; width: 100%; height: 155px; margin: 0; padding: 0; }
#header2 { background-color: #676910; background-image: url(../gfx/layOutGfx/myOddSocksCom.gif); background-repeat: no-repeat; background-position: 18px 7px; margin: 0; padding: 0; position: absolute; top: 155px; left: 0; width: 100%; height: 50px; }
#header2 a { background-image: url(../gfx/layOutGfx/homeOff.gif); background-repeat: no-repeat; background-position: 757px 3px; width: 900px; height: 50px; display: block; }
#header2 a:visited { background-image: url(../gfx/layOutGfx/homeOff.gif); background-repeat: no-repeat; background-position: 757px 3px; display: block; width: 900px; height: 50px; }
#header2 a:hover { background-image: url(../gfx/layOutGfx/homeOver.gif); background-repeat: no-repeat; background-position: 757px 3px; display: block; width: 900px; height: 50px; }
#header2 a.active { background-image: url(../gfx/layOutGfx/homeOver.gif); background-repeat: no-repeat; background-position: 757px 3px; display: block; width: 900px; height: 50px; }
#footer { background-color: #5c2c0b; position: absolute; top: 570px; left: 0; width: 100%; height: 25px; border-top: 5px solid white; }
#footerNews  /* position is 5px less in */ { background-color: #5c2c0b; position: absolute; top: 890px; left: 0; width: 100%; height: 25px; border-top: 5px solid white; }
#footer p { font-size: 0.8em; text-align: right; margin: 5px 0 0; padding-right: 10px; }
#footerNews p { font-size: 0.8em; text-align: right; margin: 5px 0 0; padding-right: 10px; }
#footerEmployees { background-color: #5c2c0b; position: absolute; top: 566px; left: 0; width: 100%; height: 25px; border-top: 5px solid white; }
#footerEmployees p { font-size: 0.8em; text-align: right; margin: 5px 0 0; padding-right: 10px; }
/*Homepage layout styles*/
.homeImgBlock1{ background-color: #e7d19a; position: absolute; top: 240px; left: 0; width: 298px; height: 330px; border-right: 2px solid white; }
.homeImgBlock2{ background-color: #e7c09a; position: absolute; top: 240px; left: 300px; width: 298px; height: 330px; border-right: 2px solid white; }
.homeImgBlock3{ background-color: #e7d19a; position: absolute; top: 240px; left: 600px; width: 300px; height: 330px; }
/*Newspage styles
*/
.newsLinks { font-size: 14px; background-color: white; position: absolute; top: 240px; left: 0; width: 452px; height: 650px; }
.newsContent {  background-color: #e7d19a; position: absolute; top: 240px; left: 450px; width: 450px; height: 650px; margin: 0; padding: 0; }
.newsLinks ul { margin: 0; padding: 0; }
.newsLinks ul li { background-color: #b5d91d; width: 448px; height: 25px; border-top: 5px solid white; list-style-type: none; display: block; }
.newsLinks ul li.firstRow { background-color: #b5d91d; list-style-type: none; display: block; width: 448px; height: 25px; border-width: 0; }
.newsLinks ul li:first-child { border-width: 0; }
.newsLinks ul li a { color: #676910; line-height: 24px; background-image: url(../gfx/layOutGfx/starOff.gif); background-repeat: no-repeat; background-position: 7px 0; text-decoration: none; height: 25px; padding-left: 34px; display: block; }
.newsLinks ul li a:hover { color: #fff; background-color: #676910; background-image: url(../gfx/layOutGfx/starOver.gif); background-repeat: no-repeat; background-position: 7px 0; text-decoration: none; }
.newsLinks ul li a.active { color: #fff; background-color: #676910; background-image: url(../gfx/layOutGfx/starOver.gif); background-repeat: no-repeat; background-position: 7px 0; text-decoration: none; }
/*Productpage styles*/
.productThumbs { background-color:#e7d19a; position: absolute; top: 240px; left: 0; width: 469px; height: 330px; overflow: auto; }
.productThumbs img { float: left; margin: 0; padding: 0; border-right: 2px solid white; border-bottom: 2px solid white; }
.productPhoto { position: absolute; top: 240px; left: 469px; width: 431px; height: 330px; margin: 0; padding: 0; }
/*RetailPoints styles*/
.retailPointsLinks { background-color: #e7d19a; position: absolute; top: 240px; left: 0; width: 448px; height: 330px; overflow: auto; margin: 0; padding: 0; }
.retailPointsContent { position: absolute; top: 240px; left: 448px; width: 450px; height: 330px; margin: 0; padding: 0; border-left: 2px solid white; }
/*Employees styles*/
.employeesThumbs { position: absolute; top: 240px; left: 0; width: 450px; height: 328px; margin: 0; padding: 0; }
.employeesThumbs img { float: left; margin: 0; padding: 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
.employeesContent { background-color: #e7d19a; position: absolute; top: 240px; left: 450px; width: 450px; height: 326px; }
/*Profile styles*/
.profileContent { background-color: #e7d19a; margin: 0; padding: 0; position: absolute; top: 240px; left: 0; width: 448px; height: 330px; overflow: auto; }
.profileImage { margin: 0; padding: 0; position: absolute; top: 240px; left: 448px; width: 450px; height: 330px; border-left: 2px solid white; }
/*contact styles*/
.contactContent { background-color: #e7d19a; background-repeat: repeat-y; position: absolute; top: 240px; left: 0; width: 448px; height: 330px; border-right: 2px solid #fff; }
.contactImage { background-color: #e7d19a; position: absolute; top: 240px; left: 450px; width: 450px; height: 330px; }
.contactContent p { text-align: right; margin: 0 0 8px; padding: 0; }
.inputfield { width: 280px; margin-left: 5px; }
textarea { vertical-align: top; width: 280px; margin-left: 5px; }
/*Navigations styles*/
#navcontainer { background-color: #f497b8; position: absolute; top: 205px; left: 0; width: 100%; height: 25px; border-top: 5px solid #fff; border-bottom: 5px solid white; }
#navcontainer ul{  padding: 0; margin: 0; font-size: 14px;}
#navcontainer ul li { width: 126px; height: 25px; float: left; margin: 0; padding: 0; border-left: 2px solid white; display: block; }
#navcontainer ul li.firstChild { display: block; margin: 0; padding: 0; width: 126px; height: 25px; float: left; border-width: 0; }
#navcontainer ul li.lastChild { display: block; margin: 0; padding: 0; width: 132px; height: 25px; float: left; border-left: 2px solid white; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; }
#navcontainer ul li a { color: #e41b5b; line-height: 24px; text-decoration: none; position: relative; height: 25px; padding-left: 8px; display: block; }
#navcontainer ul li a:hover {color: white; background-color: #e41b5b;}
#navcontainer ul li a.active { color: white; background-color: #e41b5b; }
/*Default content styles*/
.content { font-size: 0.8em; line-height: 1.2em; margin-right: 17px; margin-bottom: 17px; margin-left: 17px; }
a:link { color: #50260a; text-decoration: none; font-weight: normal;}
a:visited { color: #50260a; text-decoration: none; font-weight: normal;}
a:hover { color: #a76e47; text-decoration: underline; font-weight: normal;}
a.blueLink:link { color: #83cbdf; text-decoration: none; }
a.blueLink:visited { color: #83cbdf; text-decoration: none; }
a.blueLink:hover { color: white; text-decoration: none; }