@charset "ISO-8859-1";

/* Positionierung */

#main {
    margin:0px auto;
    width:960px;
    padding:15px;
    background-color:#000000;
    background-image:url(../www/images/logo.jpg); background-repeat:no-repeat; background-position:8px 8px;
}

#logo {
    height:110px;
    padding-left:0px;
    font-size:8pt;
}
#logo h1 {
    float:right;
    margin-top:0pt;
    font-size:20pt;
    margin-bottom:0px;
}

#flag {
    clear:right;
    text-align:right;
    padding-top:10px;
}
#flag img {
	margin-left: 3px;
}

#topnav {
    float:right;
    margin-top:-24px;
}

#nav {
    position:relative;
    float:left;
    margin-top:0px;
    margin-right:15px;
    margin-left:-130px;
    width:116px;
}

#content {
    float:right;
    margin-top:20px;
    margin-right:0px;
    margin-bottom:0px;
    width:830px;
}

#webring {
    float:right;
    padding:15px;
    text-align:center;
    border:1px solid #222222;
    font-size:8pt;
}

#footer {
    clear:both;
    margin-top:20px;
    font-size:10px;
    color:#999999;
    background-image: url("../www/images/keil.gif");
    background-repeat: no-repeat;
    background-position: right bottom;
}

.text {
    float:right;
    margin-bottom:20px;
    margin-right:0px;
    padding:20px;
    width:787px;
    background-color:#000000;
    border:1px solid #222222;
}

.text .pic {
    float:right;
    margin-left:20px;
}

.pics {
    float:left;
    width:443px;
    margin-right:10px;
    margin-bottom:-10px;
    padding:0px;
    text-align:left;
}

.clear {
    clear:both;
}

body {
    margin:15px 0px;
    padding:0px;
    width:100%;
    background-color:#222222;
	font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10pt;
    color:#DDDDDD;
}
body.wiki {
    background-color:#000000;
    margin-left: 5px;
    width: 97%;
}

a:link, a:focus, a:active {
    color:#6699FF;
    text-decoration:none;
}
a:visited {
    color:#3366CC;
    text-decoration:none;
}
a:hover {
    color:#99CCFF;
    text-decoration:underline;
}

a img {
    border-style:none;
}

a.extern:link, a.extern:focus, a.extern:active  {
    background:url(../images/external_link.gif) no-repeat left center;
    padding-left:9px;
}
a.extern:visited {
    background:url(../images/external_visited.gif) no-repeat left center;
    padding-left:9px;
}
a.extern:hover {
    background:url(../images/external_hover.gif) no-repeat left center;
    padding-left:9px;
}

a.pic {
    float:left;
    width:150px;
    height:150px;
    line-height:150px;
    text-align:center;
    margin-right:40px;
    margin-bottom:40px;
    background-repeat:no-repeat;
    background-position:center;
    border-style:none;
    
}

.gallery {
    float:left;
    width:152px;
    height:170px;
    margin-right:40px;
    margin-bottom:40px;
}
.gallery img {
    border-style:none;
}

em {
    font-style:italic;
}

h1, .h1 {
    margin-top:0px;
    font-size:12pt;
    font-weight:bold;
    color:#3366CC;
}

h2 {
    font-size:10pt;
    font-weight:bold;
}

h3 {
	font-size: 10pt;
	font-weight: bold;
	color: #DD0000;
}

hr {
    height:1px;
    border-style:none;
    border-bottom:1px dashed #3366CC;
    margin:10px 0px;
}

img.border {
    /*border:1px solid #3366CC;*/
    border:1px solid #222222;
}

img.aboutMe {
	float:right;
	margin-left:10px;
    border:1px solid #222222;
}

p {
    text-align:justify;
    line-height:1.4em;
}

strong {
    font-weight:bold;
}

sub, sup {
	line-height: 0px;
}

table.border {
    border-collapse:collapse;
    border-width:0px;
    border-style:none;
}

table.pic {
    border-style:none;
    border-width:0px;
    width:160px;
}
table.pic td {
    float:left;
    width:153px;
    height:150px;
    text-align:center;
    vertical-align:middle;
}

table.nav {
    margin:0px auto 0px;  /* Tab. zentrieren für Firefox */
    border-style:none;
    border-width:0px;
}
table.nav td {
    width:140px;
}

textarea {
    white-space:normal;
}

th {
    text-align:left;
}

u {
    text-decoration:underline;
}

ul {
    list-style-type:square;
    margin-left:15px;
}
ul.links li {
    margin-bottom:15px;
    margin-left:30px;
}
ul li.none {
    list-style-type:none;
    margin-left:15px;
}

.border td {
    vertical-align:top;
    border-bottom:1px dashed #3366CC;
    width:677px;
    padding:10px 0px;
    font-size:10pt;
}

.border td.date {
    font-size:8pt;
    width:100px;
    padding-top:12px;
}

.border td.left {
    width:100px;
    font-weight:bold;
}

.bar, .barsub, .barsubsub {
    float:left;
    width:5px;
    height:20px;
    background-color:#3366CC;
}
.barsub {
    background-color:#1144AA;
}
.barsubsub {
    background-color:#002288;
}

.btntopnav, .btnnav {
    text-align:center;
    background-color:#252525;
    font-size:10px;
    float:left;
    width:127px;
    padding:4px;
    margin-left:2px;
}

.transparent { background-color:#000000; }

.btnnav {
    width:100px;
    margin-left:0px;
    margin-right:2px;
    margin-bottom:2px;
}
.btnnav.sub {
    width:80px;
    margin-left:20px;
}
.btnnav.subsub {
    width:60px;
    margin-left:40px;
}
.btnnav.selected {
    background-color:#333333;
}

a.btntopnav:hover, .btnnav:hover {
    text-decoration:none;
    padding:3px;
    border:1px solid #3366CC;
}

.button, .input {
	background:#252525;
	border:1px solid #3366CC;
	color:#BBBBBB;
    font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
}

.button {
	font-size:11px;
	font-weight:bold;
}

.caption {
    text-align:right;
    padding-right:6px;
}

.center {
    text-align:center;
}

.gray {
    color:#999999;
}

.input {
    width:380px
}

.left {
	float:left;
	margin-right: 10px;
}

.right {
    text-align:right;
}

.small {
    font-size:8pt;
}

.smaller {
    font-size:7pt;
}

.space {
    margin-bottom:10px;
}

a.wiki span {
	display: none;
}

a:hover.wiki {
	border-bottom:dashed 1px #99CCFF;
	text-decoration:none;
	cursor: help;
}

a:hover.wiki span {
	display: block;
	position:absolute;
	border: 1px solid #3366CC;
	background-color: black;
	width: 300px;
	padding: 15px;
	color:#DDDDDD
}