body,html {margin:0 auto;padding:0;font-size:1em;font-family:arial,helvetica,sans-serif;max-width:98%;}
#main {max-width:45em;margin:0 auto;line-height:1.2em;background:#f5f5f5;padding:.5em;border:1px solid black;border-radius:.4em;}

/* figure-Element rechts, links, zentriert */
figure { padding:0; border-radius:.4em;}
.figl, .figr, .figc {text-align:center;}
.figl { float: left;  margin:0 1em .5em 0; }
.figr { float: right; margin:0 0 .5em 1em; }
.figc { text-align:center; margin:0 auto; max-width:98%;}

.img_container	{background:#eee;padding:.1em;}
.img_style		{border:none;padding:0;margin:0;}
.img_style_border {border:1px solid black;}
.caption		{padding:.2em;text-align:center;}
.cap_container	{font-size:90%;}

#header {text-align:center;margin:0 auto; max-width:98%;}
#head_line1 {}
#head_line2 {}

#nav {margin-top:0;margin-bottom:3em;}
#nav_ul {text-align:center;margin:0;padding:4px;}
.nav_li,.nav_li a {display:inline-block;}
.nav_li a {list-style:none; color:#399;text-decoration:none;width:10em;padding:.2em;border:1px solid black;}
.nav_li a:hover {background:#eee;}
.nav_container {text-align:center;}

.footer {text-align:center;margin:2em 0 2em 0;}
.footer a { color:#399;padding:.2em; }
.footer a:hover { background:#eee; }
.footer_line1 {}
.footer_line2 { margin-top:1em; }

/* ===================================================== mobile ===== */
@media only screen and (max-width: 45em) {
figure {max-width:95% !important;}
figure img {max-width:95% !important;}
.figl, .figr {float:none !important; margin:0 auto !important;}
 }

img {max-width:95% !important;}


h1.miscelle {color:#777;font-size:2.6em;margin-top:.4em;font-family:Times, Times New Roman, serif;letter-spacing:.2em;opacity:.5}
.start_menu {line-height:1.4em;text-align:center;}
.start_menu a {display:inline-block;width:10em;color:#399;padding:.2em;}
.start_menu a:hover,.start_footer a:hover {background:#f5f5f5;}
.start_footer {text-align:center;margin-top:3em;}
.start_footer hr {width:45em;}
.start_footer a {color:#399;padding:.2em;}
.miscelle-design a {color:#777;}


#as-logo {margin:1em 0 1em 0;}	
#as h1 {font-size:1.4em;letter-spacing:.05em;}
#as h2 {font-size:1.2em;}
#as h3 {font-size:1em;}
#as h2.ashead {margin:2em 0 .2em 0;}
#as a {color: #ff9900; }
#as a:hover {background: #ddd; }
#as figure {background:#ffd8ad;}
.as-hr {background-color:#ff9900;color:#ff9900;height:2px;border:#ff9900;margin:0;}
	

#arachno h2 {font-size:1.2em;}
#arachno h3 {font-size:1.1em;}
#arachno a {color:#a00000;font-family:arial,helvetica,sans-serif; text-decoration:none;}
#arachno a:hover {text-decoration:underline;}
#arachno li {line-height:1.5em;}
#arachno figure {background:#ddd;}
.bottom-nav {display:inline-block;max-width:10em;text-align:center;padding:1em;}


h1#buecher_headline {background-image: url("/_inc/buecher.jpg");padding:1em; margin-top:0;letter-spacing:.4em;font-size:3em;border:1px solid black;}
#buecher h2,#buecher h3 {text-align:center;}
#buecher p {text-align:justify;}
#buecher a {color:#399;text-decoration:none;}
#buecher a:hover {text-decoration:underline; }

h1.webdesign {color:#777;margin:0;font-size:1.6em;padding:1em;}
#webdesign h2 {color:#555;margin:3em 0 0 0;font-size:1.4em;padding:0;border-bottom:1px solid #000;font-weight:normal;}
#webdesign h3 {color:#555;margin:1em 0 0 1em;font-size:1.2em;padding:0;font-weight:normal;}
#webdesign a {color:#399;text-decoration:none;}
#webdesign a:hover {text-decoration:underline;}


.clear {clear:both;}
.center {text-align:center;}
.right {text-align:right;}
.birnotron {text-align:center;padding:2em;}
.displaynone {display:none;}
.floatleft {float:left;}
.floatright {float:right;}
.color0080c0 {color:#0080c0;}
.id40 {margin-left:2em;}

code {color: #A00000;font-family:"courier new",courier,monospace;}
kbd {color:#0000C0;font-family:arial,helvetica,sans-serif;}
strong {color:#000000;font-family:arial,helvetica,sans-serif;}
blockquote {margin-left:1em;}
blockquote li {margin-left:0em;}