body {
    color: black;
    font-family: Arial;
    background-color: #4B4B4D;
}

#mainframe {
    margin: 0px auto;
    padding: 0px;
    background-image: url('gfx/backgroundframe.png');
    height: 560px;
    width: 830px;
}

#picturebackground {
    float: left;
    margin: 10px 0px 0px 10px;
    padding: 0px;
    height: 531px;
    width: 800px;
}

#label {
    width: 155px;
    height: 35px;
    margin: 3px 0px 0px 0px;
    padding: 0px;
    float: left;
    background-image: url('gfx/piotrknapbackground.png');
    background-repeat: no-repeat;
}

#content {
    width: 800px;
    height: 430px;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0px;
}

#menubottom {
    width: 335px;
    height: 42px;
    margin: 0px 0px 0px 470px;
    padding: 0px;
    float: left;
    background-image: url('gfx/menuback.png');
}

#container {
    width: 200px;
    height: 300px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
}

a.omnie {
    display: block;
    width: 83px;
    height: 22px;
    margin: 16px 0px 0px 0px;
    padding: 0px;
    float: left;
    background-image: url('gfx/omnie.png');
}

a.omnie:hover {
    background-image: url('gfx/omnieover.png');
}

a.portfolio {
    display: block;
    width: 99px;
    height: 28px;
    margin: 9px 0px 0px 0px;
    padding: 0px;
    float: left;
    background-image: url('gfx/portfolio.png');
}

a.portfolio:hover {
    background-image: url('gfx/portfolioover.png');
}

a.kontakt {
    display: block;
    width: 90px;
    height: 22px;
    margin: 6px 0px 0px 0px;
    padding: 0px;
    float: left;
    background-image: url('gfx/kontakt.png');
}

a.kontakt:hover {
    background-image: url('gfx/kontaktover.png');
}

a.blog {
    display: block;
    width: 52px;
    height: 27px;
    margin: 3px 0px 0px 0px;
    padding: 0px;
    float: left;
    background-image: url('gfx/blog.png');
}

a.blog:hover {
    background-image: url('gfx/blogover.png');
}

#omnietext {
    text-align: justify;
    width: 720px;
    height: 363px;
    margin: 20px 40px;
    padding: 25px 0px 0px 0px;
    clear: both;
    font-family: Trebuchet MS, Arial, sans-serif;
    color: #FCFCFF;
    font-size: 14px;
}

#kontakttext {
    width: 720px;
    height: 363px;
    margin: 20px 40px;
    padding: 25px 0px 0px 0px;
    clear: both;
    font-family: Trebuchet MS, Arial, sans-serif;
    color: #FCFCFF;
    font-size: 14px;
}

#portfolioframe {
    width: 560px;
    height: 380px;
    margin: 2px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    float: left;
    background-image: url('gfx/whiteframe.png');
}

#portfoliostartimage {
    width: 540px;
    height: 359px;
    margin: 5px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#portfoliogallery {
	float:left;
    overflow-y:auto;
    width: 549px;
    height: 369px;
    margin: 2px 0px 0px 11px;
    padding: 0px 0px 0px 0px;
    background-image:url('gfx/gallerybackground.png');
}

#portfoliomenu {
    float: left;
    width: 200px;
    height: 300px;
    margin: 15px 0px 0px 20px;
}

input.formbutton {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    width: 150px;
    height: 22px;
    background-color: white;
    border: 1px solid #4b4b4d;
}

a.portfoliolinkprimary {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    font-family: Trebuchet MS, Arial, sans-serif;
    text-decoration: none;
    color: #FCFCFF;
}

p.header {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    font-family: Trebuchet MS, Arial, sans-serif;
    text-decoration: none;
    color: #FCFCFF;
}

a.portfoliolinkprimary:hover {
    text-decoration: underline;
}

a.portfoliolinksecondary {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    font-size: 15px;
    font-family: Trebuchet MS, Arial, sans-serif;
    text-decoration: none;
    color: #FCFCFF;
}

a.portfoliolinksecondary:hover {
    text-decoration: underline;
}

div.gallerybox {
	margin:10px 0px 0px 10px;
	padding:0px;
    height: 160px;
    width: 160px;
    float: left;
    text-align: center;
}

input.formtextbox {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    width: 300px;
    height: 20px;
    background-color: white;
    border: 1px solid #4b4b4d;
}

textarea {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    width: 500px;
    height: 160px;
    background-color: white;
    border: 1px solid #4b4b4d;
}

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

#blogmain {
    margin: 0px auto;
    padding: 0px;
    width: 830px;
}

#blogtop {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    background-image: url('gfx/blogframe.png');
    width: 830px;
    height: 590px;
    float: left;
}

#blogimage {
    margin: 10px 0px 0px 10px;
    padding: 0px;
    
    width: 800px;
    height: 533px;
    float: left;
}

#blogtext {
    float: left;
    width: 820px;
    background-color: #6D6E72;
	font-size:16px;
	font-family: Trebuchet MS, Arial, sans-serif;
	color:white;
}

#blogmenu {
    margin: 3px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 800px;
    height: 36px;
}

a.return{
	font-weight:bold;
	color:white;
	text-decoration:underline;
	font-size:16px;
	font-family: Trebuchet MS, Arial, sans-serif;
}

a.return:hover{
	text-decoration:none;
}

div.postbox{
	color:white;
	text-align:justify;;
	font-size:16px;
	font-family: Trebuchet MS, Arial, sans-serif;
	width:780px;
	margin:5px 10px 10px 10px;
	float:left;
	background-color:#4B4B4D;
	padding:0px 10px 0px 10px;
}

div.postfooter{
	font-size:12px;
	font-family: Trebuchet MS, Arial, sans-serif;
	float:left;
	width:780px;
	margin:0px 0px 0px 0px;
	padding:0px;
	display:block;
	border-top:1px solid white;
}

h1.postheader{
	font-size:20px;
	font-weight:bold;
	font-family: Trebuchet MS, Arial, sans-serif;
	float:left;
	width:780px;
	margin:0px 0px 0px 0px;
	padding:0px;
	display:block;
	border-bottom:1px solid white;
}

p.author{
	margin:3px;
	padding:0px;
	float:left;
}

p.date{
	margin:3px;
	padding:0px;
	float:right;
}

a.postlink{
	font-size: 20px;
    font-family: Trebuchet MS, Arial, sans-serif;
	color:#FCFCFF;
	text-decoration:none;
	font-weight:bold;
	margin:3px;
}

a.postlink:hover{
	text-decoration:none;
	color:#6D6E72;
}


a.bloglink {
    float: left;
    display: block;
    padding: 0px;
    margin: 1px 10px;
    font-size: 20px;
    font-family: Trebuchet MS, Arial, sans-serif;
    text-decoration: none;
    color: #4b4b4d;
}

a.bloglink:hover {
    text-decoration: underline;
}

form.search {
    margin: 0px;
    float: right;
}

input.search {
    float: left;
    margin: 3px;
    padding: 0px;
    width: 100px;
    height: 20px;
    background-color: white;
    border: 1px solid #4b4b4d;
}

div.commentbox{
	padding:0px 5px 5px 5px;
	margin:20px;
	background-color:#4B4B4D;
}