/**************************************************
css Klee-shop ****Collegium- Frankfurt
**************************************************/



* {
	margin:0;
	padding:0;
}

body {
	font:70%/1.8em verdana;
	color:#333333;
	margin:0;
	padding:0;
}

a {
	color:#969696;
	text-decoration:none;
}

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

a:visited {
	color:#1E1E1E;
	text-decoration:none;
}

h1 {
	font:130% Arial, Sans-Serif;
	letter-spacing:0.3em;
	margin:10px 25px 0 0;
	padding:4px 0 6px 8px;
	color:#4B4B4B;
	background: url(../images/sidebar-header-bg-copper.gif) repeat-x left bottom;
	border:1px solid #8DA992;
	
}

#contentkurse h1 {
	font:120% Arial, Sans-Serif;
	letter-spacing:0.3em;
	margin:10px 25px 0 0;
	padding:4px 0 6px 8px;
	color:#4B4B4B;
	background: url(../images/sidebar-header-bg-copper.gif) repeat-x left bottom;
	border:1px solid #8DA992;
	width:102%;
}

hr {
	color:#ede0c8;
	height:1px;
	width:100%;
	margin:0px 25px 10px 0;
}

h2 {
	font:120% Arial, Sans-Serif;
	letter-spacing:0.3em;
	margin:10px 0 0 0;
	padding:4px 0 2px 8px;
	color:#4B4B4B;
	border-bottom:1px solid #EDE0C8;
}

h3 {
	font:115% Arial, Sans-Serif;
	letter-spacing:0.2em;
	margin:0px 0 0 0;
	padding:4px 0 6px 8px;
	color:#4B4B4B;
	background: url(../images/sidebar-header-bg-copper.gif) repeat-x left bottom;
}
h4 {
	font:100% Arial, Sans-Serif;
	letter-spacing:0.1em;
	margin:10px 25px 0 0;
	padding:4px 0 6px 8px;
	color:#DC4B4B;
	background: url(../images/sidebar-header-bg-copper.gif) repeat-x left bottom;
	border:1px solid #8DA992;
}
h5 {
    float:left;
	font:100% Arial, Sans-Serif;
	letter-spacing:0.1em;
	margin:10px 50px 10px 0px;
	padding:0px 0px 0px 0px;
	color:#4B4B4B;
	width:98%;
	background: url(../images/sidebar-header-bg-copper.gif) repeat-x left bottom;
	border:1px solid #8DA992;
}



p {
	padding:0;
	margin:10px;
}

blockquote{
	font-size:90%;
	width:90%;
	margin:10px 0 0 10px;
 	padding:0 10px 0 15px;
  	background: url(../images/quote-copper.gif) no-repeat 5px 5px;
}

/*** WRAPPER ***/

#wrapper {
	margin:0 auto;
	width:auto;
}

/*** HEADER ***/

#header {
	position:relative;
	height:40px;
	margin:-50px 0px 0px 190px;
	padding:0;
}

headertest*****************
#header-pic {
	position:relative;
	clear:both;
	height:40px;
	margin:0;
	padding:0 25px;
}

#header-logo #pic {
	font:bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	letter-spacing:10px;
}
headertest******************
#header-logo {
	position:relative;
	clear:both;
	height:40px;
	margin:0;
	padding:0 25px;
}

#header-logo #logo {
	font:bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	letter-spacing:10px;
}

.logo-grey {
	color:#5B7B61;
}
.logo-big {
    font:bold 16px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	color:#5B7B61;
	letter-spacing:1px;
}
.logo-coll {
	color:#969696;
	font:bold 13px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	letter-spacing:1px;
}


.logo-pale-copper {
	color:#DFC89F;
}

#header ul {
	position:absolute;
	list-style:none;
	left: 91px;
	top: 12px;
}

#header li {
   display:inline;
}

#header a {
	float:left;
	font:110% Arial, Sans-Serif;
	letter-spacing:0.2em;
	margin:10px 10px 0 0;
	padding:5px;
	color:#4B4B4B;
	background: url(../images/sidebar-header-bg-copper.gif) repeat-x left bottom;
	border-top:1px solid #007F4B;
	border-bottom:1px solid #007F4B;
	border-right:4px solid #007F4B;
	border-left:1px solid #007F4B;
}

#header a:hover {
	text-decoration:none;
	border-right:4px solid #D3EBD4;
	border-top:1px solid #D3EBD4;
	border-bottom:1px solid #D3EBD4;
	border-left:1px solid #D3EBD4;
}

#header form.search {
	position:absolute;
	right:24px;
	bottom:-5px;
	padding:3px 5px 3px 5px;
	background: url(../images/sidebar-header-bg-copper.gif) repeat-x left bottom;
	border:1px solid #EDE0C8;
}

#header form.search input.textbox {
	margin:0;
	width:25px;
	color:#333;
	border:1px solid #DFC89F;
	background:#FFFFFF;
}

#header form.search input.submit {
	font:bold 100% Arial, Sans-serif;
	height:20px;
	width:50px;
	color:#3C3C3C;
	background-color:#EDE0C8;
	border:1px solid #D3B47A;

}

/*** SIDEBAR ***/

#sidebar {
	float:left;
	width:200px;
	margin:0; padding:20px;
	background-color:#FFFFFF;
}

#sidebar p {
	margin:0;
	padding:10px;
	text-align:justify;
	color:#969696;
}

#sidebar h1 {
	margin:10px 0 0 25px;
	padding:4px 0 6px 8px;
	font:115% Arial, Sans-Serif;
	letter-spacing:0.2em;
	color:#4B4B4B;
	background: url(../images/011.gif) repeat-x left bottom;
	border:1px solid #8DA992;
}


#sidebar .sidebar-box {
	border:1px solid #5B7B61;
}

#sidebar .sidebar-box-bg {
	border:1px solid #5B7B61;
	background: #E1EDDA;
}

#sidebar ul.sidebar-menu {
	list-style:none;

}

#sidebar ul.sidebar-menu li {
	font-size:130%;
	font-weight:bold;
	color:#254B32;
	letter-spacing:0.2em;
	margin:0;
	padding:6px 5px 15px 0px;
/***	background:url(../images/bullet-copper-ek.gif) no-repeat 8px 10px;***/
}

#sidebar p a {
	padding:2px 15px 0px 0px;
	color:#254B32;
	font-weight:bold;
	background:url(../images/bullet-copper-arrow.gif) no-repeat right top;
}
#sidebar ul.sidebar-menu a:hover{
text-decoration:underline;

}
#sidebar p a:hover {
	padding:2px 15px 0px 0px;
	color:#969696;
	text-decoration:underline;
	background:url(../images/bullet-copper-arrow.gif) no-repeat right top;
}

#sidebar .sidebar-box img {
	display:block;
	margin-right:auto;
	margin-left:auto;
	padding:10px;
	border:none;
}

#sidebar .sidebar-box-bg img {
	display:block;
	margin-right:auto;
	margin-left:auto;
	padding:10px;
	border:none;
}

#sidebar form {
	padding:5px;
	margin:0;
  	background:#FAFAFA;
}

#sidebar form label {
	font-size:90%;
	display:block;
}

#sidebar form input {
	width:80%;
	border:1px solid #5B7B61;
	padding:4px;
	margin:2px 0 5px 0;
}

#sidebar form .submit {
	width:80%;
	font:bold 100% Arial, Sans-serif;
	margin:0.1em;
	padding:2px;
	color:#3C3C3C;
	background-color:#EDE0C8;
	border:1px solid #5B7B61;
}

#sidebar form textarea {
	width:96%;
	border:1px solid #5B7B61;
	padding:4px;
	margin:5px 0 10px 0;
}

/*** CONTENT ***/

#content {
	float:left;
	margin:0 0 20px 0;
	padding:0;
	width:100%;

}
/*** newstyle startindex ***/
.bold {
         color:#254B32;
	     font-weight:bold;}
		 
		 img.floatP2 { 
float : right;
margin-left : 1em;
margin-right : 3em;
margin-bottom : 1em;
margin-top : 1em;
}
	/*** newstyle startindex end ***/
#contentkurse {
	float:left;
	margin:9px 0 20px 0;
	padding:0;
	width:639px;
}

#contentkurse01 {
	float:left;
	margin:9px 0 20px 0;
	padding:0;
	width:245px;
}

#contentkurse02 {
	float:left;
	margin:9px 0 20px 0;
	padding:0;
	width:600px;
}
#content form {
	width:600px;
	padding:5px;
	margin:0;
  	background:#D3EBD4;
}

#content form label {
	font-size:90%;
	display:block;
}

#content form input {
	width:80%;
	border:1px solid #5B7B61;
	padding:4px;
	margin:2px 0 5px 0;
}

#content form .submit {
	width:50%;
	font:bold 100% Arial, Sans-serif;
	margin:0.1em;
	padding:2px;
	color:#3C3C3C;
	background-color:#EDE0C8;
	border:1px solid #5B7B61;
}

#content form textarea {
	width:96%;
	border:1px solid #5B7B61;
	padding:4px;
	margin:5px 0 10px 0;
}

#error {
      font:bold 100% Arial, Sans-serif;
	margin:0.1em;
	padding:2px;
	color:#ff0000;
	background-color:#EDE0C8;
	border:1px solid #5B7B61;
}


.article-controls {

	text-align:left;
}
.article-controls01 {
    float:left;
	margin:0px 45px 0 0px;
	text-align:left;
}
.article-controls img {
	border:none;
}

.article-controls a.comment {
	padding: 0 20px 0 0;
  	background: url(../images/comment-copper.gif) no-repeat right top;
}

.article-controls a.download {
	padding: 0 15px 0 0;
  	background: url(../images/bullet-copper-arrow-down.gif) no-repeat right top;
}

.article-controls a.demonstration {
	padding: 0px 40px 40px 40px;
	color:#254B32;
    font-weight:bold;
/***  	background: url(../images/bullet-copper-eye.gif) no-repeat right top;***/
}
.demonstration01 {
	padding: 0 10px 0 0;
	color:#969696;
  	text-align:left;
	font:bold 140% Arial, Sans-serif;
}

/*** links  ***/
.article-controls01 a.breadcrumb {
	padding: 0 10px 0 0;
	color:#254B32;
    font-weight:bold;
}

#content .content-box {
	padding:4px 0 6px 8px;
	border:1px solid #8DA992;
}
#content .content-box01 {
	padding:10px 0 6px 8px;
	border:1px solid #8DA992;
}
#content .content-box img {
	display:block;
	margin-left:auto;
    margin-right:auto;
	border:2px solid #8DA992;
}

#content ul {
	margin:0 0 10px 40px;
}

#content ul li {
 	list-style-type:disc;
 	list-style-position:outside;
}

#content ol {
	margin:0 0 10px 40px;
}

#content ol li {
 	list-style-type:upper-roman;
 	list-style-position:outside;
}

#content p img {
	float:left;
	clear:both;
	margin:0 10px 10px 0;
	border:2px solid #EDE0C8;
}



/*** tabellen abstaende ****************/

/*** table 2 farben ***/
table.basic_content, td.basic_content, tr.basic_content {
        margin:5px 5px 5px 5px;
		padding: 5px 5px 5px 5px;
		font:85% Arial, Sans-serif;
	    color:#3C3C3C;
}


table.basic_content1, td.basic_content1, tr.basic_content1 {

        padding: 20px 20px 20px 20px;
        background-color: #79C08B;
		font:85% Arial, Sans-serif;
	    color:#3C3C3C;
}

table.basic_content2, td.basic_content2, tr.basic_content2 {
          margin:5px 5px 5px 5px;
		 padding: 5px 5px 5px 5px;
        background-color: #D3EBD4;
		font: 85% Arial, Sans-serif;
	    color:#3C3C3C;
}

/*** tabellen inhalt abstaende ****************/
TABLE { border-collapse:separate; border-spacing:5px;}
TD { padding: 7px 7px 7px 7px; }
TABLE a{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}
TABLE a:hover{

	text-decoration:underline;
}
TD a{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

table.basic_content, td.basic_content, tr.basic_content a{
	color:#000;
}
table.basic_content1, td.basic_content1, tr.basic_content1 a{
	color:#000;
}
table.basic_content2, td.basic_content2, tr.basic_content2 a{
	color:#000;
}
table.basic_content, td.basic_content, tr.basic_content a:hover{
	color:#FF8D33;
}
table.basic_content1, td.basic_content1, tr.basic_content1 a:hover{
	color:#FF8D33;
}
table.basic_content2, td.basic_content2, tr.basic_content2 a:hover{
	color:#FF8D33;
}
/*** table 2 farben****************************/
#footer {
	font:80% Verdana;
	color:#808080;
	text-align:center;
	padding:50px 0 10px 0;
	clear:both;
}
/*** FOOTER ***/
#footer a{
	color:#808080;
	text-decoration:none;
}



/*** zwei Spalten nebeneinander für Einzelkursdarstellung ***/
.unsichtbar {
    position : absolute;
    left : -1000px;
    top : -1000px;
    width : 0;
    height : 0;
    overflow : hidden;
    display : inline;
}
#ergaenzung {
    width : 13.6em;
    float : left;
    min-height : 32em;
    background-color : #79C08B;
}

#ergaenzung img {

   padding: 0.2em;
   margin : 1.0em;
   border: 1px solid #000;
}
#inhalt {
    width : 34.4em;
    float : left;
    background-color : #E1EDDA;
    min-height : 32em;
}

#inhalt-02 ul,li {
	list-style-type : disc;
	margin-left: 10px;		
}

#inhalt-02 a{
text-decoration:underline;
font-weight:bold;
color:#254B32;
}

#inhalt-02 a:hover {

	color:#FC9A04;
	text-decoration:underline;
	font-weight:bold;
}

#inhalt-01 {
    width : 85%;
    float : left;
    background-color : #E1EDDA;
    min-height : 32em;
    border:1px solid #8DA992;
}

#inhalt-02 {
    width : 92%;
    float : left;
    background-color : #E1EDDA;
    min-height : 32em;
	border:1px solid #8DA992;
}
#inhalt-03 {
    width : 110%;
    float : left;
    background-color : #E1EDDA;
    min-height : 25em;
	
}
#inhalt img {
   float : left;
   margin : 1.4em;
   padding: 0em;

   border: 1px solid #000;
}

/*** END OF STYLESHEET ***/