/* Basis background-color: #e6ddd5; */
body {
	background-color: #0b0b15;
	color: #fff;
	background-image: url(../images/layout/higru.png);
	background-repeat: repeat;
}


/* Header */
#header {
	height: 74px;
	font-family: Arial, Helvetica, sans-serif;
	color: #bcc1c5;
	font-size: 70%;
	font-weight: bold;
	letter-spacing: 0.05em;
}

#header a {
	color: #bcc1c5;
	text-decoration: none;
}

#header a:hover {
	color: #005588;
}


#headerleft {
	float: left;
}

#headerright {
	float: right;
	margin-top: 9px;
}

/* Navigation */
#nav {
	background-color: #bcc1c5;
	padding: 4px 0;
}

#navleft {
	float: left;
}

#navright {
	float: right;
}

#nav a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 100%;
	letter-spacing: 0.05em;
}

#nav a:hover {
	color: #fff;
}

#nav li a.act {
	color: #fff;
}

#nav li a.act:hover {
	color: #000;
}

#nav ul {
	list-style: none outside;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
}

ul.menu ul a {
    padding: 0 10px;
}

ul.menu li {
    padding: 0;
    margin: 0;
    float: left;
    padding-left: 0px;
}

ul.menu ul {
    margin-left: 0;
    padding: 5px 0;
    position: absolute;
    background-color: #bcc1c5;
    display:none;
    min-width:180px;
    opacity:0.9;
    filter: alpha(opacity=90); 
    -moz-opacity:0.9;
    z-index: 599;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
}


/* Unternavigation unten links - z.B. Blog */
#subnav {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	padding-top: 18px;
}

#subnav h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	font-style: normal;
	font-weight: bold;
}

#subnav ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
	text-indent: -0.8em;
}

#subnav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 2px;
}

#subnav li a {
	color: #000;
	text-decoration: none;
}

#subnav li a:hover {
	color: #005588;
}

#subnav li.act a {
	color: #005588;
	text-decoration: none;
}

#subnav li.act a:hover {
	color: #000;
}

/* Content links */
#contentleft {
	padding-top: 18px;
}

/* Footer */
#footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #bcc1c5;
	font-size: 80%;
	margin-top: 50px;
}

#footer a {
	color: #bcc1c5;
	text-decoration: none;
}

#footer a:hover {
	color: #005588;
}

/* Spaltenausrichtung */
.subcl { text-align: left; }
.subcr { text-align: right; }
.subc { text-align: center; }

/* Anpassungen Homepage */
#homepage p {
	text-align: left;
	color: #000;
}

#composing {
	width: 388px;
	height: 420px;
	background-image: url("../images/composings/composing_background.png");
	position: relative;
}

#composing #cbottom {
	position: absolute;
	bottom: 25px;
	left: 20px;
}

#composing #ctitle {
	font-size: 20px;
	padding-bottom: 5px;
}

#composing_home {
	margin-bottom: 10px;
}

#composing_home #composing {
	float: left;
}

#homepage #footer {
	margin-top: 0;
}

#web20list {
	margin-top: 50px;
}

/* Teaser */
#homecol1 div.teasertext, #homecol2 div.teasertext, #homecol3 div.teasertext, #homecol4 div.teasertext, #homecol5 div.teasertext {
	width: 184px;
}

#homecol2 img, #homecol2 div.teasertext {
	padding-left: 4px;
}

#homecol3 img, #homecol3 div.teasertext {
	padding-left: 8px;
}

#homecol4 img, #homecol4 div.teasertext {
	padding-left: 12px;
}

#homecol5 img, #homecol5 div.teasertext {
	padding-left: 16px;
}

div.teasertext a {
	text-decoration: none;
	font-size: 10pt;
	color: #000;
}

div.teasertext a:hover {
	color: #005588;
}

.teasercolleft {
	border-bottom: 1px solid #bcc1c5;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.teasercolleft div.c66l p {
	padding-right: 10px;
}

.csc-header-n2, .csc-header-n3, .csc-header-n4, .csc-header-n5, .csc-header-n6, .csc-header-n7, .csc-header-n8, .csc-header-n9, .csc-header-n10 {
	padding-top: 15pt;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.hostingtable td {
	width: 25%;
	padding: 2px;
	vertical-align: top;
}

.hostingtable .tr-0 td {
	background-color: #CCC;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.hostingtable .tr-1 td, .hostingtable .tr-8 td, .hostingtable .tr-13 td, .hostingtable .tr-last td {
	border-bottom: 1px solid #CCC;
}

.hostingtable td {
	text-align: center;
}

.hostingtable .td-0 {
	text-align: left;
}

#categories li {
	font-size: 9pt;
}
