/* alles nullen - wegen den tollen browsern */
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

header, footer, section, aside, nav, article { display: block;}

body {
background-color: #336699;
font-size: 0.95em;
font-family: 'Rotis SansSerif', Trebuchet MS, sans serif;
color:#ffffff;
}
pre, code {
font-size: 1.3em;
}
a {color: #336699;}
a:visited {color:#336699;}
a:hover {color: #ffffff;}
a:active { color:#ffffff;}

h1 {
font-size:1.8em;
font-weight: normal;
margin: 0 0 20px;
}

h1 {
font-size:1.5em;
font-weight: normal;
margin: 0 0 20px;
}

h3 {
font-size:1.1em;
font-weight: normal;
margin: 0 0 10px;
}

img{border:none;}

	
/* rahmen zentrieren */

#container {
max-width: 800px;
min-width:780px;
margin:10px  auto;
background: #fff url(images/bg-img.jpg) 0px 163px;
}

#container0 {
max-width: 800px;
min-width:780px;
margin:10px  auto;
background: #fff 0px 163px;
}


#container2 {
max-width: 800px;
min-width:780px;
margin:10px  auto;
background: #fff url(images/bg-img2.jpg) 0px 163px;
}

#container3 {
max-width: 800px;
min-width:780px;
margin:10px  auto;
background: #fff url(images/bg-img3.jpg) 0px 163px;
}

#container4 {
max-width: 800px;
min-width:780px;
margin:10px  auto;
background: #fff url(images/bg-img4.jpg) 0px 163px;
}

#container5 {
max-width: 800px;
min-width:780px;
margin:10px  auto;
background: #fff url(images/bg-img5.jpg) 0px 163px;
}

#container6 {
max-width: 800px;
min-width:780px;
margin:10px  auto;
background: #fff url(images/bg-img6.jpg) 0px 163px;
}

#container7 {
max-width: 800px;
min-width:780px;
margin:10px  auto;
background: #fff url(images/bg-img7.jpg) 0px 163px;
}

/* logo bereich */
header {
	padding: 0px;
	background:#336699 ;
}
	
header p{
	text-transform:uppercase;
	font-size:11px;

}


/* navigation */

nav {
font-size: 16px;
background: #336699;
color:#fff;
-webkit-box-shadow: 5px 5px 10px #000000;
-moz-box-shadow: 5px 5px 10px #000000;
box-shadow: 5px 5px 10px #000000;
}

nav ul { 
list-style-type: none; 
margin:0;
}

nav li {
display: inline;
}

nav a {
display: inline-block;
margin:0;
color: #fff;
padding: 10px 50px;
text-decoration: none;
}
nav a:visited {color:#fff;}

nav a:hover {
color: #ccc;
}

/* inhalt */
section#content {
margin: 0 250px 0 0;
}

article {
float: left;
background: url(images/blue-bg.png);
height: 534px;
padding:20px;
font-size:14px;
}

article2 {
float: left;
background: url(images/blue-bg.png);
padding:20px;
font-size:14px;
}


p, pre{
padding:  0 0 20px;
line-height:1.5em;
}

/* footer */
footer {
padding: 20px;
clear:both;
background-color: #336699;
color:#fff;
text-align: center;
}
footer a {
margin:0;
color: #fff;
padding: 10px 50px;
text-decoration: none;
}
footer a:visited {color:#fff;}

footer a:hover {
color: #ccc;
}