/* CSS Document */

* { color:#333333; font-family: Arial,Helvetica,sans-serif; font-size:12px; line-height:15px; }

body { background:#ffffff url(img/bg.gif) top left repeat-x; margin:0; padding:0 }

a, a * { text-decoration:none; color:#990000 }
a:hover, a:hover *  { text-decoration:none; background-color:#990000; color:#FFFFFF }
a img:hover { background-color:#FFFFFF !important }

img { border:0; vertical-align:bottom; }
div { text-align:left; overflow:hidden }

ol { list-style-position:outside; margin:0 0 0 0px; padding-left:22px }
ul { list-style-position:outside; list-style-image:url(img/ul.gif); margin:0 0 0 0px; padding-left:22px }
li { margin-bottom:12px}

sup { line-height:0 !important }

#menu { padding-left:20px; }
#menu div { float:left; height:19px }
#menu div a { padding: 2px 0 1px 5px; font-size:10px; border-left: 1px solid #999999; color:#666666; line-height:17px}
#menu div a * { font-size:10px; line-height:10px; color:#666666; }
#menu * .aktiv sup { background:none; color: #990000 }
#menu div a:hover sup { background:none; color: #990000 }
#menu div a:hover, #menu * .aktiv { color:#990000; background:none; border-bottom:1px solid #990000 !important; border-left:1px solid #990000; height:19px; margin-bottom:1px; line-height:17px }

#main { width:740px; margin-left:180px;  }

#lBorder { background:transparent url(img/l_border.jpg) top right no-repeat; float:left; height:234px; padding:165px 35px 0px 0px; text-align:right }
#rBorder { background:transparent url(img/r_border.jpg) top right no-repeat; float:left; height:234px; width:40px; }

#contentBox { width:608px; background-color:#FFFFFF; float:left }
#logo { margin-left:312px }
#menuBorder { background:transparent url(img/head_border2.jpg) top left no-repeat; padding-left:20px }

#content { width:450px; float:left; }
#showContent { margin:0 15px 0 19px; padding:0 15px 30px 0; border-right:2px solid #cccccc; }
#subContent { float:right; width:133px; padding:16px 19px 0 0 }

.meta_navi { font-size:11px; text-decoration:none }
.smallText, .smallText * { font-size:11px; line-height:13px }

/* ++++++++++++++
	Farben 
+++++++++++++++++ */
.redB, .redB * { font-weight:bold; color:#990000 }
.grau, .meta_navi { color:#666666; }

/* ++++++++++++++
	ander Linkfarben 
+++++++++++++++++ */

a.linkBlack { text-decoration:none; color:#333333 }
a.linkBlack:hover { text-decoration:none; background-color:#990000; color:#FFFFFF }

a.link_rot { text-decoration:underline; font-weight:bold; color:#990000 }
a.link_rot:hover { background:none }

/* ++++++++++++++
	TextFormatierungen 
+++++++++++++++++ */

.sub { vertical-align:3px; line-height:2px }
.small, table.small * { font-size:9px; line-height:13px }
.B { font-weight:bold }

/* ++++++++++++++
	ListeFormatierungen 
+++++++++++++++++ */

.subList { list-style-position:outside; padding-left:14px; margin:5px 0 0 3px }
.subList li { margin-bottom:0 !important}
.subList li * { font-size:11px; }
.subList li * a { color:#666666; } 
.subList li * a:hover { color:#ffffff } 

.inlineList li { margin-bottom:0 !important; margin-left:10px }

/* ++++++++++++++
	TabellenFormatierungen 
+++++++++++++++++ */

.tblRight { text-align:right }
table.small * .B { font-size:11px !important }


.bilderrahmen_grau { margin-top:5px; border-top:1px solid #999999; border-left:1px solid #999999; border-bottom:2px solid #666666;  border-right:2px solid #666666; padding-top:5px; padding-bottom:5px; }
.graueBox { background-color:#eeeeee; padding:6px; margin-bottom:10px }
.graueBox img { margin:2px 6px 0 4px; float:left }
.graueBox .text { float:left; width:350px }
.graueBox .text .strong { margin-bottom:5px; font-weight:bold }

.spacer { height:23px; overflow:hidden }
.abs { height:12px; display:block }
.separator { border-top:1px dotted #666666; height:4px }
.separatorLine { border-top:1px solid #666666; height:2px }

.bRight { width: 260px }
.sLeft { width:134px }
.lt, .sLeft, .bRight { float:left; }
.rt { float:right; }
.cl { clear:both; height:1px; width:1px; overflow:hidden; line-height:1px }