/* Allgemeine Layout-Einstellungen */
body {
	background: #A6CEFF url('images/bg.png') repeat-x top center;
	color: #000000;
	font-size: 12px;
	font-family: Tahoma;
}

/* Linkeinstellungen */
a, a:link, a:visited {color: #FFD629; text-decoration: none;}
a:hover, a:active {color: #FFD629; text-decoration: underline; outline: none;}

/* Haupttabelle */
.main {width: 900px; background: #FFFFFF; border: 1px solid #8475AA; margin: auto; color: #453671;}
.head {width: 900px; height: 250px; text-align: left;}
.head-block {
	float: right;
	width: 300px;
	height: 220px;
	text-align: center;
	background: #FFFFFF url('images/head-block.png') no-repeat center center;
	padding-top: 30px;
}
.top-navi {text-align: center; border-bottom: 1px solid #8475AA; background: #453671;}

.content {width: 659px; text-align: left; vertical-align: top; float: left;}
.content a, .content a:link, .content a:visited {color: #E46969;}
.content a:hover, .content a:active, .content a:focus {color: #E46969;}
.content-in {text-align:left; padding: 10px; padding-right: 5px;}

.navi {
	width: 240px;
	text-align: center;
	vertical-align: top;
	float: right;
	font-size: 12px;
}

.navi a, .navi a:link, .navi a:visited {color: #E46969;}
.navi a:hover, .navi a:active, .navi a:focus {color: #E46969;}

.menu{
	width: 220px;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

.menu .mdname {
	display:block;
	padding-left: 15px;
	margin-top: 11px;
	border-bottom: 1px solid #8374A9;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 15px;
	font-family: Helvetica,Sans-Serif;
	text-shadow: #C9D0DA 1px 1px 1px;
}

.copyright {
	background: #453671;
	color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 1px solid #F7F5FA;
  clear: both;
}
.copyright a,.copyright a:link,.copyright a:visited {color: #A61518;}
.copyright a:hover,.copyright a:focus {color: #A61518;}
.copyright span {font-weight: bold;}

/* Div-Container */
.div-main {border: 1px solid #8374A9; padding: 3px; background: #EFEDF1;}
.div-head {font-weight: bold; border-bottom: 1px solid #05405F;}
.div-content {text-align:justify; padding: 3px; width: 77%;}
.div-avatar {margin-right: 5px; padding: 5px; border-right: 1px solid #05405F; width: 18%;}
.div-footer {text-align: right; border-top: 1px solid #05405F; font-size: 10px;}

/* Schriftformatierungen */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}

/* Diagonale Schriftformatierungen */
.leftt {text-align: left; vertical-align: top;}
.leftm {text-align: left; vertical-align: middle;}
.leftb {text-align: left; vertical-align: bottom;}
.centert {text-align: center; vertical-align: top;}
.centerm {text-align: center; vertical-align: middle;}
.centerb {text-align: center; vertical-align: bottom;}
.rightt {text-align: right; vertical-align: top;}
.rightm {text-align: right; vertical-align: middle;}
.rightb {text-align: right; vertical-align: bottom;}

/* Weitenangaben */
.w25 {width: 25%;}
.w33 {width: 33%;}
.w33b {width: 32%;}
.w50 {width: 50%;}
.w50b {width: 49%;}
.w75 {width: 75%;}
.w100 {width: 100%;}

/* Überschriften */
p.header1,p.header2,p.header3,h1,h2,h3 {
	border-bottom: 1px solid #8374A9;
	padding-bottom: 2px;
	margin-bottom: 2px;
	padding-left: 5px;
	font-family: Helvetica,Sans-Serif;
	text-shadow: #C9D0DA 1px 1px 1px;
}
p.header1,h1 {font-size: 16px; font-weight: bold; margin-top: 0px;}
p.header2,h2 {font-size: 14px; font-weight: bold;}
p.header3,h3 {font-size: 12px; font-weight: bold;}

/* Sonstiges */
img {border: 0px;}
.imgdisabled {opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);}

.b {font-weight: bold;}
.u {text-decoration: underline;}
.s {text-decoration:line-through;}
.i  {font-style: italic;}
.nowrap {white-space: nowrap;}
.justify {text-align: justify;}

.floatl {float: left;}
.floatr {float: right;}

.clearl {clear: left;}
.clearb {clear: both;}
.clearr{clear: right;}

.border {border: 1px solid #29313A;}
.borderr {border-right: 1px solid #29313A;}

hr {height: 0px; border: 1px solid #29313A;}

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 165px; /*width of menu (not including side paddings)*/
color: #FFFFFF;
background-color: #453671;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #453671;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
font-weight: bold;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 175px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #8374A9;
color: white;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}


/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}


/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
background: #453671;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{display: inline;margin: 0;}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
/*border-right: 1px solid white; right divider between tabs*/
color: white;
background: #453671;
width: 18%;
text-align: center;
}

.mattblackmenu li a:visited{color: white;}
.mattblackmenu li a:hover{background: #8576AA; /*background of tabs for hover state */}
.mattblackmenu a.selected{background: #8576AA; /*background of tab with "selected" class assigned to its LI */}