/* 

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

© 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: #3f3f3f url(../css-bilder/body.gif) repeat-x;
    overflow:auto;
	overflow: -moz-scrollbars-vertical;
	padding-top: 50px;
	}
	
html {
	height: 100%;
	}
	
/* ----------------- Typo ---------------------- */
	

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

a:link, a:visited, a:active {
		color: #ffffff;
		text-decoration: none;
		}
a:hover{
		color: #ffffff;
		text-decoration: underline;
		}
	
h3, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {
		color: #cbc8c5;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		}

h4, h4 a:link, h4 a:visited, h4 a:active, h4 a:hover {
		color: #cbc8c5;
		font-weight: bold;
		text-decoration: none;
		}

/* ----------------- Tockis Sexy Buttons ---------------------- */


a.button {
    background: transparent url(../css-bilder/bg_button_a.gif) no-repeat scroll top right;
    color: #CBC8C5;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.button span {
    background: transparent url(../css-bilder/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
    background-position: bottom right;
    color: #ffffff;
    outline: none;
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 18px;
    background: transparent url(../css-bilder/bg_button_span.gif) 0 -24px no-repeat;
}

	
	
/* ----------------- Boxlayout ---------------------- */


.wrapper-index {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 960px;
	margin: 0 auto -65px; /* the bottom margin is the negative value of the footer's height */
}
.footer-index, .push-index {
	height: 65px; /* .push must be the same height as .footer */
}


.indexer { 
	position:absolute;
	height:300px;
	width:450px;
	margin:-150px 0px 0px -225px;
	top: 50%;
	left: 50%;
	text-align: left;
	background: #4B4A4D url(../css-bilder/start-bg.gif) repeat-x;
	}

	.indexer a:hover img{
		text-decoration: none;
		}

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

.header {
	width: 960px;
	padding: 0px;
	height: 360px;
	margin: 0px;
	float: left;
	display: inline;
	background: #333333;
	}

.menue {
	width: 960px;
	height: 65px;
	margin: 0px;
	float: left;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	display: inline;
	background: #87888a url(../css-bilder/menue-hg.gif) repeat-x;
	}

.content {
	margin: 15px 0px 15px 0px;
	overflow: auto;
	width: 960px;
	float: left;
	background: #434343;
	}

.inhalte {
	margin-left: auto; 
	margin-right: auto;
	margin-top: 25px;
	width: 690px;
	}

	.inhalte img {
		float: left;
		margin: 0px 25px 15px 0px;
		}
		
	.inhalte-box {
		width: 689px;
		clear: both;
		margin-bottom: 25px;
		}
		
	.facebox-div {
		background: #606060; /* war mal fff */
		padding: 15px 0px 0px 15px;
		}
	
	.pressefotobutton {
		float: right;
		}
	
	.fotolist {
		margin-left: -47px;
		width: 850px;
		}		
	
	.fotolist img {
		float: left;
		display: inline;
		margin: 0px 0px 47px 47px;
		}
		
	.musiktitel {
		float: left;
		margin: 0px 0px 25px 0px;
		width: 690px;
		}
		
	.player {
		float: right;
		margin-left: 20px; 
		}

.footer { 
	width: 960px;
	height: 75px;
	clear: both;
	margin: 0px;
	padding-top: 20px;
	text-align: center;
	background: #434343;
	}

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

.menuliste {
	margin-left: auto; 
	margin-right: auto;
	width: 790px;
	}

.menuliste ul {
	margin: 0px;
	padding-top: 5px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	}

.menuliste li {
	display:block;
	float: left;
	margin:0;
	padding:0;
	}
	
.menuliste li a, .menuliste li a:visited {
	display:block;
	float:left;
	color:#cbc8c5;
	text-decoration:none;
	height: 40px;
	padding:25px 25px 0 25px;
	background: url(../css-bilder/menue-hg.gif) repeat-x;	
	}
		
.menuliste li a:hover {	
	color:#ffffff;
	background: url(../css-bilder/menue-over.gif) repeat-x;		
	}

.menuliste #current {	
	color:#ffffff;
	background: url(../css-bilder/menue-over.gif) repeat-x;	
	}