/*
CSS-TEXTUNG VON TK#AT#LUTTERLOTSEN#DOT#DE FUER DR. THILO
LAST CHANGED AM TAGE DES HERRN 13-04-12
*/

/* 
reset 
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
:focus {
outline:0;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
@font-face {
font-family: 'RobotoRegular';
src: url('Roboto-Regular-webfont.eot');
src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular-webfont.woff') format('woff'), url('Roboto-Regular-webfont.ttf') format('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoMedium';
src: url('Roboto-Medium-webfont.eot');
src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium-webfont.woff') format('woff'), url('Roboto-Medium-webfont.ttf') format('truetype'), url('Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
font-weight: normal;
font-style: normal;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}
/* 
master
*/


html, body {
background-color: #fff;
margin: 0;
padding: 0;
}
body {
font: normal 15px/1.5 'RobotoRegular', Arial, sans-serif;
color: #222;
}
#wrapper {
max-width: 600px;
margin: 0 auto;
text-align: left;
}
section {
margin: 0 0 1000px 0;
}
a:link, a:visited {
color: #000;
}
h1 {
font-size: 1.5em;
font-weight: normal;
font-family: 'RobotoMedium', Arial, sans-serif;
padding: .5em 0;
}
p {
line-height: 1.4em;
color: #000;
padding: .8em 0;
}
p strong {
font-family: 'RobotoBold', Arial, sans-serif;
text-transform: uppercase;
}
.small {
font-size: 11px;
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
height:0px;
}
footer p {
margin-top: 30px;
font-size: 11px;
color: #ccc;
text-align: center;
}
nav {
overflow: hidden;
margin: 0;
color: #fff;
background: #666;
-webkit-box-shadow: #333 0 0 10px;
-moz-box-shadow: #333 0 0 10px;
box-shadow: #333 0 0 10px;
behavior: url(PIE.htc);
text-align: center;
position: fixed;
width: 100%;
}
ul#nav {
margin: 0 auto;
width: 600px;/*background: #ffff00;*/
}
ul#nav li {
font-size: 1.2em;
float: left;
margin: 0 30px 0 0;
padding: 2px 0 6px 0;
}
ul#nav li a:link, ul#nav li a:visited {
text-decoration: none;
color: #ccc;
border-top: 5px solid #ccc;
}
ul#nav li a:hover, ul#nav li a.current {
color: #fff;
border-top-color: #fff;
-moz-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
img.logo {
margin: 60px auto;
}
img {
max-width: 100%;
}

/*
hack fuer ie browser (unter der annahme, der ie ist ein browser)
*/

.ie nav {
left: 0;
}
.ie img, .ie p {
width: 100%;
}

/*  
MEDIA QUERIES
*/


/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
html {
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
}

@media screen and (max-width: 360px),
screen and (max-width: 480px),
screen and (max-width: 520px),
screen and (max-width: 768px) {
section {
	padding: 0 .5em;

}

}