/*
 * FARBEN
 * rot: #C40009
 * blau: #006699
 *     
 */

/*
 * Probleme mit teilweise unterschiedlichen Rand und Innenabstandsdefinitionen
 * werden umgangen, indem die Werte dafuer einheitlich auf 0 gesetzt werden
 */
*, ul, li, dl, dt, dd, body {
	margin:							0;
	padding:							0;
}

body {
	font-family:					Helvetica, Arial, sans-serif;
	font-size:						100.01%;
	color:							#000000;
	background-color:				transparent;
}
p {
	font-size:						0.75em;
	margin-bottom:					0.5em;
}
td {
  font-size:  0.75em;
}
h1, h2, h3, h4, h5 {
	color:							#006699;
	font-size:                 0.8125em;
	margin-bottom:					0.75em;
	display: block;
}
h3   
{
  font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
  font-weight: bold;
  color: black;
  font-size: 12px;
}
input {
	font-family:					Helvetica, Arial, sans-serif;
	font-size:10px;
	border:							1px solid #006699;
	height: 20px;
}
select {
  font-family:					Helvetica, Arial, sans-serif;
	background-color:				#ffffff;
	border:							1px solid #2B75B7;
	color:							Black;
	vertical-align:				top;
	font-size:10px;
	height: 21px;
}
a {
    color:							#003366;
    background-color:			transparent;
    text-decoration:				none;
}
a:hover {
	text-decoration:				underline;
	color:							#C40009;
}
div.clear {
	clear:							both;
}

P.csc-linkToTop { text-align: right; text-transform:	lowercase; }
P.csc-linkToTop A { font-weight: normal; }

/*
 * STAGE
 */
#stage {
	width:							815px;
}

/*
 * HEADER
 */
#header {
	background:						url(../gfx/header_background.jpg) no-repeat;
	height:							133px;
}

/*
 * HEADER: Contact
 */
#contact {
	padding-top:					8px;
	float:							left;
}
#contact ul {
	list-style-type:				none;
	font-size:						0.625em;
}
#contact ul li {
	float:							left;
	margin-left:					14px;
}
#contact ul a {
	color:							#ffffff;
	text-decoration:				none;
	font-weight:					bold;
}

/*
 * HEADER: Search
 */ 
#search {
	padding:							103px 0px 0px 160px;
}
#search input#searchGadget {
	color:							#666666;
	background:						url(../gfx/input_background.gif) repeat-x;
	font-size:						0.625em;
	line-height:					normal;
	height:							16px;
	margin-right:					-3px;
	margin-top:						2px;
	vertical-align:				top;
	width:							155px;
	border:							1px solid #2B75B7;
}

/*
 * CONTENT Area
 */ 
#leftColumn {
	background:						url(../gfx/left_column_background.jpg) no-repeat top left;
	width:							130px;
	float:							left;
	padding-top:					5px;
}
#centerColumn {
	margin-left:					160px;
	margin-right:					194px;
	padding-top:					5px;
}
#rightColumn {
	width:							174px;
	float:							right;
	padding-top:					5px;
}

/*
 * CONTENT: Left Column -> Navigation
 */
#navigationMain {
	list-style-type:				none;
	margin-left:					20px;
	font-size:						0.75em;
	line-height:					2.3em;
}
#navigationMain li {
	border-bottom:					1px dashed #006699;
}
#navigationSecondary {
	list-style-type:				none;
	font-size:						0.83em;
}
#navigationSecondary li {
	border-bottom:					none;
	line-height:					2.3em;
}
#navigationMain a,
#navigationSecondary a {
	text-decoration:				none;
}
#navigationMain a.active,
#navigationSecondary a.active {
	color:							#C40009;
}
#navigationMain a:hover,
#navigationSecondary a:hover {
	color:							#C40009;
	text-decoration:				none;
}

/*
 * CONTENT: Right Column -> Boxen
 */
#searchCourse {
	margin-bottom: 10px;
}
div.field {
	margin-bottom:					10px;
}
/* Box mit horizontal blau gestreiftem Hintergrund */
#courseContact div.contentBodytext {  }
#contentRight div.contentBodytext,
#searchCourse div.contentBodytext,
#courseContact div.contentBodytext
 {
   background:                url(../gfx/background_round_box_body.jpg);
   border:                    1px solid #006699;
   border-top:                none;
   padding:                   8px; 
}
#contentRight div.contentText div.csc-header, 
#searchCourse div.contentText div.csc-header,
#courseContact div.contentText div.csc-header{
	height:							35px;
	background:						url(../gfx/background_round_box_top.gif);
}
#contentRight div.contentText,
#searchCourse div.contentText,
#courseContact div.contentText
 {
   margin-bottom:             10px;
}
#searchCourse
{
  margin-bottom:             10px;
}
#contentRight div.contentImage,
#searchCourse div.contentImage
 {
   border:                    1px solid #006699;
   margin-bottom:              10px;
   overflow: visible;
}
#contentRight div.contentText p {
   line-height:               140%;
}
#contentRight div.csc-textpic-center {
   text-align:                left;
}
#contentRight div.order {
   padding:                   4px 5px 4px 5px;
}
#contentRight div.contentText div.csc-header h1,
#searchCourse div.contentText div.csc-header h1,
#courseContact div.contentText div.csc-header h1,
#contentRight div.contentText div.csc-header h2,
#contentRight div.contentText div.csc-header h3,
#contentRight div.contentText div.csc-header h4,
#contentRight div.contentText div.csc-header h5 {
   padding-left:              8px;
   padding-top:               10px;
   
}
/*
 * CONTENT: Center Column -> Dokumentservice
 */
#centerDocumentService {
  float:							right;
}
#centerDocumentService ul {
   list-style-type:           none;
   font-size:                 0.625em;
   margin-right:              100px;
   margin-left:					20px;
   margin-top:                5px;
}
#centerDocumentService ul li {
   float:                     left;
   margin-left:               10px;
}
/*
 * CONTENT: Center Column -> Inhalt
 */
#contentCenter div.csc-header {
	margin-top:						10px;
}
div.csc-frame-rulerAfter {
	border-bottom:					1px solid #006699;
}
div.oneColumn {
	border-bottom:					1px solid #006699;
	margin-top:						10px;
}
div.twoColumns {
	margin-top:						10px;
	margin-bottom:   				10px;
	background:						url(../gfx/twoColumnsBG.gif) repeat-y;
}
#contentCenter div.twoColumns div.csc-header {
	margin-top:						0px;
}
div#centerColumn div.twoColumns div.columnLeft {
	width:							220px;
	float:							left;
}
div#centerColumn div.twoColumns div.columnRight {
	margin-left:					240px;
}
#contentCenter div.contentTextpic div.imageWrap {
	border:							1px solid #006699;
	padding:							5px;
	margin-bottom:					5px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:					0px;
}
/* Overflow-Eigenschaft um separaten Block-Formatting-Context fuer Gecko zu erzeugen */
#contentCenter div.contentTextpic,
#contentCenterBorderTop div.contentTextpic {
   margin-bottom:             5px;
	/*overflow:						hidden;*/
}
div.contentText {
   margin-bottom:             0px;
}
/* in zweispaltiger ansicht */
#contentCenter div.columnLeft div.contentTextpic,
#contentCenter div.columnRight div.contentTextpic,
#contentCenter div.columnLeft div.contentText,
#contentCenter div.columnRight div.contentText {
   margin-bottom:             20px;
}
/*
 * CONTENT: Center Column -> Mit Rahmen oben
 * Template-File: americanheart_detail.html 
 */
#contentCenterBorderTop {
	background:						url(../gfx/bg_general_top.jpg) no-repeat top left;
}
/* Alle Bilder (Text m/Bild) bekommen Rahmen*/
#contentCenterBorderTop div.contentTextpic div.imageWrap {
	border:							1px solid #006699;
	padding:							5px;
	margin-top:						10px;
}
/* Rahmen ersten Bildes (Text m/Bild) bekommt keinen unteren Aussenrandabstand */
#contentCenterBorderTop div.contentTextpic div.imageNumber0 {
	margin-top:						0px;
	margin-bottom:					10px;
}
#contentCenterBorderTop div.contentTextpic div.csc-textpic-imagerow dd,
#contentCenterBorderTop div.contentTextpic div.imageWrap dd {
	font-size:						0.625em;
}
#contentCenterBorderTop div.contentTextpic div.csc-textpic-imagerow div.order,
#contentCenterBorderTop div.contentTextpic div.csc-textpic-imagewrap div.order {
	border:							1px solid #006699;
	background-color:    #ebf0f4;
	border-top:						none;
	padding:							5px;
	padding-bottom:				0px;
	margin-bottom:					5px;
	margin-top:						-10px;
}
div.order p {
	font-size:						0.675em;
}
#contentRight div.order p {
   margin:              0;
}
div.order  {
	background-color:    #ebf0f4;
	font-weight:bold;
}
div.order a {
   color:			#006699;

}
#contentCenterBorderTop div.csc-header {
	border-left:					1px solid #006699;
	padding:							10px 0px 25px 10px; 
}
#contentCenterBorderTop div.contentTextpic div.csc-header,
#contentCenterBorderTop div.contentText div.csc-header {
	border-left:					1px solid #006699;
	padding:							10px 0px 25px 10px;
}
#contentCenterBorderTop div.contentTextpic div.csc-header h1,
#contentCenterBorderTop div.contentTextpic div.csc-header h2,
#contentCenterBorderTop div.contentTextpic div.csc-header h3,
#contentCenterBorderTop div.contentTextpic div.csc-header h4,
#contentCenterBorderTop div.contentTextpic div.csc-header h5 {
	margin-bottom:					0px;
}
/* wenn nur text ausgegeben wird */
#contentCenterBorderTop div.contentText div.contentBodytext {
   border-left:               1px solid #006699;
   padding-left:              10px;
   padding-bottom:              10px;
}

/* LISTS */
#contentCenterBorderTop ul,
ol {
	font-size: 0.75em;
	margin: 0 0 1em 0;
	padding: 0;
	/*list-style-image: url(../gfx/list_icon.gif);*/
  
	list-style-type: none;
}

#contentCenterBorderTop ul li,
ol li {
	margin:				0 0 0.25em 0px;
	padding:			0;
	padding-left: 20px;
	background: transparent url(../gfx/list_icon.gif) no-repeat scroll 0 0;
}

/* alle styles für Herausgeber */
/* Rahmen1 rechts*/
#contentRight div.csc-frame-frame1 {
  height: 265px;
  margin-top: 10px;
  border-top:1px solid #006699;
  /*overflow: visible;*/
}
#contentRight div.csc-frame-frame1 div.contentText p {
	line-height:					120%;
	margin-bottom:					15px;
}
/* Rahmen2 in der Mitte */
#contentCenterBorderTop div.csc-frame-frame2 {
  height:265px;
  border-top:1px solid #006699;
  margin-bottom: 10px;
}
#contentRight div.csc-frame-frame1 div.contentText div.contentBodytext {
	height:							245px;
}
#contentCenterBorderTop div.csc-frame-frame2 p {
	padding-top: 5px;
}
#contentCenterBorderTop div.csc-frame-frame2 div.contentTextpic{
  padding-top: 0px;
    
}
#contentCenterBorderTop div.csc-frame-frame2 div.contentTextpic div.imageWrap {
	border:							1px solid #006699;
	border-top:						0px;
	padding:							5px;
	margin-bottom:					0px;
}

/* styles für Aha/Links */
#contentCenterBorderTop div.csc-frame-rulerBefore {
  border-top:1px solid #006699;
  overflow:		hidden; 
  padding-bottom: 20px;
}
#contentCenterBorderTop div.csc-frame-rulerBefore p {
	padding-top: 5px;
}

#contentCenterBorderTop div.csc-frame-rulerBefore div.contentTextpic{
  padding-top: 0px;
 
}
#contentCenterBorderTop div.csc-frame-rulerBefore div.contentTextpic div.imageWrap {
	border:							1px solid #006699;
	border-top: 0px;
	padding:							5px;
	margin-bottom:					5px;
}

div.csc-frame-invisible {
  display: none;
}

div.csc-frame-faq {
   border-top-style:dotted;
  border-top-color:black;
  border-top-width:1px;
  margin-top: 20px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:0px;
  border-left: 0px;
}
#contentCenterBorderTop div.csc-frame-faq div.contentBodytext {
  border-left: 0px;
}

TABLE.contenttable { 
  border-top: 1px #006699 solid;
  border-right: 1px #006699 solid; 
  margin: 10px 0px -10px -10px; 
  width: 100%; 
  border-spacing:		0px;
  border-bottom: 0px;
}
TABLE.contenttable TBODY { margin:  0px; padding: 0px; }
TABLE.contenttable TR TD { 
  padding: 9px 15px 9px 10px; 
  border-bottom: solid 1px #006699;
  margin:					0px;
}
TABLE.contenttable TR TD P.bodytext { font-size: 12px; }
TABLE.contenttable TR { border-bottom: solid 1px #006699; }
TABLE.contenttable TH {   
  background-image:url(../gfx/bg_searchresult_header.jpg);
  color: #006699; 
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  padding: 9px 15px 9px 10px; 
  border-bottom: solid 1px #006699;
  margin:					0px;
}


/* ============= CourseDetail ============ */
.course_detail_table {
  background-image:url(../gfx/bg_searchresult_header.jpg);
  background-repeat: no-repeat;
  width: 100%;
  border:solid 1px #006699;
  border-bottom: 0px;
  margin-left:0px;
  font-size:	12px;
}

.course_detail_table td {
  border-bottom: solid 1px #006699;
  padding-left:15px;
  padding-right:10px;
  padding-top:9px;
  padding-bottom:9px;
  vertical-align:top;
  font-size:	12px;
}


.course_list_header {
  color:#006699;
}

/* ============= CourseSearch ============ */

#course_search_table {
padding-left:12px;
}

#course_search {

}

#course_search div.field {
}

#course_search form {
  margin-left: 15px;
}

#course_search h1 {
  /*float:left;*/
  /*display: inline;*/
  margin:10px 0 0 15px;
  padding:0px !important;
  border: 0px;
  color: #006699;
  font-weight:bold;
}

#course_search .field {
  margin: 5px 10px 5px 0px;
  float: left;
}

.course_search_heading_paging {
  display:block;
  height: 60px;
  padding: 1px 0 0 0px;
  margin-bottom:0px;
}

.course_search_top {
  background-image:url(../gfx/bg_course_search_top.jpg);
  background-repeat: no-repeat;
  color:#006699;
  height:130px;
  /*width: 460px;*/
  margin-bottom:0px;
}

.course_search_top input {
  margin-left: 56px;
  width:148px;
}

.search_label {
  color:black;
  margin: 15px 0px 5px 15px;
  font-size: 0.75em;
  
}

.search_form {
  border: none;
}

.search_form select {
    font-family:Helvetica, Arial !important;
font-size:10px;
width: 148px;
}

.search_form .button {
  margin-top: -2px;
}

.course_search_select {
  padding-bottom: 15px;
}
#searchCourse select {
  width: 148px;
}

/* Suchergebnistabelle */
.search_result_table {
/*
  width: 464px
*/
  width:100%;
  margin-left: 0px !important;
  margin-top: 0px !important;
}

.search_result_table td {
  border-bottom: solid 1px #006699;
  padding-left:15px;
  padding-right: 10px;
  padding-top:9px;
  padding-bottom:9px;
  vertical-align:top;
}
.search_result_table td.right {
  border-right: solid 1px #006699;
}
.search_result_table td.left {
  border-left: solid 1px #006699;
}

.search_result_table td.spacer {
  border-left: none !important;
  border-right: none !important;
}

.search_result_header {
  color:#006699;
}
.search_result_header td {
  border-top: solid 1px #006699;
  background-image:url(../gfx/bg_searchresult_header.jpg);
  background-position: center;
}
.search_result_header td.left {
  background-image:url(../gfx/bg_searchresult_header.jpg);
  background-position: left;
}
.search_result_header td.right {
  background-image:url(../gfx/bg_searchresult_header.jpg);
  background-position: right;
}

.spacer_tc {
  border: none !important;
  height: 12px;
  margin: none !important;
  padding: none;
}
/* Kursuchbox in der rechten Spalte */

#round_box {
  padding-bottom:10px;
  width:175px;
  margin-left: 11px;
}

#round_box a, a:visited {
  text-decoration: none !important;
}
#round_box a:hover {
  color: #CC0000;
  text-decoration: underline !important;
}


#round_box .field {
  padding: 0;
  margin: 0 0 10px 0;
}

#round_box h1 {
    padding-left:10px;
    padding-top:14px;
    padding-bottom:0px;
    margin-bottom:0px;
    border:0px;
    font-weight:bold;
    font-size: 13px !important;
    font-family:Helvetica, Arial !important;
}

#round_box .top {
    height:35px;
    background-image:url(../gfx/background_round_box_top.jpg);
    background-repeat:no-repeat;
    /* background-position:1px 1px; */

}

#round_box .boxbody {
    border-top:0px;
    border-left:solid 1px #006699;
    border-right:solid 1px #006699;
    border-bottom:solid 1px #006699;
    background-image:url(../gfx/background_round_box_body.jpg);
    background-repeat:no-repeat;
    font-size:12px;
    margin-left:0px;
    padding-left:10px;
    padding-bottom:10px;
  padding-top:5px;
line-height:125% !important;
font-family:Helvetica, Arial !important;
}

#round_box .label {
    margin-bottom: 20px;
    font-weight:normal;
}

#round_box form {
    margin-top:15px;
}

#round_box select {
width:147px;
    font-size:10px;
font-family:Helvetica, Arial !important;
}

#round_box input {
width:145px;
font-family:Helvetica, Arial !important;
    font-size:10px;
}



/* kleine Suchbox oben */
.input_text {
    vertical-align:top;
    width:155px;
    height:15px;
    font-family:Helvetica,Arial;
    color:#666666;
    font-size:10px;
    margin-right:-3px;
    margin-top: 1px;
    border:							1px solid #006699;
    background: url(../gfx/input_background.gif) white repeat-x;
    padding-top: 2px;
}
.submit {
    border: 0px;
    height: 21px;
}

#suchform {
    margin-top: 0px;
}
.form_liste {
    height: 19px;
}
td.csc-searchResultRange p{
  font-size: 11px;
}
p.csc-form-label {
  font-size: 12px;
}
td.csc-form-labelcell {
  padding-right: 5px;
}
/* contentelement uploads formatieren */
.csc-uploads {
    border-left:               1px solid #006699;
   padding-left:              10px;
   padding-bottom:              10px;
}
.csc-uploads table td{
    padding: 5px 5px 15px 5px;
}
.csc-uploads td p{
    font-size: 12px;
}
.csc-uploads-fileName {
    padding-right:              10px;
}

/* mailform u. a. contentforms*/
#contact_form_wrapper {
  background:						url(../gfx/bg_contact_body.jpg) no-repeat;
  padding-top:0px;
  border-bottom:					1px solid #006699;
  padding-bottom:					15px;
  margin-bottom:					15px;
}
#contact_form_wrapper div.csc-header {
	padding:							10px 0px 25px 15px;
	margin-top:						0px;
	background:						url(../gfx/bg_contact_header.jpg) no-repeat;
}
#contact_form_wrapper p{
  padding-left:15px;
  padding-right:15px;
  display: block;
  /*width: 170px;*/

}
#contact_form_wrapper fieldset {
	padding:0.5em 1em 0.8em 1em;
	border: 0px;
	margin-bottom:0px;
	}
#contact_form_wrapper fieldset fieldset {
	padding:0;
	border:none;
	margin-bottom:0;
	width:62%;
	}
#contact_form_wrapper fieldset fieldset legend {
	display:none;
	}
#contact_form_wrapper .csc-mailform-field {
	padding:0.5em 0 0.4em 0;
	clear:left;
	/*border-top: 4px solid #EBEFF1;*/
	margin:0.2em 0 0 0;
	font-size:12px;
	}

#contact_form_wrapper div.csc-mailform-field input.csc-mailform-submit {
	width:							auto;
	padding-left:					5px;
	padding-right:					5px;
}
#contact_form_wrapper div.csc-mailform-field input.csc-mailform-check {
	width:							auto;
}
#contact_form_wrapper legend {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	padding:0em 0.7em 0.2em 0.7em;
	margin:0em 0em 0.2em 0em;
	background-color:#FFFFFF;
	/*background-color:#EBEFF1;*/
	}
#contact_form_wrapper label {
	font-size:12px;
	display:block;
	width:30%;
	float:left;
	clear:left;
	padding:0.1em 0.5em 0.3em 0px;
	margin:0 0.4em 0 0;
	text-align:left;
	/*background-color:#00CCFF;*/
	}
#contact_form_wrapper span.csc-mailform-radio label {
	float:none;
	clear:none;
	display:inline;
	border:none;
	}
#contact_form_wrapper .csc-mailform-field input,
#contact_form_wrapper .csc-mailform-field textarea {
	border: 1px solid #006699;
	width:62%;
	}
#contact_form_wrapper .csc-mailform-field input:focus,
#contact_form_wrapper .csc-mailform-field textarea:focus {
	border: 1px solid #BFCBD2;;
	}
#contact_form_wrapper input.search {
	border: 1px solid #006699;
	width:45%;
	}
#contact_form_wrapper input.search:focus {
	border: 1px solid #BFCBD2;
	}
#contact_form_wrapper input.csc-mailform-check {
	border:none;
	width:auto;
	}
#contact_form_wrapper input.csc-mailform-radio {
	border:none;
	width:auto;
	}
#contact_form_wrapper input.csc-mailform-submit,
#contact_form_wrapper input.button {
	border: 1px solid #006699;
	/*background-image:url(../gfx/abschicken.jpg);*/
  background-repeat:no-repeat;
	background-color:#FFFFFF;
	color:#006699;;
	/*padding:0.05em 0.5em 0.1em 0.5em;*/
	margin-top: 10px;
	/*width:80px;*/
	height:21px;
	}
#contact_form_wrapper input,
#contact_form_wrapper textarea,
#contact_form_wrapper select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#contact_form_wrapper select {
	width: 80px;
	background-color:White;
border:1px solid #2B75B7;
color:Black;
vertical-align:top;
	}
div.tipafriendError {
	background-color:			#ffffff;
	margin:						0px 2px 0px 2px;
	padding-top:				5px;
	border:						2px solid #ff0000;
}
#contact_form_wrapper table {
	margin-left:				14px;
}
#contact_form_wrapper div.tx-newloginbox-footer {
	margin-top:					10px;
	/*margin-bottom:				20px;*/
}

/* rote box für limitierte PDF-downloads  */
#round_box_red {
    width: 175px;
    padding-bottom:10px;
    border-bottom: solid 1px #006699;
    background:url(../gfx/bg_red.jpg) no-repeat;
    margin-bottom: 10px;
}

#round_box_red h1 {
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:0px;
    border:0px;
    font-weight:bold;
    font-size: 12px;
}

#round_box_red .boxbody {
    border:0px;
    font-size:12px;
    margin-left:1px;
    padding-left:10px;
    padding-right:5px;
    padding-bottom:10px;
}

#contentRight #round_box_red div.contentText,
#contentRight #round_box_red div.contentBodytext,
#contentRight #round_box_red div.contentText div.csc-header {
    background-image: none;
    border: 0px;
}
#back {
	margin-top:						50px;
	clear:							both;
}
div.contactFrame {
	height:							142px;
}
div.contactFrame div.contentText div.csc-header {
	border-bottom:					1px solid #006699;
}
h1.h1Four {
	margin-bottom:					-10px;
}

#contentCenter div.contentImage {
 overflow: hidden;
}
#contentCenter div.contentImage div.imageWrap {
 overflow: hidden;
}

#contentCenter div.contentImage div.imageWrap img {
 border: 1px solid #006699;
 padding: 5px;
 margin-bottom: 15px !important;
}