/* Alles auf Null stellen*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, table, tr, td {margin:0px; padding:0px; border:0px none;}

body {background-color:rgb(255,255,255)}

body {margin-top: 45px; margin-bottom: 80px}

table.center {margin: 0 auto;}

table.text {width:660px; margin: 0 auto}

a:link.titel {color: rgb(60,60,60); text-decoration: none; font-size:48px; font-family: Helvetica, Arial, sans-serif; font-weight: 100}
a:visited.titel {color: rgb(60,60,60); text-decoration: none; font-size: 48px; font-family: Helvetica, Arial, sans-serif; font-weight: 100}
a:hover.titel {color: #EE732D; text-decoration: none; font-size: 48px; font-family: Helvetica, Arial, sans-serif; font-weight: 100}


a:link.nav {color: rgb(60,60,60); text-decoration: none; font-size: 19px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:visited.nav {color: rgb(60,60,60); text-decoration: none; font-size: 19px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:hover.nav {color: #EE732D; text-decoration: none; font-size: 19px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}

a:link.nava {color: #EE732D; text-decoration: none; font-size: 19px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:visited.nava {color: #EE732D; text-decoration: none; font-size: 19px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:hover.nava {color: #EE732D; text-decoration: none; font-size: 19px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}


span.nav {font-size:19px}
span.orange {color: #EE732D}


* {color: rgb(0,0,0); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; line-height: 1.5em; font-size: 17px}
p {color: rgb(0,0,0); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; line-height: 1.6em; font-size: 17px}

h1 {margin-top:28px; margin-bottom:12px; color: rgb(60,60,60); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; font-size: 24px; font-style: italic; font-weight: normal}
h2 {margin-top:36px; margin-bottom:6px; color: rgb(60,60,60); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; font-size: 20px; font-style: italic; font-weight: bold}

p.markus {margin-top:6px; color: rgb(0,0,0); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; line-height: 1.5em; font-size:20px; font-style: italic}

a:link.text {color: rgb(0,0,0); text-decoration: none; font-size: 17px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:visited.text {color: rgb(0,0,0); text-decoration: none; font-size: 17px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:hover.text {color: #EE732D; text-decoration: underline; font-size: 17px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}





/* Smartphones & Co */



@media only screen and (max-width:800px)
{
table.text {width:95%; margin: 0 auto}

a:link.titel {font-size: 46px}
a:visited.titel {font-size: 46px}
a:hover.titel {font-size: 46px}

a:link.nav {font-size: 19px}
a:visited.nav {font-size: 19px}
a:hover.nav {font-size: 19px}

a:link.nava {font-size: 19px}
a:visited.nava {font-size: 19px}
a:hover.nava {font-size: 19px}

span.nav {font-size:19px}


* {font-size: 16px}
p {font-size: 16px}

h1 {font-size: 24px}
h2 {font-size: 20px}


p.markus {font-size:20px}

a:link.text {font-size: 16px}
a:visited.text {font-size: 16px}
a:hover.text {font-size: 16px}
}





@media only screen and (max-width:620px)
{
table.text {width:95%; margin: 0 auto}

a:link.titel {font-size: 46px}
a:visited.titel {font-size: 46px}
a:hover.titel {font-size: 46px}

a:link.nav {font-size: 18px}
a:visited.nav {font-size: 18px}
a:hover.nav {font-size: 18px}

a:link.nava {font-size: 18px}
a:visited.nava {font-size: 18px}
a:hover.nava {font-size: 18px}

span.nav {font-size:18px}


* {font-size: 16px}
p {font-size: 16px}

h1 {font-size: 22px}
h2 {font-size: 19px}


p.markus {font-size:20px}

a:link.text {font-size: 16px}
a:visited.text {font-size: 16px}
a:hover.text {font-size: 16px}
}



@media only screen and (max-width:500px)
{
table.text {width:95%; margin: 0 auto}

a:link.titel {font-size: 40px}
a:visited.titel {font-size: 40px}
a:hover.titel {font-size: 40px}

a:link.nav {font-size: 17px}
a:visited.nav {font-size: 17px}
a:hover.nav {font-size: 17px}

a:link.nava {font-size: 17px}
a:visited.nava {font-size: 17px}
a:hover.nava {font-size: 17px}

span.nav {font-size:17px}


* {font-size: 16px}
p {font-size: 16px}

h1 {font-size: 22px}
h2 {font-size: 19px}


p.markus {font-size:20px}

a:link.text {font-size: 16px}
a:visited.text {font-size: 16px}
a:hover.text {font-size: 16px}
}


@media only screen and (max-width:420px)
{
table.text {width:95%; margin: 0 auto}

a:link.titel {font-size: 36px}
a:visited.titel {font-size: 36px}
a:hover.titel {font-size: 36px}

a:link.nav {font-size: 16px}
a:visited.nav {font-size: 16px}
a:hover.nav {font-size: 16px}

a:link.nava {font-size: 16px}
a:visited.nava {font-size: 16px}
a:hover.nava {font-size: 16px}

span.nav {font-size:16px}


* {font-size: 15px}
p {font-size: 15px}

h1 {font-size: 21px}
h2 {font-size: 18px}


p.markus {font-size:19px}

a:link.text {font-size: 15px}
a:visited.text {font-size: 15px}
a:hover.text {font-size: 15px}
}



@media only screen and (max-width:380px)
{
table.text {width:95%; margin: 0 auto}

a:link.titel {font-size: 32px}
a:visited.titel {font-size: 32px}
a:hover.titel {font-size: 32px}

a:link.nav {font-size: 15px}
a:visited.nav {font-size: 15px}
a:hover.nav {font-size: 15px}

a:link.nava {font-size: 15px}
a:visited.nava {font-size: 15px}
a:hover.nava {font-size: 15px}

span.nav {font-size:15px}


* {font-size: 14px}
p {font-size: 14px}

h1 {font-size: 20px}
h2 {font-size: 17px}


p.markus {font-size:18px}

a:link.text {font-size: 14px}
a:visited.text {font-size: 14px}
a:hover.text {font-size: 14px}
}