/* ======================================================
	PARTICLES | MADAM MONOROM | monorom.com
	HTML5 & CSS Project | Spring 2016 
   ======================================================	*/ 

   /* Farben
-------------------------------------------*/
:root {
    --col1: rgb(205,45,50); /* #CD2D32 */
    --col2: rgb(113,146,201); /* #7192C9 */
    --col3: rgb(218,154,35); /* #DA9A23 */
    --col4: rgb(229,229,229); /* #E5E5E5 */
    --col5: rgb(160,160,160); /* #A0A0A0 */
    --coltext: rgb(0,0,0); /* #000000 */
    --colneg: #ffffff;
}


body{
	font-size: 1rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color:#333;
	}
a {
	color: rgb(150, 31, 33);
    text-decoration: none;
    font-weight: 400;

	}
a:visited {color:rgb(150, 31, 33);}
a:hover {color: rgb(205, 45, 50);}
a:active { color:rgb(150, 31, 33);}
a.selected{
	color:#dd0031;
	}

#tage a {
}

hr.linie {border-top: 2px solid #333;}
.space{
	padding: 0 20px;
	}
/*h1, h2, h3, h4, h5{
	margin: 20px 0;
	}	
	
*/	
pre{
    background: rgba(200, 200, 200, 0.3);
line-height: 1.5em;
margin: 0 0 15px;
padding: 15px;
white-space: pre-wrap;
word-wrap: break-word;
}
.aufgaben {
	background:rgba(205, 45, 50, 0.4);
	}
.linkbox{
	background:rgba(205, 45, 50, 0.2);
	}
.grau {color:#999;}
.rot {color:#f00;}
/* HEADER */
header{
	font-weight: 400;
	color:#fff;
	}
header .container{
	padding: 0 20px;
	}	
header a{
	font-size: 1.5rem;
	color:rgba(23, 82, 123, 0.3);
	margin: 0 0 0 10px;
	}
header h1{
	font-weight: 400;
	margin:10px 0;
	}
nav ul {
	list-style-type: none;
	text-align: right;
	}	
nav li {
	display: inline-block;
	}	
#tage a{
	background:rgba(205,45,50, 0.2);
	display: block;
	font-size: 20px;
    padding: 10px;
	}	
#tage  a:hover, 
#tage .selected a {
	background:rgb(205,45,50);
	color:#fff;
	}				
/* CONTENT */

.ziele ul{
	list-style-type:none;
	}
ol, ul{
	padding:0 0 0 20px;
	}
li {
    line-height:180%;
    padding:0;
	}

.kltn {
	list-style-type: none;
	padding:0;
	}
.kltn a{
    color: rgba(23, 82, 123, 0.7);
	}
/*.kltn i{
	font-size: 1.5em;
	padding:0 10px 5px 0;
	}
	*/
strong{
    font-weight: 500;
}
ul.nobullet {
list-style-type: none;
}

.nobullet li:before{
content: "– ";
display: inline-block;
width: 20px;
margin: 0 0 0 -20px;
}
	
/* FOOTER */
footer{
	color:#eee;
	}
footer a {
    color: rgba(200, 200, 200, 1);
	}
footer a:hover {
    color: rgba(255, 255, 255, 1);
	}
footer ul{
	list-style-type:none;
	padding:0;
	margin: 0;
	}
footer li{
    line-height:180%;
	}
.logo{
	width:150px;
}	
.copyright{
	background: rgba(23, 82, 123, 0.5);
	margin:0;
	color:#68A4BF ;
	font-weight: 400;
	}