phone:before{content:"+43(0)680-1240421";}


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

.content {
		
    min-height: 100%;
    overflow: auto;
    position: relative;
    width: 100%;
}

.body {
	padding:0px;
	padding-bottom:60px;   /* Height footer */
	width: 100%;
	min-height: 100%;
       
}

div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
  margin: 0;
  display: block;
}



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);
	display:block;
	
}


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



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

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

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:		justify;
 background-color: 	#f2ede1;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
}



.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;}



.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 {
 border-spacing:    0px;
 margin:			0px;
 color:          	#8c8986;
 line-height: 		0px;
 text-align:		center;
 background-color: 	#fefcf3;
 vertical-align:bottom; 
	display: block;
	
 
}

.footer {
 font-family: 'Source Sans Pro', arial, sanserif;
 
 color:            	#968d9a;
 font-size:        	16;
 font-weight:      	normal;
 line-height: 		1.5;
 text-align:		center;
 background-color: 	#403e3d;
 position:			fixed;
 bottom: 			0;
 width: 			100%;
 height:			60px;
	
}

hr.style-two { 
	border: 0; 
	height: 1px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

hr.style-four { 
	height: 12px; 
	border: 0; 
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); 
	color:#0000ff;
}

hr.style-five { border: 0; height: 0; /* Firefox... */ box-shadow: 0 0 10px 1px black; } hr.style-five:after { /* Not really supposed to work, but does */ content: "\00a0"; /* Prevent margin collapse */ }

h1 {
font-family: Marcellus,serif;
font-size: 36px;
font-weight: normal;
font-variant: small-caps;
color: #472d50;
}

h2 {
font-family: Marcellus,serif;
font-size: 30px;
font-weight: normal;
font-variant: small-caps;
color: #472d50;
}

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

.fett {
	font-weight:    bold;
	font-family: 	'Source Sans Pro', arial, sanserif;
	color:			#a586af; 
	
	
}

p {
	text-align:justify;
}

span.highlight {
    background-color: yellow;
}