/* default styles */	
/* Farben:
ef1318 (rot) 
000066 (blau)

*/

/* ### basic stuff ### */

@import url(menu2.css);
@import url(content-styles.css);
@import url(forms.css);
@import url(tt_news_v2.css);
@import url(indexed-search.css);

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
    /* for all browsers except for IE5 */
	font-size: normal;
	background-color: #efefef;
	}
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: normal; /* for othe IE5 versions */
	}

#header {
	background: url(../media/header/default.jpg) #fff top right no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 1280px;
	min-width: 800px;
	height: 280px;
	margin:0;
	padding:0;	
	}
	
ul#header-1 { 
	position: absolute;
	top: 0;
	left: 2%;
	z-index:10;
	}

ul#header-2 { 
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	}
	
ul#header-1, ul#header-2 { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.header ul li {	
	list-style: none;
	}
ul#header-1 li {
	float: left;
	}
ul#header-2 li {
	float: left;
	}
	
#header-2 li a {
	color: #fff !important;
	}
		
.header li {
	float: left;
	}
	
.header li a {
	display: block;
	float: left;
	color: #666;
	margin: 0;
	padding: 0.6em 0.5em 0 0.5em;
	text-decoration: none;
	font-size: 80%;
	font-weight: normal;
	letter-spacing: 0.05em;
	border-right: solid #efefef 1px;	
	}

/* IE7 */	
*+html .header li a {
	font-size: 80%;	
	}
	
.header li a:hover {
	color: #660000;
	text-decoration: underline;
	}

/* sonst gibts im IE verschiebungen */
#header #product .csc-textpic-text p {
	margin: 5px 0 0 0;
	padding: 0;
	/* border: red 1px solid; */
}

#header #logo {
	position: absolute;
	top: 50px;
	left: 1.6%;
	width: 247px;
	height: 105px;
	background: url(../media/logo.gif) no-repeat ;
	}

#header #search {
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 20%;
	text-align: left;
	padding: 0;
	margin: 0;
	z-index: 1000;
	}
	
#newsletter, #kontakt, #searchform {
	color: #fff;
	background: #9d9d9d;
	margin-top: 10px;
	}
	
#newsletter, #kontakt {
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	}
	
#newsletter:hover, #kontakt:hover {
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	}
	
#newsletter a, #kontakt a {
	display: block;
	padding: 3px;
	padding-left: 30px;
	}
	
#newsletter a:hover, #kontakt a:hover {
	background: #660000;
	}
	
#newsletter a {
	background: url(../media/icon-mail.gif) 2% 50% no-repeat #8B8685;
	}

#kontakt a {
	background: url(../media/icon-contact.gif) 2% 50% no-repeat #8B8685;
	}	
	
#newsletter a, #kontakt a, #searchform form {
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
	color: #efefef;
	}
	
/* IE7 */	
*+html #header #searchform {
	padding: 0;
	}
	
/* IE7 */	
*+html #header #searchform form {
	margin: 0;
	padding: 0;
	}
	


/* IE6 */	
* html #header #search {
/*	height: 1.6em;
	overflow: hidden;
	margin: 0;
	padding: 0; */
	}

#header #search form{
	background: url(../media/search.gif) no-repeat 8% 30%;
	}
	
#header #search form input{
	margin: 0.3em;
	margin-left: 0.5em;
	border: none;
	width: 60%;
	}
	
#header #search #searchbutton-small {
	width: 15%;
	margin: 0.3em;
	}
	
#header #search #searchbutton-small:hover {
	color: #fff;
	background-color: #333;
	}
	
#header #search #searchbutton-small:active {
	color: #fff;
	background-color: red;
	}

/* ### header end ### */

/* ### contentarea start ### */

#contentarea {
	position: absolute;
	top: 280px;
	width: 100%;
	height: 280px;
	max-width: 1280px;
	margin:0;
	padding:0;
	background: #efefef url(../media/background-content.gif) repeat-x top left;
	background-color: #efefef;
	z-index: 0;
}

/* IE7 */	
*+html #contentarea {
	z-index: -1;
}

#contentarea #menu2 {
	position: absolute;
	top: 0;
	left: 2%;
	padding-top: 0.4em;
	}

#contentarea dl#menu2 dd#left {
	margin: 0;
	padding: 0.4em;
	background: #efefef;
	}
	
div#left {
	padding: 0.3em;
	}	
	
#menu2 h2, #menu2 p {
	padding: 0.4em;
	background: none !important;
	}

/* ### center ### */
#contentarea #center {
	position: absolute;
	top: 1em;
	left: 25%;
	/* border: 1px solid red; */
	width: 40%;
	padding-bottom: 2em;
}
		
#contentarea a:hover {	
	color: #000;
	text-decoration: none !important;
	}

/* ### right ### */
#contentarea #right {
	position: absolute;
	top: 1em;
	right: 0;
	width: 30%;
	margin: 0;
	padding: 0;
	
}

#contentarea #right div.accordion {
	background: url(../media/runde-ecken-weiss.gif) no-repeat 0% 0%;
}

#contentarea #right div.accordion-end {
	background: url(../media/runde-ecken-weiss.gif) no-repeat 0 -590px;
	height: 10px;
}

#contentarea #right h2 {	
	margin: 0 0 0.3em 0;
	padding: 0.5em 1.8em 0.2em 0.5em;
	border-bottom: 3px solid #333399;
	font-weight: bold;
	color: #333399;
	}
	
#contentarea #right div.accordion h2 {	
	background: url(../media/expand1.gif) no-repeat 98% 60%;
	border-bottom: 3px solid #660000;
	}
	
#contentarea #right div.accordion h2.exp {	
	background: url(../media/expand2.gif) no-repeat 98% 60%;
	}
	
#contentarea #right  div.accordion h2:hover, #contentarea #right a:hover {	
	background-color: #efefef;
	color: #000;
	text-decoration: underline;
	}

#right p {	
	margin:0;
	padding: 0.2em 0.5em 0.2em 0.5em;	
	}


#contentarea #footer {
	position: fixed;
	width: 75%;
	bottom:0;
	right:0;
	height: 1.5em;
	text-align: right;
	background: url(../media/footer-back.jpg) no-repeat #9191c4;
	z-index: 1000;
	}
	
* html #contentarea #footer {
	display: none;
	}
	
#footer p {
	margin: 0 !important;
	padding: 0.4em 0.2em 0.2em 1em;
	text-align: left;
	font-size: 70%;
	color: #fff;
}
	
#footer p a {
	padding: 0.5em;
	text-decoration: underline;
	color: #fff;
	}
	
#footer p a:hover {
	text-decoration: none !important;
	color: #ef1318;
	}

br.clearer, hr.clearer { 
	width: 0 !important; 
	height: 0 !important; 
	clear: both !important; 
	visibility: hidden !important; 
	}

div.accordion h2 { background: url(../media/expand1.gif) no-repeat 98% 60%; }
div.accordion h2.exp { background: url(../media/expand2.gif) no-repeat 98% 60%; }

.accordion h2 {
	background: url(../media/expand1.gif) no-repeat 98% 60%;
	}
	
.accordion h2:hover, .accordion h2.exp:hover {
	background: #ccc;
	cursor: pointer;
	}
	
/* link top */
p.csc-linkToTop {
	text-align: right;
	color: #666;
	}

.csc-frame img {
	border: 5px solid #ccc;
	}
	
ul, ol { font-size: 70%; }

.csc-frame-frame1 {
	float: left;
	width: 48%;
	}
	
.csc-frame-frame2 {
	float: right;
	width: 48%;
	}

.csc-textpic {
	
	margin-top: 5px;
}
	
.csc-textpic-caption {
	font-size: 70%;
	color: #333;
	padding-top: 0.5em;
}
.ob {
	font-weight: bold;
	color: #b90030;
}


#menu-all #facebook img {
	margin-right: 5px;
}