/*
Stylesheet Name: bct-online.de
Theme URI: http://www.bct-online.de
Description: Grundlegende Stildefinition
Version: 0.01
Creator: Raphael GmbH

	Inhaltsverzeichnis:
	---
	0. ...... Grundlegende Deklarationen
	1. ...... Allgemeingültige Element-Formatierungen
	2. ...... Allgemeingültige Klassen-Angaben
	3. ...... IDs (von oben nach unten)
	   3.1 .. Metanavigation
	   3.2 .. Header
	   3.3 .. Content
	4. ...... Spezielle Angaben
	   4.1 .. Start News
	   4.2 .. Start Text
	   4.3 .. Start Teaser
*/


/*
* 0. Grundlegende Deklarationen 
*/
* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100.1%;
	width: 100%;
}
	
body {
	background: url(../img/b.body.jpg) repeat-x left top;
	background-color: #FFFFFF;
	color: #000000;
	font: 11px Verdana, Geneva, sans-serif;
	height: 100.1%;
	width: 100%;
}


/*
* 1. Allgemeingültige Element-Formatierungen
*/
a {
	color: #707173;
	text-decoration: none;
}

a:hover {
	color: #E3007A;
}

dl {
	margin-bottom: 16px;
}


img {
	border: 0px;
}

input {
	border: 1px solid #707173;
	color: #707173;
	font: 11px Verdana, Geneva, sans-serif;
	height: 15px;
	padding-top: 1px;
	padding-left: 3px;
}

input.half {
	width: 230px;
}

input.submitbutton {
	background-color: #E3007A;
	font: 11px Verdana, Geneva, sans-serif;
	border: none;
	color: #FFFFFF;
	height: 20px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

textarea.full {
	border: 1px solid #707173;
	color: #707173;
	font: 11px Verdana, Geneva, sans-serif;
	width: 468px;
}

h1 {
	color: #000000;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
}

h2 {
	color: #000000;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
}

p {
	padding-bottom: 16px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content-center ul{
  margin-left: 14px;
  list-style: square;
}

/*
* 2. Allgemeingültige Klassen-Angaben
*/
.high {
	color: #E3007A;
}

div.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
	margin-top: 5px
}

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
	padding-top: 5px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}

div.csc-sitemap ul {
	list-style-image:url(../img/b.list.gif);
	padding-left: 15px;
}

div.csc-sitemap ul a {
	text-decoration: none !important;
}

h1.headline {
	color: #E3007A;
	font-size: 22px;
	font-style: italic;
	line-height: 22px;
}

h2.subheadline {
	color: #707173;
	font-size: 16px;
	font-style: italic;
	line-height: 16px;
}

ul.errors {
	color: #E2007A;
	font-weight: bold;
	margin-bottom: 16px;
}


/*
* 3. IDs (von oben nach unten)
*/
#wrapper {
	margin: 0px auto;
	width: 1000px;
}


/*
* 3.1 Metanavigation
*/
#metanavigation {
	color: #f3f3f3;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	margin-left: 23px;
	margin-right: 23px;
	width: 954px;
}

#metanavigation a {
	color: #FFFFFF;
}

#metanavigation a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#metanavigation a.high {
	color: #FFFFFF;
	text-decoration: underline;
}

#metanavigation a.low {
	color: #FFFFFF;
}

#metanavigation a:hover.low {
	color: #FFFFFF;
}

#metanavigation li {
	float: left;
}

#metanavigation-links1 {
	overflow: hidden;
	text-align: right;
	width: 525px;
	float: left;
}

#metanavigation-links2 {
	overflow: hidden;
	text-align: right;
	width: 429px;
	float: left;
}


/*
* 3.2 Header
*/
#header {
	 height: 154px;
	 overflow: hidden;
	 width: 1000px;
}

#header-logo {
	height: 127px;
	margin-left: 23px;
}

#header-navigation {
	float: left;
	height: 22px;
	line-height: 22px;
	margin-top: 5px;
	padding-left: 23px;
	overflow: hidden;
	width: 720px;
}

#header-navigation li {
	float: left;
}

#header-navigation li.low a {
	color: #707173;
}

#header-navigation li.high a {
	color: #E3007A;
}

#header-navigation a {
	padding-right: 23px;
}

#header-search {
	background-color: #FFFFFF;
	float: left;
	height: 27px;
	margin-right: 23px;
	overflow: hidden;
	width: 234px;
	position: relative;
}

#header-search p {
	padding: 0px;
	margin: 0px;
}

#header-search-form {
	position: absolute;
	bottom: 1px;
	left: 0px;
}

#header-search input.input {
	margin-left: 10px;
	width: 188px;
	vertical-align: middle;
}

#header-search input.button {
	border-style: none;
	height: 18px;
	margin-left: 2px;
	padding-top: 0px;
	padding-left: 0px;
	width: 19px;
	vertical-align: middle;
}


/*
* 3.3 Content
*/
#content {
	background: url(../img/b.content.jpg) no-repeat right top;
	width: 1000px;
}

#content-left {
	float: left;
	line-height: 18px;
	padding-left: 23px;
	margin-top: 50px;
	overflow: hidden;
	width: 230px;
}

#content-left div.bar {
	background: url(../img/b.bar.gif) repeat-x left top;
	height: 1px;
	line-height: 1px;
	font-size: 0px;
	margin-top: 1px;
	margin-left: 11px;
	margin-right: 20px;
	width: 199px;
}

#content-left li.low a {
	color: #707173 !important;
}

#content-left li.low a:hover {
	color: #E3007A !important;
}

#content-left li.high a {
	color: #E3007A;
}

#content-left ul.ul2 {
	padding-left: 11px;
}

#content-center {
	float: left;
	line-height: 16px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	padding-top: 23px;
	width: 470px;
}

#content-center a {
	text-decoration: underline;
}

#content-center div.borderbottom {
	background-color: #DADADA;
	width: 470px;
	font-size: 0px;
	line-height: 1px;
	height: 1px;
	margin-bottom: 10px;
}


#content-right {
	background-color: #FFFFFF;
	float: left;
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 23px;
	width: 214px;
}

#content-right a {
	text-decoration: underline;
}

#content-right p {
	margin-bottom: 10px;
}

#content-outline {
	height: 400px;
	float: left;
	overflow: hidden;
	width: 23px;
}

#start #content-center {
	float: left;
	line-height: 16px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 23px 0px 0px 23px;
	width: 720px;
}


/*
* 4. Spezielle Angaben
* 4.1 Start News 
*/
#start-news {
	width:230px;
	float:left;
	overflow:hidden;
	padding-right:10px;
	margin-top: 30px;
}

#start-news a {
	text-decoration: none;
}

#start-news ul {
  list-style: none;
  margin: 0;
}

#start-news div.bar {
	background: url(../img/b.bar.gif) repeat-x left top;
	height: 1px;
	line-height: 1px;
	font-size: 0px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left: 0px;
	width: 230px;
}

#start-news h2 {
	color: #707173;
}


/*
* 4. Spezielle Angaben
* 4.2 Start Text
*/
#start-text {
	width:470px;
	float:left;
	overflow:hidden;
	padding-right:10px;
	margin-top: 30px;
}

#start-text div.bar {
	background: url(../img/b.bar.gif) repeat-x left top;
	height: 1px;
	line-height: 1px;
	font-size: 0px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left: 0px;
	width: 470px;
}

#start-text h2 {
	color: #E3007A;
}

#start-text p {
	padding: 0px;
	margin: 0px;
}

#start-text a {
	text-decoration: none !important;
}


/*
* 4. Spezielle Angaben
* 4.3 Form
*/
#contact, #callback {
	color: #707173;
}




#content-center DIV.csc-textpic-above DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-left: 20px !important; }
#content-center DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 20px !important; }
#content-center .csc-textpic img {
  border:10px solid #CCC;
  padding: 1px;
}

#content-center DIV.csc-textpic-intext-left ul {
  margin-left:273px;
}

/*
* 4. Spezielle Angaben
* 4.3 Start Teaser
*/
div.start-teaser {
	width:230px;
	float:left;
	overflow:hidden;
	padding-right:10px;
}

div.start-teaser a {
	text-decoration: none !important;
}

div.start-teaser img {
  border: 10px solid #CCC;
  padding: 1px;
}