/* Komposition der Seitenteile */
#seite { margin-left: 5%; margin-right: 20%; margin-top: 70px; padding-top: 50px; border-top: 2px dotted #3f3f3f; }

#titel { width: 100%; }

#inhv { list-style-type: none; color: #3f3f3f; background-color: white; font-size: 14px; position: absolute; top: 10px; left:5%; margin-right: 20%; padding-left: 0px;}

#inhv li { margin-left: 0%; border: none; padding-right: 7px; display: inline; list-style-type: none; background-color: transparent; color: Red; font-size: 14px; }

/* Basislayout */
body,td { color: #3f3f3f; background-color: white; }

a { border-bottom: 1px solid #3f3f3f; color: #3f3f3f; background-color: transparent; text-decoration: none; }

a.tot { border: none; background-color: transparent; color: Red !important; text-decoration: line-through; }

a:hover { border: none !important; background-color: transparent; /*font-weight: bold;*/ color: Red !important; text-decoration: none; }

a.nihongo { padding-right: 43px; background-repeat: no-repeat; background-image: url(../recherche/grafik/nihongo-grau.gif) }

a.nihongo:hover { padding-right: 44px; background-repeat: no-repeat; background-image: url(../recherche/grafik/nihongo-rot-fett.gif) }

/* Links: attribute selectors nach CSS3 blooberry.com/indexdot/css/syntax/selectors/attribute.htm . Nicht in IE */
a[href^="#"] { border-bottom: 1px solid #3f3f3f; text-decoration: none; }

a[href^="http://"] { border-bottom: 1px solid Red; text-decoration: none; }

a[href^="https://"] { border-bottom: 1px solid Red; text-decoration: none; }

/* Textformatierung */
p,ul,ol,div,td,th,address,nobr,b { margin-top: 8px; font: 16px/22px Georgia,Times,"CG Times","Times New Roman",serif; }

abbr { border-bottom: 1px dotted #3f3f3f; cursor: help; }

em { font-weight: italic; }

em.blue { background-color: transparent; color: #3f3f3f; font-weight: bold; font-style: normal; }

code { background-color: transparent; color: red; }

dl dt { background-color: transparent; color: red; font-weight: bold; }

/* Zitate */
blockquote { border-bottom: 1px #3f3f3f solid; border-top: 1px #3f3f3f solid; margin-left: 3em; margin-right: 0em; background-color: #E0E0E0; color: inherit; font: 14px/20px Verdana,Arial,Helvetica,sans-serif; }

q { font-style: normal; quotes: "\00BB" "\00AB" "\203A" "\2039"; }

/* Einfache Anfuehrungsstriche, quote-single */
q.single:before { font-style: normal; content: "\203A"; }
q.single:after { font-style: normal; content: "\2039"; }

/* Ueberschriften */
h1,h2,h3,h4,h5,h6 { font-family: Arial,Helvetica,sans-serif; }

h1 { margin-bottom: 10px; margin-top: 0px; font-size: 20px; }

h2 { font-size: 18px; font-weight: bold; }

h3 { font-size: 16px; font-weight: bold; }

h4 { font-size: 14px; font-weight: bold; }

h5 { font-size: 14px; }

#titel h2 { margin: 0px; font: normal 14px Verdana,Arial,Helvetica,sans-serif; }

/*Verschiedenes*/
hr { border-bottom-width: 2px; border-color: #3f3f3f; border-style: dotted; background-color: transparent; color: #3f3f3f; }

/* Bilder */
a > img, img { border: 1px solid #3f3f3f; }

a > img:hover { border: 1px solid red; }

img.grossbild { border: 15px solid Gray; margin-top: 10px; }

img.left { float: left; margin: 0px 15px 10px 0px; }

/*Tabellen*/
table { empty-cells: show; }

table.border caption { border: 2px dotted Gray; margin-top: 10px; background-color: #eeeeee; color: #3f3f3f; font-weight: bold; caption-side: top; }

table.border th,table.border,table.border td { border: 2px dotted #3f3f3f; border-collapse: collapse; }

/* Listen */
ul,ol { margin-left: 15px; padding-left: 15px; }

ol.abc { list-style: lower-latin; }

ul.inline { margin-left: 0px; margin-top: 0px; padding-left: 0px; }

ul.inline li { padding-right: 10px; display: inline; }

ul.klein { margin-left: 15px; }

ul.nobullet { list-style: none; }

/* Universalattribute */
.border { border: 2px dotted #3f3f3f; caption-side: top; }

.borderoben { border-top: 2px dotted #3f3f3f; }

.borderunten { border-bottom: 2px dotted #3f3f3f; padding-bottom: 5px; }

.clear { clear: both; }

.red { background-color: transparent; color: Red; font-style: normal; }

.blue { background-color: transparent; color: blue; font-style: normal; }

.green { background-color: transparent; color: green; font-style: normal; }

.impressum { border-top: #3f3f3f 2px dotted; /*border-bottom: #3f3f3f solid 2px;*/ padding-top: 15px; font-size: 14px; font-style: normal; line-height: 18px; }

.klein { margin-left: 0px; padding: 0px; font-size: 14px; font-style: normal; line-height: 18px; }

.kursiv,cite { font-style: italic; }

.noborder { border: none; }

.nodisplay { display: none; }

/* Ausrichtung */
.right { float: right; margin: 0px 0px 10px 15px; }

.rightfix { padding-right: 10px; text-align: right; }

.top { vertical-align: top; }

.zentriert { text-align: center; }

/* Pseudoelemente */
*.j2011m05:before,*.j2011m06:before { background-color: transparent; color: Red; content: "neu! "; }
