/* 

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

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

*/

* { padding: 0; margin: 0; }

a { outline: none; }

a img, a:link img { 
	border: none; 
	}
	
body {
	background: #d9dadb url(../css-bilder/body.gif) repeat-x;
    overflow:auto;
	overflow: -moz-scrollbars-vertical;
	}
	
/* ----------------- Typo ---------------------- */
	

body {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 14px;
	color: #446701;
	}

a:link, a:visited, a:active {
		color: #446701;
		text-decoration: underline;
		}
a:hover{
		color: #000;
		text-decoration: none;
		}
		
h1, h1 a:link, h1 a:visited, h1 a:active {
		color: #fff;
		font-size: 21px;
		font-weight: normal;
		margin-bottom: 8px;
		}
	
h3, h3 a:link, h3 a:visited, h3 a:active {
		color: #0098ff;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 25px;
		font-weight: bold;
		font-style: italic;
		text-decoration: none;
		}
h3 a:hover{
		color: #ff01d8;
		}
	
	
/* ----------------- Boxlayout ---------------------- */

.wrapper {
	margin: 0 auto;
	width: 966px;
	}

.header {
	width: 966px;
	padding: 0px;
	height: 145px;
	margin: 0px;
	float: left;
	display: inline;
	}
	
	.logo {
		float: left;
		margin: 0px;
		}
		
	.icons {
		float: right;
		margin: 0px;
		height: 55px;
		width: 250px;
		}
	

.menue {
	width: 966px;
	height: 100px;
	margin: 0px;
	float: left;
	display: inline;
	background: url(../css-bilder/menue-bg.gif) no-repeat;
	}

.content {
	overflow: auto;
	width: 966px;
	float: left;
	background: url(../css-bilder/content-bg.gif) repeat-y;
	}
	
	.content-box {
		width: 928px;
		height: 400px;
		float: left;
		overflow: hidden;
		background:url(../css-bilder/content-box-bg_2.gif) no-repeat right bottom;
		}
		
		.content-box-inhalt {
			margin: 30px 0px 0px 104px;
			width: 500px;
			}

	.content ul {
		list-style: square outside;
		margin-left: 15px;
		}

		.content li {
			margin-bottom: 10px;
			}


.footer { 
	width: 966px;
	height: 75px;
	clear: both;
	margin: 0px;
	color: #999999;
	padding-top: 50px;
	text-align: center;
	background: url(../css-bilder/footer-bg_2.gif) no-repeat;
	}

.footer a:link, .footer a:visited, .footer a:active {
		color: #999;
		text-decoration: underline;
		}
.footer a:hover{
		color: #000;
		text-decoration: none;
		}

	
/* ----------------- Menue ---------------------- */

.menuliste {
	margin: 5px 0px 0px 80px;
	float:left;
	line-height:normal;
	font-size: 18px;
	overflow:hidden;
	display: inline;
	}
	
	#menu-right {
		float: right;
		margin: 5px 72px 0px 0px;
		}

.menuliste ul {
	margin:0;
	padding:10px 14px 0 0px;
	list-style:none;
	
	}

.menuliste li {
	display:inline;
	margin:0;
	padding:0;
	}

.menuliste a {
	float:left;
	background:url(../css-bilder/menue-left.png) no-repeat left top;
	background-position:0% -47px;
	margin:0;
	padding:0 0 0 14px;
	text-decoration:none;
	}

.menuliste a span {
	float:left;
	display:block;
	background:url(../css-bilder/menue-right.png) no-repeat right top;
	background-position:0% -47px;
	padding:18px 25px 15px 10px;
	margin-right:10px;
	color:#4d4d4d;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menuliste a span {float:none;}

/* End IE5-Mac hack */
.menuliste a:hover span {
	}

.menuliste a:hover {
	background-position:0% -0px;
	}

.menuliste a:hover span {
	background-position:100% -0px;
	color: #fff;
	}
	
	
	.menuliste a.akt:link, .menuliste a.akt:visited, .menuliste a.akt:active, .menuliste a.akt:hover  {
		background-position:0% -0px;
		}
	
	.menuliste a.akt:link span, .menuliste a.akt:visited span, .menuliste a.akt:active span, .menuliste a.akt:hover span {
		background-position:100% -0px;
		color: #fff;
		}

	
/* ----------------- Icons ---------------------- */


ul#menuliste {
	width: 220px; 
	position: relative;
	right: 35px;
	margin: 0px;
	list-style: none;
}

ul#menuliste li { display: inline; }
	
ul#menuliste li a {
	display: block; 
	float: left; 
	height: 50px;
	background-image: url(../css-bilder/Icons.png); text-indent: -9999px;
	}

	ul#menuliste li a.mail { width: 50px; background-position: -0px -0px; }	
	ul#menuliste li a.phone { width: 36px; background-position: -50px -0px; }	
	ul#menuliste li a.anfahrt { width: 48px; background-position: -86px -0px; }	
	ul#menuliste li a.xing { width: 42px; background-position: -134px -0px; }	
	ul#menuliste li a.facebook { width: 38px; background-position: -188px -0px; }	
		
	ul#menuliste li a.mail:hover, ul#menuliste li a.mail:focus { background-position: -0px -50px; }	
	ul#menuliste li a.phone:hover, ul#menuliste li a.phone:focus { background-position: -50px -50px; }	
	ul#menuliste li a.anfahrt:hover, ul#menuliste li a.anfahrt:focus { background-position: -86px -50px; }	
	ul#menuliste li a.xing:hover, ul#menuliste li a.xing:focus { background-position: -134px -50px;	}
	ul#menuliste li a.facebook:hover, ul#menuliste li a.xing:focus { background-position: -188px -50px;	}