/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #F5F6F8 url(pics/sbg.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0 0 5px 0;
padding: 0;
height: 101%;
}

h2 {
color: #4d558c;
font-size: 17px;
font-weight: bold;
margin: 2px 0px 2px 3px;
padding: 3px;
line-height: 1.2em;
}

h4 {
color: #a65300;
font-size: 15px;
font-weight: bold;
margin: 8px 0px 4px 0px;
padding: 3px;
line-height: 1.2em;
border-bottom: 1px solid #a65300;
background:  #f0f0f0;
}

h2 a {
text-decoration: none;
font-weight: bold;
color: #4d558c;
}
h2 a:hover {
text-decoration: none;
font-weight: bold;
color: #cc6600;
}

#content a {
text-decoration: none;
font-weight: bold;
color: #4d558c;
}
#content a:hover {
text-decoration: none;
font-weight: bold;
color: #cc6600;
}

/* ============================================  */
/* Codeboxen */
.codetop {
border-top: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
background-color: #dfdfdf;
padding: 2px;
width: 100px;
clear: both;
font-size: 11px;
font-weight: bold;
color: #464f2f
}

.overtab {
width:600px; 
overflow:auto; 
border:1px solid #d2d2d2;
/*font-family: "Courier New";*/
font-size: 12px;
color:maroon; 
background: #f2f3f4;
padding: 5px;
}

/* ============================================  */
/* Icons fuer News */
.newsicon {
float: left; 
padding: 4px 4px 3px 0px;
}
/* ============================================  */
/* Newsrubrik und Datum */
.small {
font-size: 0.8em;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* AEUSSERE CONTENTBOX */
/* - - - - - - - - - - - - - - - - - - - - */
#inhalt {
margin:10px auto;
text-align:left;
width:1100px;
max-width: 1100px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* HAUPTDESIGNTABELLE */
/* - - - - - - - - - - - - - - - - - - - - */
#design {
width: 100%;
margin: 0;
}
#design2 {
width: 100%;
margin: 0;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* OBERE ZELLE UEBER HEADER */
/* - - - - - - - - - - - - - - - - - - - - */
#toprow {
background: url(pics/topline.gif);
background-position: -20px 0px;
background-repeat:no-repeat;
border-bottom: 1px solid #ffffff;
font-size: 11px;
font-weight: bold;
color: #ffffff;
padding: 6px 5px 5px 0;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* HEADERBEREICH */
/* - - - - - - - - - - - - - - - - - - - - */
.topbanner {
background: #475485 url(pics/header.jpg);
font-size: 11px;
color: #ffffff;
padding: 2px 4px 2px 0;
height: 90px;
vertical-align: top;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* TOPNAVIGATION */
/* - - - - - - - - - - - - - - - - - - - - */
#topnav {
background-color: #000033;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #000000;
font-size: 11px;
color: #ffcc00;
padding: 4px 4px 4px 5px;
font-weight: bold;
text-align: right;
}
#topnav a {
text-decoration: none;
color: #ffffff;
font-weight: normal;
}
#topnav a:hover {
text-decoration: underline;
color: #ffcc00;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* LINKE LAYOUTSPALTE */
/* - - - - - - - - - - - - - - - - - - - - */
#menuecont {
border-right: 1px solid #e5e5e5;
background-color:#f3f3f3;
font-size: 11px;
color: #000000;
}

#hauptmenue {
font-size:11px;
}

#hauptmenue .menurub {
display: block; 
padding: 4px 2px 4px 5px;
border-bottom: 1px solid #ffffff;
background-color:#d2d2d2;
font-size:11px;
color: #990000;
font-weight:bold;
}	

#hauptmenue a {
width: auto;
display: block; 
padding:3px 2px 3px 12px;
border-bottom: 1px solid #ffffff;
background: #eeeeee url(pics/silver.gif);
background-repeat:no-repeat;
background-position: 6px 0px;
background-color:#e2e2e2;
margin: 0; 
color:#000000;
text-decoration:none;
}

#hauptmenue a:hover {
background: #e2e2e2 url(pics/silver.gif);
background-repeat: no-repeat;
background-position: -265px 0px;
color:#000000;
text-decoration:none;
border-bottom: 1px solid #ffffff;
}

.navcont {
border: 1px solid #dfdfdf;
background: #ffffff;
padding: 4px;
}

.navcont a {
text-decoration:none;
color: #494981;
}
.navcont a:hover {
color: #990000;
text-decoration:none;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* MITTLERE LAYOUTSPALTE */
/* - - - - - - - - - - - - - - - - - - - - */
#content {
background-color:#ffffff;
font-size: 12px;
color: #000000;
padding: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* RECHTE LAYOUTSPALTE */
/* - - - - - - - - - - - - - - - - - - - - */
#contentright {
background-color:#f5f5f5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
font-size: 11px;
color: #000000;
padding: 3px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* UNTERSTE LAYOUTSPALTE */
/* - - - - - - - - - - - - - - - - - - - - */
.bottrub {
background-image: url(pics/bottline.gif);
background-position: left 0px;
background-repeat:no-repeat;
background-color:transparent;
height: 24px;
font-size: 11px;
color: #ffffff;
padding: 3px 0 0 30px;
text-align:left;
vertical-align: top;
}

.bottrub a {
text-decoration: none;
color: #ffffff;
font-weight: bold;
}
.bottrub a:hover {
text-decoration: underline;
color: #e2e2e2;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* DIVERSE HTML ELEMENTE */
/* - - - - - - - - - - - - - - - - - - - - */
h1 {
font-size:13px;
color: #990000;
font-weight:bold;
border: 1px solid #ffffff;
background-color: #eaeaea;
margin: 3px 0 3px 0;
padding: 4px;
}

h1 a {
color: #494981;
}
h1 a:hover {
color: #990000;
}

#contentright h1 {
font-size:12px;
color: #000000;
font-weight:bold;
border-bottom: 1px solid #cfcfcf;
background-color:#ffffff;
margin: 3px 0 3px 0;
padding: 3px;
}

#contentright a {
color: #494981;
}
#contentright a:hover {
color: #990000;
}

.dlopt {
border: 1px solid #cfcfcf;
float: right;
padding: 2px;
line-height: 1.7em;
background-color: #e6e8ec;
font-weight: normal;
width: 200px;
}
.dlopt p {
border-bottom: 1px solid #667c97;
padding: 1px;
margin: 1px 0 1px 0;
background-color: #ffffff;
font-weight: bold;
color: black;
}

.dlopt a {
color: #cc6600 !important;
text-decoration:underline;
font-weight:bold;
}
.dlopt p a:hover {
color: #000000 !important; 
text-decoration:underline;
}

.dltrenner {
margin-top: 3px;
padding: 3px 3px 3px 0;
border-top: 1px solid #667c97;
}

/* CSS fuer Systeminfo Fieldsets */
.sysfield {
border: 1px solid #4b6189;
padding: 2px;
background-image: url(pics/sysfsbg.gif);
}

.sysinfo {
border: 1px solid red;
background-color: #ffcc66;
padding: 2px;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* FORMULARELEMENTE */
/* - - - - - - - - - - - - - - - - - - - - */
form {display: inline }

.mb {
background-color: #f8f8f8;
border: 1px solid #c0c0c0;
font-family: Verdana, Arial, sans-serif;
color: #000000;
font-size: 11px;
}

.los {
background-color: #375082;
border: 1px solid #ffffff;
color: #ffffff;
font-size: 11px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* FEHLER HINWEISE ROT/GRUEN*/
/* - - - - - - - - - - - - - - - - - - - - */
.tippred {
color: red;
font-weight: bold;
}

.tippgreen {
color: green;
font-weight: bold;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* SEITENNAVIGATION */
/* - - - - - - - - - - - - - - - - - - - - */

.seiteninfo, .aktuelleseite, .pl {
font-family: Verdana, Arial;
font-size: 11px;
text-align: center;
color: #000000;
border: 1px solid #97a8b9;
border-collapse: collapse;
}

.seiteninfo {
background-color: #dce0e9;
font-weight: bold;
padding: 1px 3px 1px 3px;
}

.aktuelleseite {
background-color: #ffffff;
font-weight: bold;
padding: 2px 6px 2px 6px;
}

.pl a {
display: block;
float: left;
background-color: #e4e9ed;
color: #990000;
text-decoration: none;
font-weight: bold;
padding: 2px 6px 2px 6px;
white-space: nowrap;
}
.pl a:hover {
color: #000000;
text-decoration: none;
font-weight: bold;
background-color: #d3dce4;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* ALLG AUSGABE */
/* - - - - - - - - - - - - - - - - - - - - */
.outtab {
background-color:#DBDBDB;
width: 100%;
margin: 5px 0 5px 0;
}
.outtabtop {
padding: 4px;
font-size:11px;
font-weight:bold;
color: #f0f2f4;
background: #7F95BC url(pics/gradient.gif);
}

.outtabtop a {
color: #ffffff !important;
text-decoration: none;
font-weight: bold;
}
.outtabtop a:hover {
color: #ffcc00 !important;
text-decoration: underline;
}

.outtabsub {
padding: 4px;
font-size:10px;
color: #000000;
background-color:#f7f7f7;
}

.outtabcont {
padding: 4px;
font-size:11px;
color: #000000;
vertical-align: top;
background-color:#ffffff;
line-height: 1.4em;
}

.outtabcontb {
padding: 4px;
font-size:11px;
color: #000000;
vertical-align: top;
background-color:#f9f9f9;
line-height: 1.4em;
}

.outtabsub a, .outtabcont a, .outtabcontb a {
color: #505b7a;
text-decoration: none;
font-weight: bold;
}
.outtabsub a:hover, .outtabcont a:hover, .outtabcontb a:hover {
color: #990000;
text-decoration: underline;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* ALLG AUSGABE NEWSDIV */
/* - - - - - - - - - - - - - - - - - - - - */
.newsouttab {
border: 1px solid #DBDBDB;
margin: 5px 0 5px 0;
-moz-border-radius: 6px;
}
.newsouttabtop {
padding: 4px;
font-size:11px;
font-weight:bold;
color: #f0f2f4;
background: #7F95BC url(pics/gradient.gif);
border-bottom: 1px solid #DBDBDB;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}

.newsouttabtop h2 {
font-size:12px;
font-weight:bold;
color: #f0f2f4;
margin: 0;
padding: 0;
}

.newsouttabtop a {
color: #ffffff !important;
text-decoration: none;
font-weight: bold;
}
.newsouttabtop a:hover {
color: #ffcc00 !important;
text-decoration: underline;
}

.newsouttabsub {
padding: 4px;
font-size:10px;
color: #000000;
background-color:#f7f7f7;
border-bottom: 1px solid #DBDBDB;
}

.newsouttabcont {
padding: 4px;
font-size:11px;
color: #000000;
vertical-align: top;
background-color:#ffffff;
line-height: 1.4em;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px; 
}

.newsouttabsub a, .newsouttabcont a {
color: #505b7a;
text-decoration: none;
font-weight: bold;
}
.newsouttabsub a:hover, .newsouttabcont a:hover {
color: #990000;
text-decoration: underline;
}


/* - - - - - - - - - - - - - - - - - - - - */
/*  Linkliste */
/* - - - - - - - - - - - - - - - - - - - - */

.kl {
background: #f0f0f0 url(pics/gradientgrau.gif);
color: #000000;
border-bottom: 1px solid #dadada;
margin: 0px 0px 4px 0px;
padding: 3px;
}

.outtabtopprem {
padding: 4px;
font-size:11px;
font-weight:bold;
color: #000000;
background: #FAD69B url(pics/gradientprem.gif);
}

.outtabtopprem a {
color: maroon !important;
text-decoration: none;
font-weight: bold;
}
.outtabtopprem a:hover {
color: #000000 !important;
text-decoration: underline;
}

.outtabsubprem {
padding: 4px;
font-size:10px;
color: #000000;
background-color:#FDFAF2;
}

.outtabcontprem {
padding: 4px;
font-size:11px;
color: #000000;
vertical-align: top;
background-color:#FBF4EA;
line-height: 1.4em;
}

.outtabsubprem a, .outtabcontprem a {
color: #505b7a;
text-decoration: none;
font-weight: bold;
}
.outtabsubprem a:hover, .outtabcontprem a:hover {
color: #990000;
text-decoration: underline;
}


/* - - - - - - - - - - - - - - - - - - - - */
/*  Templatedownloader Links */
/* - - - - - - - - - - - - - - - - - - - - */
.templatedl {
display: block;
float: left;
background-color: #7a99cb;
border: 1px solid #ffffff;
padding: 1px;
width: 100px;
color: #ffffff !important;
margin: 1px 3px 1px 3px;
text-decoration: none;
}

.templatedl:hover {
background-color: navy;
border: 1px solid #ffffff;
color: #ffcc00;
text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - */
/*  Partnerlinks */
/* - - - - - - - - - - - - - - - - - - - - */
#partnerlinks {
border-left: 1px solid #dfdfdf;
}

#partnerlinks a {
display: block;

background-color: #ffffff;
text-decoration: none;
padding: 4px 3px 4px 5px;
font-size: 10px;
color: #505b7a;
font-weight: bold;
border-bottom: 1px solid #dfdfdf;
}
#partnerlinks a:hover {
background-color: #f2f2f2;
text-decoration: none;
color: #990000;
}

#partnerlinks a span {
text-decoration: none;
color: #000000;
}

#partnerlinks a:hover span {
text-decoration: none;
color: #000000;
}

/* ============================================  */
/* Textwerbung */
.bannertab {
width: 100%;
border: 1px solid #000000;
margin-bottom: 3px;
}

.bannertitel {
background-color: #ffcc00;
padding: 3px;
font-size: 11px;
font-weight: bold;
border-bottom: 1px solid #6299ae;
font-family: Verdana, Arial, sans-serif;
}

.bannertitel a {
display: block;
color: #000000 !important;
text-decoration: none;
}

.bannertitel a:hover {
color: #000000;
text-decoration: none;
}

.bannertext {
background-color: #ffffff;
padding: 3px;
font-size: 11px;
font-weight: normal !important;
font-family: Verdana, Arial, sans-serif;
color: #000000;
}

.bannertext a {
display: block;
color: #000000 !important;;
text-decoration: none;
width: 98%;
font-weight: normal !important;
}

.bannertext a:hover {
color: #000000;
text-decoration: none;
}

.morelink {
background-image: url(../images/anzeige.gif);
background-position: 0 bottom;
background-repeat:no-repeat;
background-color: #ffffff;
padding: 3px;
font-size: 11px;
font-weight: normal;
border-top: 1px solid #ffffff;
text-align: right;
font-family: Verdana, Arial, sans-serif;
}

.morelink a {
color: #990000;
text-decoration: none;
width: 50%;
}

.morelink a:hover {
color: #000000;
text-decoration: none;
text-align: right;
}

/* tooltip styling */
.tooltip {
	display:none;
	background-color: #000033;
	border: 2px solid #ffffff;
	padding: 10px;
	width:310px;
	font-size:11px;
	color:#ffffff;
	text-align: left; 
	line-height: 15px;
	
}