* { 
	margin: 0; 
	padding: 0; 
	border: 0;
	font-size: 12px;
}
body { 
	background-color: #FFF;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222;
}
table { width: 100%; }
form { display:inline; }

#main {
	width:950px;
	margin:0 auto 0 auto;
}

#header {
	vertical-align:top;
}
#logo {
	float:left;
	margin:5px;
	width:400px;
}
#menu {
	float:right;
	width:350px;
}
#menuSysNavi {
   border: 1px solid #000;
   border-top:0;
   float:right;
   text-align:center;
   background-color:#990000;
   padding: 7px 10px 7px 10px;
   color:#FFF;
   margin: 0 20px 15px 0;
   vertical-align:top;
}
#menuSysNavi a { color:#FFF; }

#content {
	margin-top: 10px;
	width: 950px;
	float: left;
}

#footer {
	margin: 0 0 10px 0;
	text-align:center;
	padding-top:5px;
}
.footerBox {
 font-size:10px;
 float:left;
 width:150px;
 padding: 0 10px 0 10px;
 border:1px solid #000;
}
.footerBox a { font-size:10px !important; }

.menu ul {
	margin:0;
	padding:0;
}
.menu li {
   list-style-type:square;
   margin: 1em 2em 0 2em;
   padding: 3px;
   border:1px dotted #808080;
}
.menu li.empty {
	margin:0;
	padding-top:3px;
   list-style-type:none;
   border:0;
}


.agbTitle { font-weight:bold; margin:25px 0 10px 0; }
.agbSubpoints { text-indent:-18px; margin-left:18px; margin-bottom:10px; }




/* Textformatierung */
.textCenter { text-align: center; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.top { vertical-align: top; }
.small, .small a { font-size:10px !important; }
.medium, .medium a { font-size:11px !important; }
.bold { font-weight: bold; }
.italic { font-style:italic; }
.red { color: #FB0000; }
.green { color: #006400; }
.nowrap { white-space: nowrap; }

/* divs formatieren */
.left { float: left; }
.right { float: right; }
.clearBoth { clear: both; }


/* boxen formatieren */
.boxFull { float: left; width: 950px; margin-bottom: 5px; }


.boxBigLeft { float: left; width: 600px; margin-bottom: 5px; }
.boxBigRight { float: left; width: 350px; margin-bottom: 5px; }

.boxSmallLeft { float: left; width: 350px; margin-bottom: 5px; }
.boxSmallMiddle { float: left; width: 300px; margin-bottom: 5px; }
.boxSmallRight { float: left; width: 300px; margin-bottom: 5px; }

.boxMinHeight { min-height: 100px; height: auto !important; height: 100px; }
.boxInLink { margin-top:5px; text-align:right; float:right; margin-bottom:0; color:#0000FF; }

.head {
	background-image: url(../images/bg/blue.jpg);
	padding:6px;
	color:black;
	font-weight: bold;
	border: 1px solid #484848;
	border-bottom: 0;
	margin: 0 3px 0 3px;
}
.headGreen { background-image: url(../images/bg/green.jpg) !important; }
.headTurquoise { background-image: url(../images/bg/turquoise.jpg) !important; }
.headPurple { background-image: url(../images/bg/purple.jpg) !important; }
.headOrange { background-image: url(../images/bg/orange.jpg) !important; }

.body {
	border: 1px solid #484848;
	border-top: 0;
	padding: 5px;
	margin: 0 3px 0 3px;
}
.next { margin-top: 10px; }
.nextBefore { margin-bottom: 10px; }

.info { /* ankuendigung und information */
	background: url(../images/iconInfo.gif) no-repeat;
	padding-left: 15px;
	margin: 5px;
}
.notice { 
	background: url(../images/iconInfo.gif) no-repeat;
	padding: 10px 10px 10px 15px;
	margin: 5px 5px 20px 5px;
	background-color: #aaa;
}


/* menue formatieren */
li.menupunkt {
	margin: 1px 0px 1px 5px;
	list-style:none;
}
li.menupunktEmpty {
   margin: 1px 0px 1px 5px;
   list-style:none;
   height: 10px;
}




/* Links formatieren */
a.hrefButton { /* wo gebraucht ? */
	border: 1px solid #000;
	padding: 5px;
	margin: 3px;
	background-color: #ccc;
}

.head a {
	color: #000 !important;
	text-decoration: none !important;
}
.head a:hover {
	color: #000 !important;
	text-decoration: underline !important;
}


/* Text-Buttons */
a.linkButton, a.linkButton a {
	border: 1px solid #6495ED;
	color: #000 !important;
	text-decoration:none !important;
	padding:7px 0 7px 0;
	margin:0;
	font-weight:bold;
}
a.linkButton:hover {
	border:1px solid #00008B;
}
a.linkButton span {
   padding:6px;
   margin:1px;
   background-color:#CCCCFF;
   width:100%;
}
a.linkButton span:hover {
   background-color:#CCCCEE;
}


/* Links */
a:link, a:visited, a:active  { 
	text-decoration: none;
	color: #0000FB;
}
a:hover {  
	text-decoration: underline;
	color: #0000FB;
}


/* Input Felder */
input, .input, select {
	border: 1px solid #000;
	padding: 3px;
}
input.button {
   padding-left: 7px !important;
   padding-right: 7px !important;
}
input.buttonSmall {
   padding-left: 7px !important;
   padding-right: 7px !important;
   padding: 1px;
}

input.small { padding:3px; font-size:11px; }
input.smallButton { padding: 2px; font-size: 11px; }
.width100px { width: 100px; }
.width200px { width: 200px; }
.width300px { width: 300px; }
.width350px { width: 350px; }
.width400px { width: 400px; }
.width600px { width: 600px; }
.width100pr { width: 99%; }
.inputRed { background-color: #BB0000; color: #FFF; }


.spezTextMark {
   margin: 7px;
   padding:5px;
   background-color:#CCCCFF;
}


.table0pr {
	width: 1% !important;
}

.borderBlack { border: 1px solid #000; }
.borderNo { border: 0; }

/* Hover Infobox */
span.infobox:hover { color:#FB0000; }
span.infobox span { text-align:justify; width:-250px; visibility:hidden; position:absolute; padding:5px; text-decoration:none; }
span.infobox:hover span, a.infobox:focus span, a.infobox:active span { background-color:#FFF; visibility:visible; border:1px solid #c30; color:#000; margin:7px; }

/* Article Searchbar */
#searchBar { float:right; margin-top:35px; }
.searchDropdown { width:105px; }
.searchInput { width:300px; padding:4px; margin-right:5px; }


/* search results */
.searchBox {
   border: 1px solid #CCC;
   padding:3px 7px 3px 7px;
   margin:3px;
}
.searchBox h2 { font-weight:bold; }
.searchBox:hover { background-color:#DEDEDE; }

.newsImage { border:1px solid #CC3300; padding:2px; margin:4px; }
.newsImage:hover { border:1px solid #330000; background-color:#FF9933; }