/* 

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

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


* { padding: 0; margin: 0; }

html, body {
	height: 100%;
	}

img { 
	margin: 0; 
	}

a { outline: none; }

a img, a:link img { 
	border: none; 
	}
	
body {
	background: #ececec;
    overflow: hidden;
	}
	
/* ----------------- Typo ---------------------- */
	

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #333333;
	}

a:link, a:visited, a:active {
		color: #8571AC;
		text-decoration: none;
		}
a:hover{
		color: #8571AC;
		text-decoration: underline;
		}
	
h3, h3 a:link, h3 a:visited, h3 a:active {
		color: #8571AC;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 25px;
		font-weight: bold;
		font-style: italic;
		text-decoration: none;
		}
h3 a:hover{
		color: #8571AC;
		}

.cashmere-go {
		font-weight: bold;
		font-size: 15px;
		color: #8571AC;
		}
		
.cashmere {
		color: #aaaaaa;
		font-size: 15px;
		}


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

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* negative Höhe des footers */
}

.mitte { 
	position:absolute;
	width:700px;
	height:460px; /* war 400px */
	margin:-250px 0px 0px -350px; /* war -220px 0px 0px -350px */
	top: 50%;
	left: 50%;
	text-align:left;
	}

#slideshow {
	display: block;
	margin: 2px 0 0 0;
	clear: both;
	width: 700px;
	height: 400px;
	}

#ContentContainer{
	display: block;
	margin: 2px 0 0 0;
	padding: 148px 12px 0px 22px;
	clear: both;
	width: 666px;
	height: 252px;
	}
	
	#ContentContainer img {
		float: left;
		margin: 0px 4px 4px 0px;
		}
	
	#ContentContainer a:hover img {	
		opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=85); /* IE lt 8 */
		-ms-filter: "alpha(opacity=85)"; /* IE 8 */
		-khtml-opacity: .85; /* Safari 1.x */
		-moz-opacity: .85; /* FF lt 1.5, Netscape */
		}
	
	.background-winter09{
		background: url(../bilder/background-winter-09.jpg);
		}
	
	.background-summer10{
		background: url(../bilder/background-summer-10.jpg);
		}
	
	.background-press{
		background: url(../bilder/background-press.jpg);
		}

.footer, .push {
	height: 70px; /* .push mit gleicher Höhe, wie .footer */
}

.footer {
	background:#f2f2f2;
	color: #868686;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
	}

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

.top{
	height: 18px;
	overflow: visible;
	}

.top-left {
	float: left;
	}

	ul#top-left-menu {
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
		}
	
	#top-left-menu li {
		display: inline;
		list-style-type: none;
		}
	
	#top-left-menu a { 
		padding: 5px 12px; 
		margin-right: -2px;
		color: #fff;
		text-decoration: none;
		}
	
	/* winter 09-10 Button */
	#top-left-menu a.winter09-disabled:link, #top-left-menu a.winter09-disabled:visited {
		background-color: #abb0b5;
		}
	#top-left-menu a.winter09-disabled:hover {
		background-color: #6b757e;
		}
	#top-left-menu a.winter09-enabled:link, #top-left-menu a.winter09-enabled:visited {
		background-color: #6b757e;
		}
	#top-left-menu a.winter09-enabled:hover {
		background-color: #6b757e;
		}
	
	/* summer 10 Button */
	#top-left-menu a.summer10-disabled:link, #top-left-menu a.summer10-disabled:visited {
		background-color: #7accbf;
		}
	#top-left-menu a.summer10-disabled:hover {
		background-color: #08ad93;
		}
	#top-left-menu a.summer10-enabled:link, #top-left-menu a.summer10-enabled:visited {
		background-color: #08ad93;
		}
	#top-left-menu a.summer10-enabled:hover {
		background-color: #08ad93;
		}
	

.top-right {
	float: right;
	}

	ul#top-right-menu {
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
		}
	
	#top-right-menu li {
		display: inline;
		list-style-type: none;
		}
	
	#top-right-menu a { 
		padding: 5px 12px; 
		color: #fff;
		text-decoration: none; 
		}
	
	/* winter 09 Detail */
	#top-right-menu a.winter09-disabled:link, #top-right-menu a.winter09-disabled:visited {
		background-color: #abb0b5;
		}
	#top-right-menu a.winter09-disabled:hover {
		background-color: #6b757e;
		}
	#top-right-menu a.winter09-enabled:link, #top-right-menu a.winter09-enabled:visited {
		background-color: #6b757e;
		}
	#top-right-menu a.winter09-enabled:hover {
		background-color: #6b757e;
		}
	
	/* summer 10 Detail */
	#top-right-menu a.summer10-disabled:link, #top-right-menu a.summer10-disabled:visited {
		background-color: #7accbf;
		}
	#top-right-menu a.summer10-disabled:hover {
		background-color: #08ad93;
		}
	#top-right-menu a.summer10-enabled:link, #top-right-menu a.summer10-enabled:visited {
		background-color: #08ad93;
		}
	#top-right-menu a.summer10-enabled:hover {
		background-color: #08ad93;
		}

.bottom{
	display: block;
	margin-top: 6px;
	}

.bottom-right {
	clear: both;
	float: right;
	}

	ul#bottom-right-menu {
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
		height: 20px;
		}
	
	#bottom-right-menu li {
		display: inline;
		list-style-type: none;
		}
	
	#bottom-right-menu a { 
		padding: 4px 12px 6px 12px; 
		color: #fff;
		text-decoration: none; 
		}
	
	/* Press button */		
	#bottom-right-menu a.press-disabled:link, #bottom-right-menu a.press-disabled:visited {
		background-color: #b9aecc;
		}
	#bottom-right-menu a.press-disabled:hover {
		background-color: #8671ac;
		}
	#bottom-right-menu a.press-enabled:link, #bottom-right-menu a.press-enabled:visited {
		background-color: #8671ac;
		}
	#bottom-right-menu a.press-enabled:hover {
		background-color: #8671ac;
		}