/* Defaultstyle der Webseite, wenn die Sachen nicht interpretiert werden koennen */
html, body, #page-wrapper {
 margin:0;
}

/* BACKGROUND */
body {
 background-image:url('../pics/bg.png');
}

#background {
 background-image:url('../pics/background.png');
 background-repeat:no-repeat;
}

/* WIDTH, HEIGHT */
#page-wrapper, #background {
 width:100%;
}

.logo {
 width:45px;
}

.prof {
 width:35px;
}

.navtab {
 width:100%;
 padding:3;
 border-spacing:0;
}

.foottab {
 width:100%;
 padding:0;
 border-spacing:2;
}

td.navtab {
 width:33%;
}

#background, #main {
 height:auto;
}

header, footer, #sidebar {
 height:20px;
}

img {
 max-width:100%;
 height:auto;
}

/* BOXES */
header, footer {
 width:99%;
 position:relative;
 top:0;
 left:0;
 float:right;
 padding:0.5%
}

#prof {
 position:absolute;
 left:70px;
}

#header-image {
 position:absolute;
}

#background {
 position:relative;
 clear:right;
 top:0;
 left:0;
}

#main {
 width:95%;
 position:relative;
 clear:right;
 top:0;
 left:0;
 float:right;
 /* top right bottom left */
 padding:10px 1% 10px 4%;
 overflow:auto;
}

#navigation {
 width:99%;
 position:relative;
 clear:right;
 top:0;
 left:0;
 float:right;
 /* top right bottom left */
  padding:10px 0.5% 10px 0.5%;
}

#sidebar {
 width:99%;
 position:relative;
 clear:right;
 top:0;
 left:0;
 float:right;
 /* top right bottom left */
 padding:10px 0.5% 5px 0.5%;
}

#top_nav {
 position:relative;
}

#vcard {
	width:600px;
	margin-top:3%;
}

footer {
 clear:right;
}