/* CSS Document */
@import url("tt_news.css");
@import url("tt_products.css");

.csc-header h5 { background-color:#FF0000; color:#fff; margin-bottom:5px}


html, body 	{ height:100%; margin:0; padding:0;}
:root body 		{ overflow-y:scroll; } /* FF Scrollbalken einblenden*/
a, img 		{ border:none; margin:0; padding:0}
ul		{ margin:0 0 5px; padding:0; list-style-position:outside; }
	li	{ margin:0 0 0 15px!important; padding:0;}

body	{ background:#6994BF url(../img/background.jpg) no-repeat bottom center fixed; font:normal 12px/1.3em "Segoe UI", Arial, Helvetica, sans-serif;}

#header		{ position:fixed; width:725px; height:200px; top:0; left:50%; margin-left:-273px; background:url(../img/bg_header.png) no-repeat; z-index:80;}
	#header img		{ margin-top:20px}
	#adresse	{ position:absolute; width:135px; margin:40px 0 0 590px; font:normal 11px/1.3em "Segoe UI", Arial, Helvetica, sans-serif;}
		#adresse a:link, #adresse a:visited { color:#000; text-decoration:none} 
		#adresse a:hover { color:#333; text-decoration:underline}
#left	{ position:fixed; left:50%; margin-left:-450px;}
	#logo	{ height:185px;margin-top:20px; z-index:15}
		#navout	{  background:url(../img/bg_left.png) repeat-y; z-index:10}
/*Spezialnavigation*/
			#navi_sp	{ position:relative; width:165px; margin:0px 0 0 -6px; padding-top:10px; z-index:20}
				.bg_top { position:absolute; width:165px; height:50%;  background: url(../img/bg_menuspez.png); z-index:21 }
				.bg_bot { position:absolute; width:165px; height:50%; top:50%;  background: url(../img/bg_menuspez.png) bottom; z-index:21}
			#menu_sz { position:relative; z-index:22}
				#menu_sz .item		{ height:28px; padding:0 0 0 12px}
				#menu_sz .bo_top	{ border-top:solid 2px #fff}
			#submenu_sz { position:relative; margin-bottom:5px}
				#submenu_sz .item		{ height:18px; padding:0 0 0 18px}
				#submenu_sz .act		{ background-color:#ffffff}
				
			.item a { position:relative; width:100%;}

/*Navigation*/
			#navi	{ width:153px; margin-top:0px; padding-top:20px; min-height:200px; background:url(../img/menu_top.png) no-repeat 0 9px}
				#menu { position:relative; padding-bottom:11px; background:url(../img/menu_bottom.png) no-repeat bottom}
				#menu .item		{ height:26px; padding:0}
				#menu .bo_top	{ border-top:solid 2px #EBBF50}
				#submenu .item		{ height:18px; padding:0}

  	#copy	{ height:58px; padding-top:20px; width:153px; background:url(../img/bg_left_bottom.png) no-repeat;  text-align:right}
		#copy div { margin:0 10px 0 0; font:normal 10px "Segoe UI",Arial, Helvetica, sans-serif; color:#000;}
		#copy a:link, #copy a:visited {font:normal 10px "Segoe UI",Arial, Helvetica, sans-serif; color:#000; text-decoration:none} 
		#copy a:hover { color:#333; text-decoration:underline}
#content	{ position:absolute; top:0px; width:570px; left:50%; margin-left:-273px; z-index:50}
	#contin	{ background-color:#fff; min-height:320px; margin:200px 0 0 0; padding:0 20px}
	#title	{ padding-top:20px}
	#cont	{ min-height:50px; padding-bottom:1px}
	#contbot	{ height:77px; background:url(../img/bg_cont_bottom.png) no-repeat;}
	#contbot span { position:absolute; margin-top:57px; color:#666666; font:normal 9px "Segoe UI", Arial}

#right	{ position:fixed; width:155px; top:200px; left:50%; margin-left:297px}
#ground	{}
#seo	{ display:none}
.clearer { clear:both}

/* 1.2 spaltiges Design */
#twocols	{ background:url(../img/colseparator.gif) no-repeat center top;}
#col_left, #col_right { position:relative; float:left; width:250px;}
#col_left	{ padding-right:30px}
#col_right	{}

/* Rahmen im Content */
#cont .csc-frame { padding:3px}
#cont .csc-frame-white { background-color:#E8E8EA; border:solid 1px #CACBCF; color:#000}
#cont .csc-frame-green { background-color:#E9F19F; border:solid 1px #C7DB20; color:#000}
#cont .csc-frame-brown { background-color:#F5E2B5; border:solid 1px #E7BB55; color:#000}

/* Sidekick */
#right a:link, #right a:visited { color:#000; text-decoration:underline}
#right a:hover			{ color:#666}
#right .csc-header h1	{ margin-left:5px; padding-bottom:3px; color:#fff; font:bold 14px/100% "Segoe UI", Arial, Helvetica, sans-serif!important}
#right .csc-frame			{ padding-bottom:5px; margin-bottom:10px; min-height:0px;}
#right .csc-frame .bodytext	{ color:#000; margin:0 2px 0 5px}

#right .csc-frame-white	{ background:url(../img/sk_bg_w.png) no-repeat bottom left}
#right .csc-frame-white .csc-header { background:#ccc url(../img/sk_bgt_w.gif) no-repeat left}

#right .csc-frame-green	{ background:url(../img/sk_bg_g.png) no-repeat bottom left}
#right .csc-frame-green .csc-header { background:#91AF2A url(../img/sk_bgt_g.gif) repeat-y left}

#right .csc-frame-brown	{ background:url(../img/sk_bg_b.png) no-repeat bottom left}
#right .csc-frame-brown .csc-header {background:#DC951E url(../img/sk_bgt_b.gif) repeat-y left}



/* Typo3 */
.csc-header, .csc-textpicHeader		{ margin-bottom:6px; font-size:150%}
h1, h2, h3	{ margin:0; font-family:"Segoe UI", Arial, Helvetica, sans-serif; color:#333; font-size:90%}
.bodytext, li, td	{ font:normal 12px/1.3em "Segoe UI", Arial, Helvetica, sans-serif; color:#666; margin:0px 0px 5px 0px}
a:link, a:visited { font:normal 12px/1.3em "Segoe UI", Arial, Helvetica, sans-serif; color:#666; text-decoration:underline}
a:hover			{ color:#000}
.csc-textpic-caption	{font:bold 12px/1.1em "Segoe UI", Arial, Helvetica, sans-serif; color:#666; padding:4px 0px 5px 0px}
.csc-linkToTop { clear:both; position:relative; height:1px; margin:0!important}
	.csc-linkToTop a { display:none}

/* Contenttable */
.contenttable td { vertical-align:top; border-bottom: solid 1px #E6BD5A; }

/* Formular */
.csc-mailform { width:530px; border:none;}
.csc-mailform-field { clear:both}
.csc-mailform-field label { float:left; width:100px; text-align:right; padding-right:5px }
.csc-mailform-field input { width:400px; }
.csc-mailform-radio input { clear:left; float:left; width:20px}
.csc-mailform-radio label { float:left; text-align:left; width:400px}
.csc-mailform-submit	{ margin-left:105px}
textarea	{ width:400px }
legend		{ font:normal 12px/1.3em "Segoe UI", Arial, Helvetica, sans-serif; color:#2263a3; }
.csc-mailform-label { font:normal 12px/1.3em "Segoe UI", Arial, Helvetica, sans-serif; color:#333; }



