* {
    padding: 0;
    margin: 0;
} 

body {
	background: #000;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 1em;
	color: #808080;
}

a:link { text-decoration:none; color:#995522; } /* noch nicht besuchte Ziele */
a:visited { text-decoration:none; color:#773300/*643100*/; } /* besuchte Ziele */
a:hover { text-decoration:underline; color:#FFF; } /* Verweise bei "MouseOver" */
a:active { text-decoration:underline; color:#431111; } /* Angeklickte Verweise */
a:focus { text-decoration:underline; color:#FFF; } /* Verweise, die Fokus erhalten */

.kursiv { text-decoration:none; font-style:italic; }												/* Einfügen mit <span class="kursiv"> */
.fett { text-decoration:none; color: #909090; font-weight:bold; font-size:105%;}					/* Einfügen mit <span class="fett"> */
.kleingedrucktes  { text-decoration:none; font-style:italic; font-size:60%; color: #B3B3B3; }	/* Einfügen mit <span class="kleingedrucktes"> */
.anzeige{ text-decoration:none; text-align:right; margin-left:5px; margin-right:5px; color: #909090; font-weight:bold; font-size:105%; } 					/* Einfügen mit <span class="top">; gedacht für Home-Pfeil (zum Anfang der Seite) */

#wrap {
	position:static;
	margin: 20px auto;
	width: 895px;
	background: url('http://schwert-und-schild.de/images/rahmen/r-m-rot.png'); background-repeat: repeat-y; z-index:1;
	}

#top { 
	position:static;
	background: url('http://schwert-und-schild.de/images/rahmen/r-o-rot.png'); background-repeat: no-repeat; z-index:2;
	height: 36px;
	}

#content {
	position:static;
	padding: 0 40px 0 40px;
	/*background: url('http://schwert-und-schild.de/images/bg-black.png'); background-repeat: repeat; z-index:3;
	filter: alpha(opacity=50);
	opacity: 0.5; 
	
	-moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2; filter:alpha(opacity=20);
	
	*/
	}

#bottom {
	position:static;
	background: url('http://schwert-und-schild.de/images/rahmen/r-u-rot.png'); background-repeat: no-repeat; z-index:2;
	height: 44px;
	}

#footer {
	position:static; 
	margin: 5px auto;
	background: url('./images/footer/footer-rot-mitte.png'); background-repeat:repeat; z-index:2;
	/*bottom: 0px;*/
	width: 895px;
	height: 50px;
	color: #808080;	font-size: 0.75em;
	clear: both;
	text-align: center; vertical-align: middle;	
	}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
	}

#content img.opac { filter: alpha(opacity=20); opacity: 0.2; -moz-opacity: 0.2; }

.header { height: 100px; background: url('http://schwert-und-schild.de/images/banner.png'); background-repeat: no-repeat; }

.breadcrumbs { 
    background: #110000; 
	width: 100%;
	border-bottom: 1px solid #550000; 
	padding: 5px; }
	
.left { float: left; width: 72%; margin: 0 7px; padding: 1% 1%; text-align: justify; }
.left h2 { color:#aa8855; font-size:120%; margin-bottom:10px; margin-top:10px; }
.left h3 { color:#aa8855; font-size:105%; margin-bottom:10px; margin-top:10px; }
.left h4 { color:#aa8855; text-align:left; font-size:100%; margin-bottom:10px; margin-top:10px; }

.left li.a { list-style-type:disc; }
.left li.b { list-style-type:circle; margin-left:20px; }
.left li.c { list-style-type:square; margin-left:40px; }

.right { float:right; width:20%; margin:0 7px; padding:1% 1%; }

.right h2 { text-decoration:underline; color:#aa8855; font-size:1.1em; margin-top:15px; }

.right ul { padding: 20px 0 15px 20px; margin: 0; }

.right li { text-decoration:none; color:#808080; font-size:0.9em; margin-bottom:5px; }
.right li.a { list-style-type:disc; }
.right li.b { list-style-type:circle; margin-left:20px; }
.right li.c { list-style-type:square; margin-left:40px; }


table { border-collapse:collapse; }
.table1  { border-color:#CCCC00; border:1px solid #b8860b; font-size:75%; color:#B3B3B3; margin-top:10px; margin-left:10px; margin-bottom:10px; margin-right:10px; } /* In die Tabelle einfügen mit class="table1"*/

td { vertical-align:top; border:0px solid #555; }
.td-head  { color:#b8860b; font-weight:bold; padding:10px; text-align:center; }	
.td1 { text-decoration:none; color:#f0f8ff; padding:3px; text-align:center; }	/* In die Tabelle einfügen mit class="td1">*/
.td2 { text-decoration:none; color:#b0e0e6; padding:3px; text-align:center; }	/* In die Tabelle einfügen mit class="td2">*/
.td2left { text-decoration:none; color:#b0e0e6; padding:3px; text-align:left; }	/* In die Tabelle einfügen mit class="tdleft">*/
.td2right { text-decoration:none; color:#b0e0e6; padding:3px; text-align:right; }	/* In die Tabelle einfügen mit class="tdright">*/
.td3 { text-decoration:none; color:#d2b48c; padding:3px; text-align:center; }	/* In die Tabelle einfügen mit class="td3">*/

/*.oben    { vertical-align:top; }
.mittig  { vertical-align:middle; }
.unten   { vertical-align:bottom; }*/


.aussenabstand { margin:10px;}