/* 

 _|_|_|_|_|    _|_|      _|_|_|  _|    _|  _|_|_|  
     _|      _|    _|  _|        _|  _|      _|    
     _|      _|    _|  _|        _|_|        _|    
     _|      _|    _|  _|        _|  _|      _|    
     _|        _|_|      _|_|_|  _|    _|  _|_|_| 

© CSS von Tilman Ockert - tocki.de - blog.tocki.de
  
*/

@charset "utf-8";

* { padding: 0; margin: 0; }

a { outline: none; }

a img, a:link img { 
	border: none; 
	}

html, body {
	height: 100%;
}
	
body {
	background: #ffffff;
    overflow:auto;
	overflow: -moz-scrollbars-vertical;
	}
	
/* ----------------- Typo ---------------------- */
	

body {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
 	font-size: 12px;
	color: #333333;
	line-height:normal;
	text-align: center;
	}

a:link, a:visited, a:active {
		color: #990000;
		text-decoration: none;
		}
a:hover{
		color: #000000;
		text-decoration: underline;
		}	

h3, h3 a:link, h3 a:visited, h3 a:active {
		font-size: 18px;
		font-weight: normal;
		color: #990000;
		text-decoration: none;
		}
h3 a:hover{
		color: #000000;
		text-decoration: underline;
		}	
		
	
	
/* ----------------- Boxlayout ---------------------- */



.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* negativer Wehrt der Höhe des Footer (incl. padding!!!) */
}

.content {
	padding: 150px 0px 100px 0px;
	} 
	
.footer, .push {
	height: 60px; /* .push und .footer müssen die gleiche Höhe haben */
}

.footer {
	background-color: #CCCCCC;
	color:#333333;
	padding-top: 20px;
	}