@import url('reset.css');

/* General Codrops Demo Style */


body{	
	background-color: #ccc;
	background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position:  center;
	font-family: Open Sans, Verdana, Arial, sans-serif;
	font-size:11px;
}

a{
	text-decoration:none;
}
a:hover{
	color:#fff;
}

table{
width: 100%;
bottom: 0px; 
font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
font-size:11px;
color:#999;
}
td {
  padding: 5px;

}

table a{
	color:#999;	
}
table a:hover{
	color:#fff;	
}

.spacer{
padding:0px;
}

.clr{
	clear:both;
}
h1{	
	margin:3px;
	font-size:24px;
	letter-spacing:1px;
	text-align:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:0px 0px 0px #bbb;
	padding-bottom:0px;
	padding-top:7px;
	padding-left:25px;
	line-height:40px;
	
}

h1 a{
	font-size:11px;	
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
}

h2{	
	margin:1px;
	font-size:24px;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:1px 1px 0px #bbb;
	padding-bottom:0px;
	padding-top:3px;
	padding-left:25px;
	line-height:30px;
	
}
h2 a{	
	font-size:10px;	
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
	}

* {
  box-sizing: border-box;
}

.button {
  border: none;
  color: #fff;
  padding: 16px 32px;
  text-align:center;
  position:relative;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  text-transform:uppercase;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: #339966; 
opacity: 0.8;
  color: #fff; 
  width: 200px;
   text-align: center;
}
.button a {
  color: #fff;   
}
.button:hover {
  background-color: #99cc00;
  color: #fff;
  opacity: 1.0;
transition-duration: 0.9s;
  cursor: pointer;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 0px 15px 0px 15px;  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.textcontent{
	margin: auto;
  width: 63%;
  padding: 10px 10px 10px 10px;
 text-align: justify;		
}


@media screen and (max-width: 800px) 
{   
.umbruch::after {
        content: '\A';
        white-space: pre;    
    }
    
h1 {	
	margin:5px;
	font-size:24px;
	letter-spacing:1px;
	text-align:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:1px 1px 1px #bbb;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:25px;
	line-height:30px;	
	}
h1 a{
	font-size:10px;	
	letter-spacing:1px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:12px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
	}

  .column  {
    width: 100%;
  }

 }
 
 @media screen and (max-width: 620px) 
{

.umbruch::after {
        content: '\A';
        white-space: pre;    
    }
    
    h1 {	
	margin:5px;
	font-size:21px;
	letter-spacing:1px;
	text-align:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:1px 1px 1px #bbb;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:25px;
	line-height:20px;	
	}
h1 a{
	font-size:10px;	
	letter-spacing:0px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:11px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
	}
	/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  .column  {
    width: 100%;
  }
.textcontent{
	margin: auto;
  width: 100%;
  padding: 10px 10px 10px 10px;
 text-align: left;	
}
.spacer{
padding:50px;
}
}

.header{
	margin:50px 50px 50px 50px;		
}
.content{
	margin:0px 0px 0px 0px;		
}