/* Basic CSS
Based on:
Manuela Hoffmann "Modernes Webdesign"
*/

/* Color Schema
--------------------------------------------------------------------------------------- */

/*
color shade (element): #xxxxxx
color shade (element): #xxxxxx
color shade (element): #xxxxxx
color shade (element): #xxxxxx
color shade (element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
border: 0;
}

/* Globals and Typo
--------------------------------------------------------------------------------------- */

html {
background: #fff;
font-size: 75%;
}

body {
background: #fff;
font-size: 12px;
}

html>body {
font-size: 12px;
}

a:link {
color: #0066CC;
text-decoration: none;
}

a:visited {
color: #0066CC;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* Makes doted line around clicked links invisible
--------------------------------------------------------------------------------------- */

a:focus {
outline: none;
}

/* Vertical rhythm based on 12px basic font size for text flow
--------------------------------------------------------------------------------------- */

p {
font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
margin-top: 0em;
margin-bottom: 0.9em;
}

h1 {
font: 1.67em/0.9em Arial, Tahoma, Verdana, sans-serif;
margin-top: 0.9em;
margin-bottom: 0.9em;
}

h2 {
font: 1.5em/1em Arial, Tahoma, Verdana, sans-serif;
margin-top: 1em;
margin-bottom: 1em;
}

h3 {
font: 1.33em/1.13em Arial, Tahoma, Verdana, sans-serif;
margin-top: 1.13em;
margin-bottom: 1.13em;
}

h4 {
font: 1.17em/1.29em Arial, Tahoma, Verdana, sans-serif;
margin-top: 1.29em;
margin-bottom: 1.29em;
}

ul {
font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
margin-top: 0em;
margin-bottom: 0.9em;
}

li {
margin: 0.9em 1.8em;
list-style-type: square;
}

#header2 h1 {
font: 2.0em/0.9em Arial, Tahoma, Verdana, sans-serif;
}

#headernavi p, #headerlang p {
margin-top: 0em;
margin-bottom: 0.9em;
}

#mainnavi p {
font-weight: bold;
margin-top: 0em;
margin-bottom: 0.3em;
}

#mainnavi ul {
font-weight: bold;
margin-top: 0em;
margin-bottom: 0.3em;
}

#mainnavi li {
font-weight: bold;
margin-top: 0em;
margin-bottom: 0.3em;
list-style-type: none;
}

#sidebar p {
margin-top: 0em;
margin-bottom: 0em;
}

#sidebar h2 {
font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
font-weight: bold;
margin-top: 0.9em;
margin-bottom: 0em;
}

#maincontent h1:first-child, #sidebar h1:first-child {
margin-top: 0em;
}




/* Images and linked images without frame
--------------------------------------------------------------------------------------- */

img, a img {
border: 0;
}

/* Left and right alignment for elements
--------------------------------------------------------------------------------------- */

.left {
float: left;
margin: 0 0.5em 0.5em 0;
}

.right {
float: right;
margin: 0 0 0.5em 0.5em;
}

/* Layout elements
Use overflow: hidden; to resolve unnecessary floats
--------------------------------------------------------------------------------------- */

#wrapper {
margin: 0 auto;
width: 933px;
max-width: 100%;
}

#header1 {
width: 933px;
height: 111px;
}

#header2 {
width: 933px;
}

#header3 {
width: 933px;
}

#headernavi {
float: left;
width: 663px;
}

#headerlang {
float: right;
width: 250px;
text-align: right;
}

#main1 {
width: 933px;
clear: both;
}

#mainnavi {
float: left;
width: 130px;
}

#main2 {
float: right;
width: 783px;
}

#maincontent {
float: left;
width: 513px;
}

#sidebar {
float: right;
width: 250px;
}

#footer {
width: 933px;
clear: both;
}