/*--ROCKTRAIL MEIN:CSS-*/ 

body{
 margin:0; 
 background-color: #000000; /*--gesamter Hintergrund-*/
 }

.container {
 	   

}
.navbar {
    background-color: #000000;  	/*--schwarz-*/  
	border-bottom: 4px groove #d0373a;	/*--rot-*/ 
	border: 0px solid #d0373a; 		/*--rot-*/ 
	color: #e8eaeb;		/*--Textfarbe hellgrau-*/	
}


.col-md-2 {    
	margin: 8px 0px 0px 0px;
	color: #E6ECF5;		
	}


.col-md-4 { 
	background-color: #000000;	/*--schwarz textbereich-*/   
	margin: 8px 0px 0px 0px;
	color: #e8eaeb;		/*--Textfarbe hellgrau-*/
}

.col-md-6 {
	margin: 8px 0px 0px 0px;
    background-color: #000000;	/*--schwarz textbereich-*/  
	color: #e8eaeb;		/*--Textfarbe hellgrau-*/	
}

.col-md-8 {
    background-color: #000000;	/*--schwarz textbereich-*/
	margin: 8px 0px 0px 0px;
	border: 1px solid #000000;	/*--schwarz-*/	
	border-radius: 0px;	
	color: #e8eaeb;		/*--Textfarbe hellgrau-*/
}

.col-md-9 {
    background-color: #e8eaeb;	/*--hellgrau-*/
	margin: 8px 0px 0px 0px;
	border: 1px solid #d0373a;	/*--Textfarbe rot-*/	
	border-radius: 0px;	
	color: #e8eaeb;		/*--Textfarbe hellgrau-*/
}

.col-md-12 {
    background-color: #000000;  	/*--schwarz-*/ 
	padding: 1px 1px 1px 1px;	
	color: #e8eaeb;		/*--Textfarbe hellgrau-*/
	border: 1px solid #000000;	/*--schwarz-*/
	border-radius: 0px;	
		
}


 .box1 {    
	width: 320px;
	height: 240px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 8px;
	color: #E6ECF5;	
	border: 1px solid #d0373a;	/*--Textfarbe rot-*/	
	border-radius: 0px;		
	}
  
.box2 {    
	width: 320px;
	height: 240px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 8px;
	color: #E6ECF5;	
	border: 1px solid #d0373a;	/*--Textfarbe rot-*/	
	border-radius: 0px;	
	}
.box3 {    
	width: 320px;
	height: 240px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 8px;
	color: #E6ECF5;	
	border: 1px solid #d0373a;	/*--Textfarbe rot-*/	
	border-radius: 0px;	
	}	
	
.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 400px;
  background-color: #000000;	/* schwarz */
  color: #E6ECF5;
  margin: 15px 0 0px 0px;  
  border-top: 1px solid #d0373a;  /*-- rot-*/
}

a:link {
  color: #E6ECF5;		/*--Link helles blau-*/  
  text-decoration: none;
  }
  
  a:visited {
  color: #E6ECF5;		/*--Link helles blau-*/  
  text-decoration: none;
  }
  
  a:hover {
  color: #FFFFFF;		/*--Link w*/    
  text-decoration: none;
  }

  
 a.col:link {
  color: #4786d4;	/* dunkeleres blau */  
  text-decoration: none;
  font-family: Helvetica, Arial;
  }
  
  a.col:visited {
  color: #7a8ca2;		/*--helleres blau-*/  
  text-decoration: none;
  }
  
  a.col:hover {
  color: #7a8ca2;		/*--helleres blau-*/   
  text-decoration: underline;
  }


a.fuss {
  color: #A81C1C;		/*--rot--*/  
}

a.fuss:hover {
  color: #e8eaeb;		/*--besuchter Link grün--*/  
  text-decoration: underline;
}