/* Clearfix
============================== */

.clearfix:after {  /* für Firefox, IE8, Opera, Safari, etc. */
    content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* + html .clearfix { /* für IE7 */
    display: inline-block;
}
* html .clearfix { /* für IE6 */
	height: 1%;
}


/* Normalize
============================== */

p, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

/* Outer elements
============================== */

body {
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.wrapper {
    width:1024px;
    margin: 0 auto;
}
.header {
    margin: 0 auto;
    padding: 0;
}
.footer {
    margin: 0 auto;
    padding: 0;
}
.top {
    margin: 0 auto;
    padding: 0;
}
.content {
    margin: 0 auto;
    padding: 0;
}
.bottom {
    margin: 0 auto;
    padding: 0;
}
.main {
    margin: 0 auto;
    padding: 0;
}
.sidebar {
    margin: 0 auto;
    padding: 0;
}
.container {
    margin: 0 auto;
    padding: 0;
}

/* Inner elements
============================== */

.section {
	margin:0;
	padding:0;
}
.logo {
	margin:0;
	padding:0;
}
.toolbar {
	margin:0;
	padding:0;
}
.menubar {
	margin:0;
	padding:0;
}
.navigation {
	margin:0;
	padding:0;	
}
.slider {
	margin:0;
	padding:0;	
}
.gallery {
	margin:0;
	padding:0;
}


/* Grid units
============================== */

.left {float:left}
.right {float:right}
.mid {margin-left: auto; margin-right: auto; padding-top:5px;padding-bottom:5px}
.w10 { width:10%}
.w20 { width:20%}
.w25 { width:25%}
.w30 { width:30%}
.w33 { width:33.362%}
.w40 { width:40%}
.w45 { width:45%}
.w50 { width:50%}
.w60 { width:60%}
.w66 { width:66.666%}
.w70 { width:70%}
.w75 { width:75%}
.w80 { width:80%}
.w90 { width:90%}
.w100 { width:100%}