body {
		margin:0;
		padding:0; 
		font-family: 'Source Sans Pro', arial, serif;  
		background-color: 	#fcf4ed;
				
}


img {
    max-width: 100%;
    height: auto;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	
}


.img2 {
    max-width: 100%;
    height: auto;
	box-shadow: none;
	margin:0px;
	padding:0px;
	vertical-align:bottom; 
	display: block;
		
		
}


.img-index {
    max-width: 100%;
    height: auto;
	box-shadow: none;
	margin:0px;
	padding:0px;
	vertical-align:bottom; 
	display: inline;
		
		
}

a{
    text-decoration: none;
    color: #4565ad;
}

div#wrapper {
    margin: 0;
	padding: 0;
    width:100%;
    font-family: Marcellus;
    font-size:16px; 
	display: block;
    
}

div#content {
    clear: both;
    font-family: Arial;
    margin-top: 0px;
	
	

}

.tabellenformat {
 font-family: 'Source Sans Pro', arial, sanserif; 
 border-spacing:    0px;
 color:           	#484434;
 font-size:			18px;
 font-weight:      	normal;
 line-height: 		1.5;
 text-align:		normal;
 background-color: 	#fcf4ed;

 
 
}



.kurstabelle  {
 font-family: 'Source Sans Pro', arial, sanserif; 
 border-spacing:	10px;
 padding:			5px;
 color:            	#484434;
 font-size:        	16px;
 font-weight:      	normal;
 line-height: 		1.5;
 text-align:		normal;
 background-color: 	#c0d2b8;
 vertical-align:	top;	
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
}


.kurstabelle#td {vertical-align:	top;}

.kurstabelle-einzelkurse  {
 font-family: 'Source Sans Pro', arial, sanserif; 
 border-spacing:	10px;
 padding:			10px;
 color:            	#484434;
 font-size:        	18px;
 font-weight:      	normal;
 line-height: 		1.5;
 text-align:		normal;
 background-color: 	#e9dded;
 vertical-align:	top;	
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
 
}

.sidebar {
 font-family: 'Source Sans Pro', arial, serif; 
 border-spacing:      30px;
 color:            #484434;
 font-size:        18px;
 font-weight:      normal;
 line-height: 		1.5;
 text-align:		normal;
 background-color: #dbd5d2;
 
 
}


.button {
    background-color: #c1ecae; /* Green */
    border: none;
    color: white;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-duration: 0.3s;
    cursor: pointer;
	border-radius: 6px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 15px 0 rgba(0,0,0,0.19);
}

.button1 {
    background-color: #b5dfe5; 
    color: black; 
    border: none;
}

.button1:hover {
    background-color: #c1ecae;
    color: white;
}


/* mouse over link */
a:hover {
    color: #000000;
}
 

.header {
 font-family: 'Arial', sans-serif;
 border-spacing:      0px;
 margin:			0px;
 color:            #8c8986;
 font-size:        14px;
 font-weight:      normal;
 line-height: 		0px;
 text-align:		center;
 background-color: #fefcf3;
 
}

.footer {
 font-family: 'Source Sans Pro', arial, sanserif;
 border-spacing:      0px;
 color:            #8c8986;
 font-size:        12px;
 font-weight:      normal;
 line-height: 		1.5;
 text-align:		center;
 background-color: #403e3d;
 position:			fixed;
 bottom: 			0;
 width: 			100%;
 height:			60px;
 opacity:0.9;

 
}

.footer-index {
 font-family: 'Source Sans Pro', arial, sanserif;
 border-spacing:      0px;
 color:            #8c8986;
 font-size:        12px;
 font-weight:      normal;
 line-height: 		1.5;
 text-align:		center;
 background-color: #403e3d;

 bottom: 			0;
 width: 			100%;
 height:			60px;


 
}



h1 {
font-family: Marcellus,serif;
font-size: 32px;
font-weight: normal;
font-variant: small-caps;
color: #446a39;
}

h2 {
font-family: Marcellus,serif;
font-size: 25px;
font-weight: normal;
font-variant: small-caps;
color: #446a39;
}

h3 {
font-family: Marcellus,serif;
font-size: 18px;
font-weight: normal;
font-variant: normal;
color: #446a39;
}

p {
	text-align:justify;
}

span.highlight {
    background-color: yellow;
}