@charset "utf-8";
/* CSS Document */
html {
	
	height:100%;
	background:url(ending.jpg) repeat-y #5c3b2f 45px;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #5c3b2f;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
	text-align:left;
	
}

a {
	color: #fff;
	text-decoration:none;

}

a[href$='.mp3'] {
        display:inline-block;
        padding-left:20px;
        background:transparent url(fileicons/mp3.gif) center left no-repeat;
      
}

a[href$='.pdf'] {
        display:inline-block;
        padding-left:20px;
        background:transparent url(fileicons/pdf.gif) center left no-repeat;
     
}

a[href$='.jpg'] {
        display:inline-block;
        padding-left:22px;
        background:transparent url(fileicons/jpg.gif) center left no-repeat;
     
}

a[href$='.zip'] {
        display:inline-block;
        padding-left:20px;
        background:transparent url(fileicons/zip.gif) center left no-repeat;
      
}

a[href$='.rar'] {
        display:inline-block;
        padding-left:20px;
        background:transparent url(fileicons/zip.gif) center left no-repeat;
       
}

a[href$='.mpg'], a[href$='.mpeg']  {
        display:inline-block;
        padding-left:20px;
        background:transparent url(fileicons/mpg.gif) center left no-repeat;
    
}

a[href$='.mov'] {
        display:inline-block;
        padding-left:20px;
        background:transparent url(fileicons/mov.gif) center left no-repeat;
        
}

a.internal-link {
   
        background:url(internal_link_new_window.gif) no-repeat left 3px;
        margin: 0 0 0 0;
        padding: 0 0 0 14px;
    

}
a.internal-link-new-window {
     
        background:url(internal_link_new_window.gif) no-repeat left 3px;
        margin: 0 0 0 0;
        padding: 0 0 0 14px;
       
}
a.external-link {
      
        background:url(external_link_new_window.gif) no-repeat left 3px;
        margin: 0 0 0 0;
        padding: 0 0 0 14px;
      
}

a.external-link-new-window {
      
        background:url(external_link_new_window.gif) no-repeat left 3px;
        margin: 0 0 0 0;
        padding: 0 0 0 14px;
       
}

a.mail {
        background:url(email_link.gif) no-repeat left 3px;
        margin: 0 0 0 0px;
        padding: 0 0 0 14px;
       
}




p {
	font-size: 11px;
}

h1 {
	font-size:12px;
        color: #a0d139;
        font-weight:bold;	

}

img {
	border: 0px;
}

div #head {
	/**height:60px;**/

}

div .mainnav {
	padding:38px 0 3px 95px;
}

div #main {
	width:1000px;
	height:100%;
	
	}

div #mainleft {
	width:45px;
	height: 278px;
	float:left;

}



/**Mittelspalte Folgeseite**/
div #mainmid {
	width:591px;
	float:left;
	background:url(creative-e-learning_folgeseite1_05.jpg) repeat-y;
	margin: 0 0 50px 0;
}

div #mainmidpresse {
	width:591px;
	float:left;
	background:url(creative-e-learning_folgeseite1_05.jpg) repeat-y;
	margin: 0 0 50px 0;
	border-bottom: 1px solid #fff;
}

div #mainmidhead {
	margin: 0;
	padding:0;
	height: 278px;
	background:url(creative-e-learning_folgeseite1_03.gif) no-repeat;
}



div #mainmidheadleft {
	width: 260px;
	padding: 70px 0 0 70px;
	margin: 0 0 0 0;
	float:left;
}

div #mainmidheadleft h2 {
	margin:0px;
	padding:0px;

}

div #mainmidheadleft h3 {
	margin:0px;
	padding:0px;

}

div #mainmidheadright {
	float:right;
	width:238px;
}

div #mainmidheadright img {
	margin: 54px 0 0 0px;
	/**max-width: 238px;**/

}

div #maincontent {
	margin: 0 0 0 0px;
	border-bottom:solid 1px #FFFFFF;
	font-family: tahoma;
	padding: 0 0 20px 0;
	/**letter-spacing:1px; **/
	

}


div #maincontent ul {
	margin: 0 50px 20px 70px;
	padding:0px;
	list-style-type: circle;
	list-style-position: inside;
	font-size: 11px;
	color: #dff3fb;

}


div #maincontent ul li {
	/**list-style-type: circle;**/
	
	line-height:24px;
	/**display:block;**/
	border-bottom: 1px solid #dff3fb;
}

div #maincontent ul li.indent {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 0 40px;
	border-bottom: 0px;
	line-height: 16px;

}


div #maincontent ol {
	margin: 0 50px 20px 70px;
	padding: 0;
	
	list-style-position: inside;
	font-size: 11px;
	color: #dff3fb;

}

div #maincontent ol li {
	
	line-height:24px;
	
	border-bottom: 1px solid #dff3fb;
}

div #maincontent ol li.indent {
	
	list-style-position: outside;
	margin: 0 0 0 40px;
	border-bottom: 0px;
	line-height: 16px;

}



div #maincontent div.indent ul {
	padding:0px;
	margin: 0 50px 20px 100px;
	list-style-type: disc;
	list-style-position: outside;
	font-size: 11px;
	color: #dff3fb;
}


div #maincontent div.indent ul li {
	line-height:16px;
	/**display:block;**/
	border-bottom: 0px solid #dff3fb;

}


div #maincontent div.indent ol {
	margin: 0 50px 20px 100px;
	padding: 0;
	
	list-style-position: outside;
	font-size: 11px;
	color: #dff3fb;

}


div #maincontent div.indent ol li {
	line-height:16px;
	/**display:block;**/
	border-bottom: 0px solid #dff3fb;
}



div .csc-header {
	margin: 0 30px 0px 70px;
	
}

div #maincontent h4 {
       font-size:12px;
        color: #a0d139;
        font-weight:bold;
        

}

div #maincontent h5 {
        font-size:12px;
        color: #a0d139;
        font-weight:bold;
      

}

div #maincontent a {
	color: #dff3fb;
	text-decoration:underline;
}

p.bodytext {
	margin: 0 50px 0px 70px;
	font-size: 11px;
	line-height:16px;
	color: #dff3fb;
}


/**Rechte Spalte Folgeseite**/
div #mainright {
	width:300px;
	height: 278px;
	background:url(creative-e-learning_folgeseite1_04.gif) no-repeat;
	float:left;	
}

div #mainright h1 {
        margin:0px;
        padding:0px;
}

div .logo {
	
	margin: 0 0 0 53px;
	padding:0px;
	
}



div .subnav {
	margin: 50px 0 0 20px;
	height: 195px;

}

div .footernav {
	margin: 0px 0 0 20px;
	font-size:10.5px;
}



/**Kontakt Mailformular**/

#mailform {
	border: 0px;

}

.csc-mailform {
	border: 0px;
        padding: 0 0 0 0px;

}

.csc-mailform-field {
       text-align:left;
}

.csc-mailform-field label {
       
       font-size: 12px;
       text-align:left;
       
       float: left;
}

.csc-mailform-field input {
	width: 145px; /* entspricht Grafikbreite */
    	height: 18px; /* entspricht Grafikhöhe */
    	background: url(formularfeld_kurz.jpg) ; /* Hintergrundgrafik */
    	border: 0; /* Elementrahmen deaktivieren */
    	padding: 2px 0 0 4px; /* Innenabstand */
    	margin: 4px 0 0 0;
    	font-size:10px;
    	color: #8d8f8c;

    
}

.csc-mailform-field textarea {
       width: 270px;
       height: 125px;
       border:0px;
       background: url(formular.jpg) no-repeat; /* Hintergrundgrafik */
       margin: 4px 0 0 0;
       padding: 2px 0 0 4px;
       font-size:10px;
       font-family: tahoma;
       color: #8d8f8c;
       
}

div #maincontent .csc-mailform-field {
	
}

div #maincontent .csc-mailform-field label {
	width: 230px;
	margin: 4px 0 0 0;
	height: 16px;
	padding: 2px 0 0 0;
	
}

div #maincontent input.csc-mailform-check {
	height: 20px;
	font-size:12px;
	width: 16px;
	background: url() ; /* Hintergrundgrafik */ /* Hintergrundgrafik */
	padding:0px;
	
}

div #maincontent fieldset {
	margin: 0 50px 0 70px;

}



.csc-mailform-field input.csc-mailform-submit {
       border: 0px;
       background: transparent;
       color:#fff;
       text-align:left;
       padding: 0;
       margin: 0px 0 0 0px;
       cursor:pointer;
}

div #maincontent input.csc-mailform-submit {
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	cursor:pointer;

}

/** News **/

div .news-list-container {
	line-height: 16px;
	width: 480px;
	
	margin: 0 0 0 70px;


}

div .news-list-item {
	margin: 0 0 10px 0;
}

div #newstitle {
	float:left;
	margin:0 0 7px 0px;
	padding:5px 0 0 0;
	border-top: 1px solid #fff;
	width: 160px;
	font-size:12px;

}

div #newstitle a {
	font-size: 11px;
	font-weight:normal;
}

div #newstitle h3 {
font-size: 11px;
	font-weight:normal;
	margin:0 0 0 0px;
	padding:0 0 0 0px;

}

div #newssubtitle {
	float:left;
	border-top: 1px solid #fff;
	width: 236px;
	margin: 0 0 7px 7px;
	padding: 5px 0 0 0;
}

div #newssubtitle p {
	font-size: 11px;
	margin: 0 ;
	padding:0;
}

div #newsdate {
	float:right;
	font-size:11px;
	border-top: 1px solid #fff;
	width: 70px;
	margin: 0 0 0 7px;
	padding: 5px  0 0 0;

}

div .news-list-morelink {
	font-size:12px;
	color: #DFF3FB;

}

div #mainmidpresse p.bodytext b {
	color: #A0D139;

}

/** Single News **/


div .news-single-item {
	margin: 0 50px 0 70px;
	/**border-bottom:solid 1px #FFFFFF;**/
	font-family: tahoma;
	padding: 0 0 20px 0;
	/**letter-spacing:1px; **/
	

}

div.news-single-item ul {
	margin: 0 0 20px 0px;
	padding:0px;
	list-style-type: circle;
	list-style-position: inside;
	font-size: 11px;
	color: #dff3fb;

}

div #maincontent div.news-single-item ul {
	margin: 0 0 20px 0px;
	padding:0px;
	list-style-type: circle;
	list-style-position: inside;
	font-size: 11px;
	color: #dff3fb;

}

div.news-single-item ul li {
	
	line-height:24px;
	border-bottom: 1px solid #dff3fb;
}

div #maincontent div.news-single-item ul li {
	line-height:24px;
	border-bottom: 1px solid #dff3fb;
}

div.news-single-item ul li.indent {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 0 40px;
	border-bottom: 0px;
	line-height: 16px;

}

div #maincontent div.news-single-item ul li.indent {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 0 40px;
	border-bottom: 0px;
	line-height: 16px;

}
div.news-single-item ol {
	margin: 0 0 20px 0;
	padding:0px;
	
	list-style-position: inside;
	font-size: 11px;
	color: #dff3fb;

}

div #maincontent div.news-single-item ol {
	margin: 0 0 20px 0;
	padding:0px;
	
	list-style-position: inside;
	font-size: 11px;
	color: #dff3fb;

}

div.news-single-item ol li {
	line-height:24px;
	border-bottom: 1px solid #dff3fb;
}


div #maincontent div.news-single-item ol li {
	line-height:24px;
	border-bottom: 1px solid #dff3fb;
}

div.news-single-item ol li.indent {
	
	list-style-position: outside;
	margin: 0 0 0 40px;
	border-bottom: 0px;
	line-height: 16px;

}

div #maincontent div.news-single-item ol li.indent {
	
	list-style-position: outside;
	margin: 0 0 0 40px;
	border-bottom: 0px;
	line-height: 16px;

}

div.news-single-item div.indent ul {
	padding:0px;
	margin: 0 0px 20px 40px;
	list-style-type: disc;
	list-style-position: outside;
	font-size: 11px;
	color: #dff3fb;
}

div #maincontent div.news-single-item div.indent ul {
	padding:0px;
	margin: 0 0px 20px 40px;
	list-style-type: disc;
	list-style-position: outside;
	font-size: 11px;
	color: #dff3fb;
}

div.news-single-item div.indent ul li {
	line-height:16px;
	/**display:block;**/
	border-bottom: 0px solid #dff3fb;

}

div #maincontent div.news-single-item div.indent ul li {
	line-height:16px;
	/**display:block;**/
	border-bottom: 0px solid #dff3fb;

}

div.news-single-item div.indent ol {
	margin: 0 0px 20px 40px;
	padding: 0;
	
	list-style-position: outside;
	font-size: 11px;
	color: #dff3fb;
}


div #maincontent div.news-single-item div.indent ol {
	margin: 0 0px 20px 40px;
	padding: 0;
	
	list-style-position: outside;
	font-size: 11px;
	color: #dff3fb;

}

div.news-single-item div.indent ol li {
	line-height:16px;
	/**display:block;**/
	border-bottom: 0px solid #dff3fb;
}


div #maincontent div.news-single-item div.indent ol li {
	line-height:16px;
	/**display:block;**/
	border-bottom: 0px solid #dff3fb;
}





div .news-single-item h2 {
        font-size:12px;
        color: #a0d139;
        font-weight:bold;
}

div .news-single-item a {
	color: #dff3fb;
	text-decoration:underline;
}

div .news-single-item p.bodytext {
	margin: 0px;
}

div .news-single-timedata {
	font-size: 11px;
}

div .news-single-backlink {
	
	margin: 20px 0 0 0;
}

div .news-single-backlink a {
	font-size: 11px;
	border: 0px;
	font-weight: bold;
	
}



hr.clearer {
	background-color: #1d80ac; /* Farbe für Opera und Firefox */
	color: #1d80ac; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 0px; 
	clear:both;
}

/** Event Header **/

div #mainmidheadright .csc-header {
	margin: 53px 0px 0 15px;
}

div #mainmidheadright .kb_eventboard-entry {
	border-width: 0 0 2px 0;
	border-style: dotted;
	border-color: #fff;
	margin: 0 0px 0 15px;
	width: 200px;

}

div #mainmidheadright ul {
	list-style-image: url(pfeil.gif);
	margin: 0 0 0 20px;
	padding: 0;

}

div .kb_eventboard-entry {
       font-size: 11px;
}

div #mainmidheadright a.kb_eventboard_titlelink {
	font-size:11px;
	color: #fff;
	font-weight:normal;
	text-decoration:underline;
}

#maincontent ul.veranstaltung {
      margin: 0 0 20px 0px;
      padding:0px;
}

div #newssubtitle a.kb_eventboard_morelink {
	font-size:12px;
	color:#DFF3FB;

}

div #newstitle a.kb_eventboard_titlelink {
	color:#DFF3FB;
}

/** Newsletter Subscribtion **/



form#tx-sremailsubscribe-pi1-tt_address_form fieldset dt{
	width:0px;
	padding: 0;
	margin:0;
}

.tx-sremailsubscribe-pi1 input {
	/**font-size: 12px;**/
	cursor:pointer;
	background: url() ; /* Hintergrundgrafik */
	color:#fff;
	font-family:Tahoma,sans-serif;
	border:0px;
	padding:0 0 0 0;
	margin:0;
	letter-spacing:0;
	height:18px;
	/**line-height:5px;**/

}



input.tx-sremailsubscribe-pi1-text {

	width: 148px; /* entspricht Grafikbreite */
    	height: 20px; /* entspricht Grafikhöhe */
    	background: url(formularfeld_kurz.jpg) no-repeat; /* Hintergrundgrafik */
    	border: 0; /* Elementrahmen deaktivieren */
    	padding: 0px 0 0 4px; /* Innenabstand */
    	margin: 0px 0 0 0;
    	font-size:10px;
    	color: #8d8f8c;
        
}

form#tx-sremailsubscribe-pi1-tt_address_form fieldset {
	border: 0px;
	margin:0px;
	padding:0px;

}

form#tx-sremailsubscribe-pi1-tt_address_form fieldset dl {
	border: 0px;
	margin:0px;
	padding:0px 0 0 0;

}

form#tx-sremailsubscribe-pi1-tt_address_form fieldset dd {
	border: 0px;
	margin:0px;
	padding:0px;
	width:250px;

}

/**form#tx-sremailsubscribe-pi1-tt_address_form fieldset**/




.tx-sremailsubscribe-pi1 a {
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
	background: url() ; /* Hintergrundgrafik */
	color:#fff;

	padding-left:0;
	margin:0px;
	padding: 0px;
	/**text-indent:12px;**/
	font-family: tahoma,sans-serif;
	line-height:18px;
}

.tx-sremailsubscribe-pi1 p.tx-sremailsubscribe-pi1-click-to-edit {
margin-left:0;
margin-right:0;
}




.tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-error {
color:#FF0000;
width:250px;
margin:0px;
padding:0px;
}

input.tx-sremailsubscribe-pi1-aendern {
width: 148px; /* entspricht Grafikbreite */
    	height: 20px; /* entspricht Grafikhöhe */
    	background: url(formularfeld_kurz.jpg) no-repeat ; /* Hintergrundgrafik */
    	border: 0; /* Elementrahmen deaktivieren */
    	padding: 0px 0 0 0px; /* Innenabstand */
    	margin: 0px 0 0 0;
    	font-size:10px;
    	/**color: #8d8f8c;**/
    	color:#000000;    
    	width: 200px;

}

input.tx-sremailsubscribe-pi1-submit-aendern{
	border: 0px;
	background: transparent;
	
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
	color:#fff;
	width:100px;
	height:20px;
	font-family: Tahoma,sans-serif;
	
}

.tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-trash {
margin-bottom:0;
}

.tx-sremailsubscribe-pi1 p {
margin-bottom:0;
margin-top:0em;
padding:0 0em;
padding:0 0 0 0;
margin: 0 0 0 0;
text-indent:0;
}


/** Flash **/

div.flash {
      position: absolute;

}