/**************************************************************

CSS-Datei:					onlinekurse-screen.css
Version:						1.0.5
	
angelegt: 					12.8.09
letzte Aenderung:		30.3.10
	
Autor:							Gabriele Engmann
Webseite:					kurs-homoeopathie.de
Beschreibung:				CSS-Anweisungen fuer die Bildschirmausgabe

***************************************************************/

/***************************************
	GENERERAL ELEMENTS STYLES
****************************************/

* { margin: 0; padding: 0; }

body, html { border: 0; margin: 0; font-size: 11px; line-height: 1.8em; font-family: Verdana,Arial,SunSans-Regular,Helvetica,sans-serif; }
body { background-color: #fff; color: #000033; padding: 0; }

pre { font-family: monospace; }
a { color: #000033; text-decoration: underline; font-weight: bold; }
a:hover { color: #2e3e96; }
form { margin: 0px 0px 0px 0px;}
p, pre, ul, ol { margin: 0 0 1em 0; }
ul, ol { padding-left: 14px; margin: 0; }
li { margin: 0; }

input, textarea, select { padding: 1px 2px 0; font-family: Verdana,Arial,SunSans-Regular,Helvetica,sans-serif; border: 1px solid #ccc; font-size: 1em; }
input[type="submit"] { color: #513F25; padding: 2px 0.5em; background-color: #ece9d8; }
img { border: 0; }

hr { margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #AFC4D9; /* for ie */
	background-color: #AFC4D9; /* for everyone else */
	height: 1px;
	margin: 1em 0; 
	border: 0px; /* Fuer Firefox und Opera */
	border-top: solid 1px #AFC4D9; border-bottom: transparent; }

/* Headers, plain */
h1 { font-size: 15px; font-weight: bold; }
h2 { font-size: 12px; }
h3 { font-size: 11px; font-weight: bold; }
h1, h2, h3 { margin: 0; }

/* RTE / Table styling */
table { border: 1px solid #CBC0B3; /*#afc4d9;*/ margin: 0 0px 10px 0px; font-size: 1em; text-align: left; line-height: 1.3em; }
table tr td { padding: 3px; vertical-align: top; }
table tr th { padding: 3px 5px; font-size: 1.1em; line-height: 1.8em; }
table p { margin: 0; }
table caption { font-size: 0.9em; margin-bottom: 2px; }


/****************************************
        LAYOUT
****************************************/

#gesamtcontainer { margin: 10px; text-align: left; }

#container-header { position: relative; height: 127px; width: 980px; margin-bottom: 6px; }
#logo { background-color: #afc4d9; width: 168px; margin-right: 6px; float: left; }
#header-left { position: relative; float: left; width:803px; }
#illuheader { background-color: #f69b0e; width: 100%; height: 59px; float: left; line-height: 1em; margin-bottom: 6px; }
#infobalken { position: relative; width: 757px; background-color: #cbc0b3; margin-bottom: 3px; padding: 0 10px 0 36px; color: #513f25; float: left; }
* html #infobalken { width: 803px; }
#infobalken .scroll { position: absolute; top: 0; right: 186px; background-color: #fff; }
* html #infobalken .scroll { width: 150px; }

#container-main {position: relative; width: 977px; }
#main-left { background-color: #8ba9c8; width: 168px; margin-right: 6px; float: left; padding: 16px 0 40px 0; }
#main-center { position: relative; width: 803px; float: left; }
#topnavi { position: absolute; top: 0; right: 135px; }
#kontaktlink { position: absolute; top: 0; right: 77px; }
#printlink { position: absolute; top: 0; right: 10px; }
#kurstitle { background-color: #e4e4d6; color: #2e3e96; margin-bottom: 30px; padding: 2px 10px 2px 36px; }
#lektiontitle { padding: 0 10px 0 36px; margin: 16px 0 20px; width: 570px; }
#pageautor { padding: 0 10px 0 36px; margin-bottom: 20px; font-size: 12px; width: 570px; }
#pagetitle { padding: 0 10px 0 36px; margin-bottom: 20px; width: 570px; }
#pageinfo { padding: 0 10px 0 36px; margin-bottom: 40px; width: 570px; }
#contentbox { padding: 0 10px 0 36px; margin-bottom: 10px; width: 570px; text-align:justify; }
#contentnavi { position: relative; margin: 10px 10px 10px 36px; background-color: #E4E4D6; width:570px; line-height: 30px; border-bottom: 1px solid #CBC0B3; }
#comments { padding: 0 10px 0 36px; width: 570px; margin: 20px 0 10px; }
#rightbox { background-color: #dde5ed; position: absolute; top: 0; right: 0; width: 186px; line-height: 1.2em; color: #513f25; }
.right-block { position: relative; border-bottom: 3px solid #fff; }

.clear { clear: both; }
.nd { display: none}
.align-center { text-align: center; }


/*******************************************
	NAVIGATION
*******************************************/

#topnavi { list-style-type: none; }
#topnavi li { display: inline; margin: 0 8px; }
#topnavi a, #printlink a, #kontaktlink a { color: #513f25; text-decoration: none; }
.scroll .scroll-item { width: 33px; margin: 0 10px; color: #513f25; }
* html .scroll .scroll-item { width: 53px; }
.scroll a { text-decoration: none; color: #513f25; }
#contentnavi .scroll .scroll-next { margin-left: 450px; }
* html #contentnavi .scroll .scroll-next { margin-left: 430px; }

#mainnavi-open, #mainnavi-closed { list-style-type: none; padding: 0; line-height: 2em; } 
#mainnavi-open li, #mainnavi-closed li { padding: 0 6px 0 20px; }
#mainnavi-open li:hover, #mainnavi-closed li:hover,#mainnavi-open li.cur, #mainnavi-closed li.cur { background-color: #bdb2a5; }
#mainnavi-open a { color: #513f25; text-decoration: none; }
#mainnavi-closed a { color: #fff; text-decoration: none; }
#mainnavi-closed .level2 { font-size: 0.9em; line-height: 1.2em; padding: 2px 2px 2px 24px; }
#mainnavi-closed .level2 a { /*font-weight: normal;*/ }

/*******************************************
	INHALTE
*******************************************/

.important { color: #9C283E; font-weight: bold; }
.indent { padding-left: 4em; }
#kursautoren { font-weight: bold; font-size: 1.1em; }
#lektiontitle, #pagetitle { color: #2e3e96; }
.lektionsubtitle { font-size: 12px; font-weight: bold; }
#pagetitle h2 { font-size: 12px; }

.csc-header { clear: both; }
#contentbox h1 { font-size: 12px; }
#contentbox h2 { font-size: 11px; }
#contentbox .csc-header { margin: 2em 0 0; }
#contentbox .csc-header h1 { margin-bottom: 1em; } 
#contentbox ul, #contentbox ol { margin-bottom: 1em; padding-left: 40px; }

#comments ul { margin-bottom: 1em; }

#rightbox a { color: #513f25; }
#rightbox .csc-header { background-color: #afc4d9; padding: 5px 10px; margin-bottom: 0.5em; }
#rightbox h1 { font-size: 1em; }
#rightbox .csc-header a { text-decoration: none; }
#rightbox p { margin: 0 10px 1em 10px; }
#rightbox .img-link { position: absolute; right: 4px; bottom: 0; }
#rightbox form { margin: 0 10px 0.5em; }
#rightbox ul { margin: 0 10px 0.5em; }
#rightbox li { margin-bottom: 0.4em; }
#rightbox a { font-weight: normal; }
#rightbox .csc-header a { font-weight: bold; }
#rightbox .whitebox { background: #fff; }
#rightbox .whitebox .csc-header { margin-bottom: 0; }

#contentbox ul.kurs-overview { list-style-type: none; padding: 0; text-align: left; }
ul.kurs-overview a { text-decoration: none; }
ul.kurs-overview a:hover { text-decoration: underline; }
ul.kurs-overview li.level1 { margin: 1em 0; }
ul.kurs-overview li.level2 { margin: 0 0 0 42px; text-indent: -26px; margin-left: 26px; }
ul.kurs-overview li.level2 a { font-weight: normal; }

.csc-textpic-imagewrap { margin-bottom: 1em; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { line-height: 1.2em; text-align: left; }

.contenttable {}
.contenttable thead tr { background-color: #afc4d9; /*#CBC0B3;*/ }
.contenttable tbody tr.tr-odd { background-color: #dde5ed; }
.contenttable tbody tr.tr-even { background-color: #e4e4d6; }


/*********************************************
	EXT indexed_search
*********************************************/

.tx-indexedsearch .tx-indexedsearch-res table { border: 0; }
.tx-indexedsearch .tx-indexedsearch-searchbox table { border: 0; }
.tx-indexedsearch-searchbox-imgbutton { border: 0; padding: 0; }
.right-block .tx_indexedsearch #searchfield { width: 136px; }


/*********************************************
	EXT felogin
*********************************************/

.tx-felogin-pi1 .felogin-submitrow { margin: 5px 0 0;}

.right-block .tx-felogin-pi1 fieldset { border: 0; }
.right-block .tx-felogin-pi1 label { font-weight: bold; display: inline; }
.right-block .tx-felogin-pi1 a { font-weight: normal; }


/******************************************
	EXT ve_guestbook
******************************************/

.tx-veguestbook-pi1 { line-height: 1em; margin-bottom: 1em; }
.tx-veguestbook-pi1 a { font-weight: normal; }
/* error handling */
.tx-veguestbook-pi1 p.tx-guestbook-form-error { font-weight:bold; color:#990000; }
/* display of result count */
.tx-veguestbook-pi1 .tx-guestbook-result { font-weight:bold; float:left; }	
/* pagination */
.tx-veguestbook-pi1 .tx-guestbook-pagination { font-size:75%; font-weight:bold; float:right; }

/* styles for list mode */
.tx-guestbook-list-item { border: 1px solid #CBC0B3; }
.tx-guestbook-list-header { clear:both; background: #E4E4D6; padding: 0.5em 1em; }
.tx-guestbook-list-footer { background: #E4E4D6; padding: 0 1em 0.5em 1em; }
.tx-guestbook-list-datum { float: right; }
.tx-guestbook-list-mail, .tx-guestbook-list-web { display: inline; padding-right: 1em; }
.tx-guestbook-list-content { padding: 0.5em 1em; }
.tx-guestbook-list-entrycomment { padding-top: 0.5em; color: #2E3E96; }

/* styles for latest mode */
.tx-veguestbook-pi1 .tx-guestbook-latest p, .tx-veguestbook-pi1 .tx-guestbook-right p { color:#333; }
.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date, .tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date { font-weight: bold; }
.tx-veguestbook-pi1 .tx-guestbook-right h3 { color:#990000; font-weight:bold; background:none; }
.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment { font-size:75%; 	color:#333; font-style: italic; }
.tx-veguestbook-pi1 .tx-guestbook-latest { 	display:block; padding:0.25em; clear:both; }
	
/* form styles */
.tx-veguestbook-pi1 .tx-guestbook-field { position: relative; clear:both; width:100%; display:block; padding: 0.5em 0; }
.tx-veguestbook-pi1 .tx-guestbook-field label { clear: both; display: block; 	float: left; width: 13em; }
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med { float:left; 	width:10em; }
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big { float:left; width:20em; }
.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea { width: 30em; display: block; float: left; }
.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield { color:#990000;	}
.tx-veguestbook-pi1 fieldset { border: 0; background: #DDE5ED; padding: 0.5em 1em; border: 1px solid #ccc; /*#AFC4D9;*/ }
.tx-veguestbook-pi1 legend { display:none; }
.tx-veguestbook-pi1 img { display:block; padding-left:0.25em; border:1px solid #AFC4D9; }
.tx-veguestbook-pi1 .tx-guestbook-clear { clear:both; display:block; }
.tx-veguestbook-pi1 input.tx-guestbook-submit { width:auto; display:block; }


/************************************
	 mailform
************************************/
#mailform { line-height: 1em; margin-bottom: 1em; }
.csc-mailform { border: 0; background: #DDE5ED; padding: 0.5em 1em; border: 1px solid #ccc; }
.csc-mailform .csc-mailform-field { position: relative; clear:both; width:100%; display:block; padding: 0.5em 0; }
.csc-mailform .csc-mailform-field label {  clear: both; display: block; 	float: left; width: 13em; }


/************************************
	EXT efaq
************************************/

ol.faq li { margin-bottom: 1.8em; }
ol.faq li li { margin: 0; }


/***************************
     EXT rgaccordion
 ***************************/  
/* Toggle default */
h3.rgaccord1-toggle { font-weight:bold; line-height: 24px;  height: 24px; background: #f3f3f3 url(../img/accord-plus.jpg) 0 center no-repeat;
  padding: 0 0 0 28px; margin: 0; cursor:pointer; color: #794c07; }

/* Toggle act item */
h3.act { background:#f3f3f3 url(../img/accord-minus.jpg) 0 center no-repeat; }

/* the content */
div.rgaccord1-content { width:100%; padding-bottom: 1em; }
#contentbox div.rgaccord1-content h2 { font-size: 12px; }

/* remove margin of a CE */
div.rgaccord1-content * { margin-top: 0; margin-bottom: 0; }
div.rgaccord1-content ul, div.rgaccord1-content p, div.rgaccord1-content h1, div.rgaccord1-content .csc-textpic, div.rgaccord1-content h2 { padding: 1em 0 0; } 

/* remove the header inside the CE, twice is not nice */
/*div.rgaccord1-content h1 { display:none; }*/
div.rgaccord1-content .csc-header { display: none; }


/***********************************
		LANDINGPAGE
***********************************/

/* --- LAYOUT --- */

#gesamtcontainer.lp { margin: 0 0 10px 35px; }
#gesamtcontainer.lp-small { margin: 35px 0 10px 35px; }
.lp *, .lp-small * { color: #000; line-height: 1.2em;  }

#lp-container-overheader { position: relative; height: 128px; width: 985px; margin-bottom: 22px; }
#pic2 { position: absolute; left: 243px; top: 0; }
#kontakt { position: absolute; left: 705px; top: 0; }
#pfeil { position: absolute; top: 2px; left: 46px; }

#lp-container-header { position: relative; width: 939px; height: 60px; margin-bottom: 5px; }
.lp-small #lp-container-header { width: 704px; }
#lptitle { position: relative; width: 705px; height: 60px; background: #f69b0e; }
#order { position: absolute;  top:0px; right: -5px; z-index: 20; }

#lp-container-main { position: relative; width: 985px; }
#lp-left-col { position: relative; float: left; width: 238px; margin-right: 5px; }
#lp-autoren { margin-top: 42px; padding: 0 20px 0 10px; }
#link-nhm { margin-top: 10px; }
#lp-center-col { position: relative; float: left; width: 466px; }
#lp-center-infobox { background: #96b4d3;margin-right: 5px; height: 184px; font-size: 12px; padding: 10px 14px; }
.lp-small #lp-center-infobox { padding: 6px 12px; height: 192px; }
#lp-center-infobox * { line-height: 1.5em; }
#lp-center-col #contentbox { width: 461px; text-align: left; padding: 0 5px 0 0; margin-bottom: 20px; clear: both; }
#accord-hinweis { margin-top: 2em; }
#lp-right-col { position: relative; float: left; width: 230px; }
#lp-right-infobox { background: #cdd9e6; padding: 0; margin-bottom: 0; /*5px;*/ position: relative; }
#lp-footer { margin-top: 30px; font-size: 0.9em; line-height: 1.4em; }
#lp-right-infobox2 { margin-top: 6px; } 
#lp-right-infobox2 p { color: #794C07; margin-left: 22px; margin-right: 30px; }


/* --- CONTENT --- */
#lpsubtitle { font-size: 1.6em; font-weight: bold; line-height: 1.9em; }
#lp-right-infobox h1 { padding: 1.5em 1em 0.5em; font-size: 11px; }
#lp-right-infobox form { padding: 1em; }
#lp-right-infobox p { margin-left: 8px; }
#lp-right-infobox .csc-textpic-imagewrap, #lp-right-infobox div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin: 0; }
#link-nhm .text { margin-top: 0px; padding: 0 20px 0 36px; }
#lp-autoren .autoren-header { font-weight: bold; margin-bottom: 6px; }
#lp-autoren p { padding-left: 26px; }
#accord-hinweis h4 { font-size: 12px; }
#accord-hinweis p { font-size: .8em; margin: 6px 0; }
.text-big { display: inline; font-size: 1.5em; font-weight: bold; }
#topic-left { width: 55%; margin-right: 5%; }
#topic-right { width: 40%; }
#lp-center-infobox .topic-col { float: left; font-size: 11px; }
#lp-center-infobox .topic-col h1 { line-height: 1.3em; margin-top: 6px; font-size: 11px; }
#lp-center-infobox ul { margin-top: 6px; }
#lp-center-infobox li { line-height: 1.1em; margin: 3px 0; }
.lp-small #lp-center-infobox .csc-header { margin: 0 0 0.5em; }
.lp-small #lp-footer { clear: both; line-height: 36px; font-size: 0.9em; margin: 0; }
.lp-small #lp-center-infobox h1 { margin: 0; }

/* --- Mailform --- */
#lp-center-col fieldset { padding: 1em 1em; }
#lp-center-col .csc-mailform-label { margin-bottom: 1em; }
#lp-center-col .csc-mailform-label b { font-size: 1.1em; line-height: 1.4em; }
#lp-center-col label { width: 10em; }

#lp-right-col form fieldset { border: 0; padding: 0; background: transparent; }
#lp-right-col form .csc-mailform-field { padding: 2px 0; }
#lp-right-col form label { float: none; }
/*#lp-right-col #mailform input[type="text"], #lp-right-col #mailform textarea { width: 14em; }
*/