/* Stylesheet für www.breitenbuecher.de

	Farben: schwarzgrau:1d1d1d  dunkelgrau:2f2d2e  mittelgrau:3e3c3d  hg_gelb:f6f6e2
          menü-gelb:ffdc64  menü-highlight:fb9b35  menü-visited:dcbf5c
*/

body										{ width:100%; height:100%; margin:0px; background-color:#1d1d1d; }
body,select,input,textarea		{ font-family:arial, sans-serif; font-size:0.9em; }

/* Die Seite wird vertikal in 2 Bereiche unterteilt */
div#leftdiv							{ position:absolute; top:5%; left:5%; width:20%; height:90%; margin:0px; padding:0px; background-color:#3e3c3d; }
div#rightdiv						{ position:absolute; top:5%; left:25%; width:70%; height:90%; margin:0px; padding:0px; background-color:#f6f6e2; }

/* Hauptelemente des linken Bereiches */
div#logo								{ position:absolute; top:0px; left:0px; width:100%; height:10%; margin:0px; padding:0px; z-index:4; background-color:#2f2d2e; }
div#subnavi							{ position:absolute; top:7%; width:90%; height:90%; color:#ffdc64; padding:14% 0px 0px 10%; z-index:2; background-image:url(bg_left.gif); background-repeat:no-repeat; background-position:top right; }

/* Hauptelemente des rechten Bereiches */
div#topnavi							{ position:absolute; top:0px; left:0px; width:100%; height:10%; z-index:3; background-color:#3e3c3d; }
div#content							{ position:absolute; top:7%; width:96%; height:87%; padding:4% 1% 0% 3%; overflow:auto; z-index:1; background-image:url(bg_right2.gif); background-repeat:no-repeat; background-position:top left; }

/* Unterelemente des linken Bereiches */
div#logo a							{ position:absolute; top:95%; left:10%; text-decoration:none; font-weight:bold; }
div#logo a:link					{ color:#ffdc64; }
div#logo a:visited			{ color:#ffdc64; }
div#logo a:hover				{ color:#fb9b35; }
div#logo a:active				{ color:#ffdc64; }
span#dmt								{ position:absolute; bottom:-0.04em; font-size:3em; }
span#privat							{ position:absolute; bottom:0.44em; }

div#subnavi ul					{ margin:0px; padding:0px; list-style-type:none; }
div#subnavi li					{ margin:0px; padding:1em 0px 0px 0px; }
div#subnavi li hr				{ position:relative; top:-14px; }
div#subnavi ul.sub			{ margin:-8px 0px 2px 0px; padding:0px 0px 0px 1em; list-style-type:none; }
div#subnavi ul.sub li		{ margin:-8px 0px 2px 0px; padding:1em 0px 0px 0px; }
div#subnavi hr					{ margin: 1em 14% 0em 0em; }
div#subnavi a						{ text-decoration:none; font-weight:bold; }
div#subnavi a:link			{ color:#ffdc64; }
div#subnavi a:visited		{ color:#dcbf5c; }
div#subnavi a:hover			{ color:#fb9b35; }
div#subnavi a:active		{ color:#fb9b35; }
div#subnavi a.active		{ color:#fb9b35; }

div#socialbookmarks			{ position:relative; width:90%; height:20px; margin:1em 0px 0px 0px; padding:0px 0px 0px 0px; border:none 0px; }
div#socialbookmarks img	{ width:20px; height:20px; border:none 0px; }

/* Unterelemente des rechten Bereiches */
div#topnavi ul					{ position:absolute; left:0px; width:100%; bottom:20%; margin:0; padding:0; }
div#topnavi li					{ margin:0px; padding-left:3%; padding-right:5%; float:left; display:block; }

div#content ul					{ margin:-0.6em 0px 0px 0px; padding-left:2em;}
div#content li					{ margin-bottom:0.3em; }

div#content img					{ border:none 0px; }
div#content img.fr			{ float:right; margin:0.3em; }
div#content img.border	{ border:ridge 2px #c0c0c0; }

div#topnavi a						{ text-decoration:none; font-weight:bold; }
div#topnavi a:link			{ color:#ffdc64; }
div#topnavi a:visited		{ color:#dcbf5c; }
div#topnavi a:hover			{ color:#fb9b35; }
div#topnavi a:active		{ color:#fb9b35; }
div#topnavi a.active		{ color:#fb9b35; }

/* allgemeine Angaben */
h1, h2, h3							{ font-size:1em; margin-top:1em; }
h1.absatz_unten					{ margin-bottom:1em; }
h3											{ margin-top:0.2em; margin-bottom:0em; }
td											{ vertical-align:top; }
em											{ font-style:italic; }
strong									{ font-weight:normal; color:#000066; }
blockquote							{ margin:0.6em 1em 0.6em 1em; }
blockquote,q						{ font-style:italic; }

/* sprachbezogene Angaben */

*.lang_en								{ color:#0000aa; background:no-repeat left center; padding-left:22px; background-image: url(lang_en.gif); }

/* Links */

a												{ text-decoration:underline; }
a:link									{ color:#000000; }
a:visited								{ color:#606060; }
a:hover									{ color:#bc5d00; }
a:active								{ color:#bc5d00; }

a.ext										{ background:no-repeat left center; padding-left:12px; background-image: url(ext.gif); }

*.klein									{ font-size:0.6em; }
*.active								{ font-weight:bold; color:#fb9b35; }
*.center								{ margin:auto; }
*.tcenter								{ text-align:center; }
*.hinweis								{ color:#008800; }
*.warnung								{ color:#ff0000; }
*.border_top						{ padding-top:1.3em; border-top:solid 1px #c0c0c0; }