* {
	margin: 0;
	padding: 0;
}
a:focus {outline:none;}
a img {border:none;}
body {
	font-family: Trebuchet MS, sans;
	color: black;
	font-size: 13px;
	background-color: #fff;
	text-align: center;
	font-stretch: expanded;
}

html, body {
	height: 100%;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	margin-top: 30px;
}

*+html #wrapper {
	position: relative;
	top: 30px;
	z-index: 0;
}

#head {
	background-color: #fff;
	color: white;
	height: 150px;
	text-align: left;
	background-image: url(img/ccb_web_header.jpg);
	background-repeat: no-repeat;
}

#contentwrapper {
	border: 0px solid #E5E5E5;
	margin-top: 10px;
}

#innerwrapper {
	float: right;
	width: 800px;
}

#centercolumn {
	float: left;
	width: 795px;
	background-color: #fff;
	background: url(img/container_title_content.jpg) no-repeat top right;
	margin-left: 5px;
}


#centercolumn #contentBoxGelb,
#centercolumn #contentBoxGrau,
#centercolumn #contentBoxPink,
#centercolumn #contentBoxBlau,
#centercolumn #contentBoxGruen,
#centercolumn #contentBoxLila,
#centercolumn #contentBoxOrange,
#centercolumn #contentBoxPetrol {
	padding-top: 0px;
	margin-right: 5px;
}

/*
#centercolumn #contentBoxBlau,
#centercolumn #contentBoxGruen,
#centercolumn #contentBoxGrau,
#centercolumn #contentBoxOrange {
	padding-top: 0px;
	margin-right: 5px;
}
*/

#centercolumn div.layout {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}






#centercolumn div.content {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 620px;
	float: left;
	border-right: 1px dotted grey;
}
#centercolumn div.boxWrapper h2 {

}




#leftcolumn {
	margin-right: 800px;
}

#leftcolumn div {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: #E5E5E5;
}

#footer {
	background-color: #193161;
	color: white;
	text-align: center;
}

.clearer {
	clear: right;
}



/*
	Header-Inhalte
*/
#homeLink {
	display: block;
	width: 80px;
	height: 80px;
	border: 0px;
	float: left;
	margin-top: 17px;
	margin-left: 23px;
}
h1.siteHeading {
	font-family: georgia, serif;
	font-size: 20px;
	color: #fff;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
	padding-right: 20px;
	padding-top: 30px;
	text-align: right;
}
h2.siteSubline {
	font-family: georgia, serif;
	font-size: 18px;
	color: #fff;
	padding-left: 30px;
}






/*
	Style-Switcher-Navigation
*/
p#styleSwitcher {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 70px;
	color: grey;
}
#styleSwitcher a:link,
#styleSwitcher a:visited {
	color: grey;
	text-decoration: none;
}

#styleSwitcher a:focus,
#styleSwitcher a:hover {
	color: blue;
	text-decoration: none;
	border-bottom: 1px dotted white;
}








/*
	Inhaltsverzeichnis
*/
#centercolumn #inhaltListe {
	padding-left: 10px;
	padding-top: 0px;
}
#centercolumn #inhaltListe ul {
	list-style-type: none;
}
#centercolumn #inhaltListe li {
	padding-bottom: 5px;
	width:580px;
}
#centercolumn #inhaltListe ul.inhaltSubList {
	padding-top: 10px;
	margin-left: 20px;
}






/*
	Hauptkapitel-Anzeige
*/
div.hauptKapHeading {
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: left;
	width: 100%;
}

div.hauptKapHeading a:link {
	color: #cd1515;
	text-decoration: none;
	font-family: Trebuchet MS, sans;
	font-size: 11px;
}






/*
	Navigation
*/

#leftcolumn #ankerNav {
	margin-top: 20px;
}

#leftcolumn #ankerNav p {
	margin-top: 5px;
}


#leftcolumn #navigation,
#leftcolumn #ankerNav {
	background: url(img/container_title_content.jpg) no-repeat top right #E5E5E5;
	padding-top: 30px;
}

#leftcolumn #navigation ul {
	margin-left: 0px;
	list-style-type: none;
}


#leftcolumn #navigation ul.mainNav li {
	padding-bottom: 5px;
	padding-left: 15px;
}
#leftcolumn #navigation ul.mainNav li.active {
	list-style-type: none;
	background: url(img/raquo_rot.gif) no-repeat;
	background-position: 0px 2px;
}

#leftcolumn #navigation ul.subNav li {
	list-style-type: none;
	line-height: 16px;
	padding-bottom: 0px;
}
#leftcolumn #navigation ul.subNav li.active {
	list-style-type: none;
	background: url(img/raquo_rot.gif) no-repeat;
	background-position: 0px 2px;
}


#leftcolumn #navigation a:link,
#leftcolumn #navigation a:visited {
	text-decoration: none;
	color: black;
}

#leftcolumn #navigation a:focus,
#leftcolumn #navigation a:hover {
	text-decoration: underline;
	color: #cd1515;
}
#leftcolumn #navigation a.linkActive {
	text-decoration: underline;
	color: #cd1515;
}






/*
	Brotkrumen-Navigation
*/
div#breadcrumb {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	background: #E5E5E5;
	width: 100%;
	height: 20px;
	text-align: left;
}

div#breadcrumb p {
	width:1000px;
	margin: 0 auto;
	padding-left: 0px;
}

#breadcrumb a:link,
#breadcrumb a:visited {
	text-decoration: none;
	color: #cd1515;
}

#breadcrumb a:focus,
#breadcrumb a:hover {
	text-decoration: underline;
	color: #cd1515;
}
#breadcrumb a.linkActive {
	text-decoration: underline;
	color: #cd1515;
}





/*
	Marginalspalte
*/
#centercolumn div.marginal {
	margin-left: 650px;
	padding: 0px 0px;
}
#centercolumn div.marginal p {
	background-color: #AFAFAF;
	color: #fff;
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}
#centercolumn div.marginal img {
	margin-bottom: 10px;
	border: none;
}
#centercolumn div.marginal img.kompIcon {
	border: none;
}



/*
	Sprungmenu im Content
*/
p.sprungMenue {
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}

p.sprungMenue a:link,
p.sprungMenue a:visited {
	color: #cd1515;
	text-decoration: none;
	border-bottom: 0px;
}
p.sprungMenue a:focus,
p.sprungMenue a:hover {
	color: #cd1515;
	text-decoration: none;
	border-bottom: 1px dotted #cd1515;
}

p.sprungMenue img {
	border: 0px;
	padding-right: 10px;
}




/*
	Material-Liste
*/
ul.materialListe {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
ul.materialListe li {
	padding-left: 15px;
	
	line-height: 20px;
}
ul.materialListe li a:link,
ul.materialListe li a:visited {
	text-decoration: none;
}
ul.materialListe li a:focus,
ul.materialListe li a:hover {
	text-decoration: underline;
}