/*******************************/
/*     DIV STYLES              */
/*******************************/

/*
DIV {
	border: 1px dashed #000;
}
*/

/************************************************/
/************ SEITENAUFBAU **********************/
/************************************************/

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background:url(images/linksblau.jpg) repeat-y left top;
	background-color:#fff;
}

#left_side {
	position:fixed;
	padding-top:40px;
	left:0px;
	top:70px;
	overflow:auto;
	overflow-x:hidden;
/*	height:100%; */
	bottom:0px;
	width:150px;
/*	background-color:#CCEBEB; */
	z-index:10;
}
#right_side {
	position:fixed;
	right:0;
	top:100px;
	bottom: 0px;
	height:100%;
	width:238px;
	background-color:#fff;
	color:#000;
	z-index:2;
}
#right_side_content_div {
	padding: 126px 0 0 5px;
	color:#122a57;
	right:0px;
	width:100%;
	height:100%;
	background-color:#fff;
}
#header {
	position:fixed; 
	right:0px;
	left:0px;
	background:url(images/header_unternehmen.jpg);
	background-color:#ccc;
	top:0px; 
	height:70px; 
	z-index:12; 
}

#footer {
	position:absolute; 
	right:158px;
	left:150px; 
	bottom:0; 
	height:20px;
	background-color:#fff;
	z-index:2; 
}

#content {
	overflow:auto; 
	position:fixed;
	text-align:left;
	z-index:3;
	top:70px; 
	bottom:0px; 
	right:238px;
	left:0px;
	padding-top:40px;
	padding-left:181px;
	padding-right:30px;
	padding-bottom:30px;
	/*
	background:#fff;
	*/
}

#logo {
	position:fixed;
	background:url(images/logo.jpg) #fff;
	background-repeat:no-repeat;
	background-position:right;
	top:0px; 
	width:238px;
	right:0px; 
	height:101px; 
	z-index:13; 
}


/************************************************/
/************ CONTENT AUFBAU ********************/
/************************************************/

.table_startseite td {
	border:0px;
	text-align:left;
	padding:10px;
}

.table_startseite img {
	border:0px;
	text-align:left;
}


/************************************************/
/************ TEXT STYLES ***********************/
/************************************************/

@font-face
{
font-family: "Trebuchet MS"; 
src: local("Trebuchet MS"),
url("/fonts/trebuc")
format("TrueType")
}  

A:link { 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #122a57;
	text-decoration: underline;
}

A:visited, A:active {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #122a57;
	text-decoration: underline;
}

A:hover {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#cc0000;
	text-decoration: underline;
}

.csc-header-date {
	padding: 0 0 10px 0;
	margin: 0;
}

P, OL, UL, DIV, H {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#122a57;
}

H1, H2, H3, H4 { color: #122a57; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }
H1 { font-size: 12pt; color: #122a57; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }
H2 { font-size: 11pt; color: #bf0000; }
H3 { font-size: 11pt; }
H4 { font-size: 10pt; }
H5 { font-size: 8pt; font-weight: normal;}
H6 { font-size: 7pt; font-weight: normal; color: grey; }
H1 { margin: 0px 0px 13px 0px; }
H2 { margin: 15px 0px 10px 0px; }
H3 { margin: 15px 0px 5px 0px; }
H4 { margin: 15px 0px 5px 0px; }
H5 { margin: 10px 0px 5px 0px; }
H6 { margin: 10px 0px 5px 0px; }

P { 
	margin: 0px 0px 2px 0px;
	text-indent: 0px;
	line-height: 140%;
}

DIV#content OL { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
}

DIV#content OL LI { 
	text-indent: 0px;
	line-height: 140%;
	list-style-image: url(list_image.gif);
}

DIV#content UL {
	margin: 0px 0px 0px 0px;
	/*
	list-style-image: url(list_image.gif);
	*/
	padding: 0px 0px 0px 0px;
}

DIV#content UL LI {
	text-indent: 0px;
	line-height: 140%;
	/*
	list-style-image: url(list_image.gif);
	*/
	list-style-type: none;
}

#footer P {
	font-size: 10px;
	text-align: center;
	padding:5px 0 5px 0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin:0;
}


/************************************************/
/************ NAVI ******************************/
/************************************************/

#left_side UL
{
	margin: 0 0 0 15px;
	padding: 0;
	font-size:9pt;
	list-style-type: none;
	font-weight:normal;
}

#m1head {
	margin: 10px 0 10px 0;
	padding: 5px 5px 5px 20px;
	width: 135px;
	color: #000;
	border:1px solid #eee;
	margin: 0px 0 0 0;
	font-size: 9pt;
	font-weight:normal;
}

#left_side LI A {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	display: block;
	background-color:#fff;
	padding: 2px 5px 2px 7px;
	width: 123px;
	color: #122a57;
	margin: 0px 0 0 0;
	text-decoration: none;
	
}

#left_side LI#m1l1no A {
	font-size: 13px;
	margin-top: 5px;
}

#left_side LI#m1l1act {
}

#left_side LI#m1l1act A {
	font-size: 13px;
	margin-top: 5px;
	font-weight: bold;
	background-color: #969cc1;
	color: #122a57;
}

#left_side LI#m1l1no A:hover {
	font-weight: bold;
	background-color: #969cc1;
	color: #122a57;
}

#left_side LI#m1l2no A {
	color:#003366;
	font-weight:normal;
	font-size: 11px;
	background-color:#cccde1;
	padding: 2px 5px 1px 11px;
	width: 119px;
}

#left_side LI#m1l2act A {
	color:#ffffff;
	font-weight:bold;
	background-color:#344785;
	font-size: 11px;
	padding: 2px 5px 1px 11px;
	width: 119px;
}

#left_side LI#m1l2no A:hover {
	color:#ffffff;
	background-color:#344785;
}

#left_side LI#m1l3no A {
	font-size: 8pt;
	padding: 2px 5px 2px 15px;
	width:120px;
	font-weight: normal;
}

#left_side LI#m1l3act {
	/*
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	*/
}

#left_side LI#m1l3act A {
	font-size: 8pt;
	font-weight:bold;
	padding: 2px 5px 2px 15px;
	width:115px;
	color:#555;
}

#left_side LI#m1l4no A {
	font-size: 8pt;
	padding: 2px 5px 2px 45px;
	width:110px;
	font-weight: normal;
}

#left_side LI#m1l4act {
	/*
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	*/
}

#left_side LI#m1l4act A {
	font-size: 8pt;
	font-weight:bold;
	padding: 2px 5px 2px 45px;
	width:110px;
	color:#555;
}


/************************************************/
/************ CONTENT AUFBAU ********************/
/************************************************/

DIV#content .imgtext-table {
	padding-right: 10px;
	padding-bottom: 10px;
}

DIV#content .imgtext-table TD {
	padding: 0 10px 10px 0;
}


/************************************************/
/************ CSS styled IMGTEXT ****************/
/************************************************/


	.csi-textpic {
		padding: 0px;
	}
	
	.csi-textpic img {
		margin: 0px;
		
	}
	
	.csi-textpic .csi-caption {
		text-align: left;  
	}
	
	.csi-textpic .csi-image {
		margin: 0 0 3px 0;  
		padding: 5px;
	}
	
	.csi-textpic .csi-imagewrap {
		/*border: 1px solid blue; XXX demo only*/
	}
	
	.csi-textpic .csi-text {
		text-align: left; 
	}
	
	.csi-text p {
		margin-top: 0;
		text-align:justify;
	}
	
	/* CENTER */
	
	.csi-center .csi-image {
		margin: 0 auto 3px;
	
	}
	
	/* RIGHT */
	.csi-right div.csi-image {
		float: right;
		clear: both;
	}
	
	.csi-right div.csi-text {
		clear: right;
	}
	
	
	/* LEFT */
	.csi-left div.csi-image {
		float: left;
		clear: both;
	}
	
	.csi-left div.csi-text {
		clear: left;
	}
	
	
	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin-right: 10px;
	}
	
	
	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin-left: 10px;
	}
	
	
	/* INTEXT RIGHT NOWRAP */
	.csi-intext-right-nowrap .csi-text {
		margin-right: 215px; 
	}
	
	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
	}
	
	
	/* INTEXT LEFT NOWRAP*/	
	.csi-intext-left-nowrap .csi-text {
		margin-left: 215px; /*will have to be an inline style - controlled by TS*/
	}
	
	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
	}


/************************************************/
/************ KLICKPFAD *************************/
/************************************************/

#klickpfad {
	position:fixed;
	top:100px;
	left:216px;
	right:0;
	padding: 5px 0px 5px 0px;
	vertical-align:top;
	font-family: Trebuchet MS, verdana, arial;
	font-size: 10px;
	font-weight:normal;
	color:#000;
	z-index:10;
}

#klickpfad A {
	font-weight:normal;
}

#klickpfad A:hover {
	color:#555;
}


/************************************************/
/************ LOGIN ******************************/
/************************************************/

#login {
	width:50px;
	border:solid 1px #000;
	background-color:#fff;
	font-size:10px;
	margin: 3px 0 0 0;
}

#input {
	height:15px;
	width:35px;
	background-color:#FFFFFF;
	border:solid 1px #000;
	font-size:10px;
	margin: 0 0 2px 0;
	padding: 2px 3px 2px 3px;
} 

#login:hover {
	background-color:#fff;
	color:#000;
}

#loginbox {
	width:145px;
	background-color: #fff;
	padding: 5px 5px 5px 10px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

#loginbox H3 { margin: 0px 0px 5px 0px; }


/**********************************************************/
/****************** SHOPNAVI ******************************/
/**********************************************************/
/*

UL #shopnav {
	margin-top:500px;
	/*
	width:150px;
	height:100%;
	left:0;
	top:0px;
	position:fixed;
	border-right:1px solid #000;
	background-color:#fff;
	z-index:11;
}
#shopnav LI A {
	display: block;
	padding: 5px 5px 5px 20px;
	width: 135px;
	color: #000;
	margin: 1px 0 0 0;
	text-decoration: none;
}

#shopnav LI A:hover {
	color:#555;
}

#shopnav LI#m1l1no {
	font-size: 12px;
}

#shopnav LI#m1l1act {
	font-weight:bold;
	font-size: 12px;
	color:#555;
}
#shopnav LI#m1l1act A {
	color:#555;
}
*/


/************************************************/
/************ FORM ******************************/
/************************************************/

FORM INPUT.text {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-size: 9pt;
	margin-top:10px;
	width: 200px;
	padding-left: 2px;
	background-color: #fff;
	color: #003366;
	border: 1px solid #003366;
}

FORM INPUT.submit {
	margin-top: 10px;
	cursor: pointer;
/*
	border: 1px solid #000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-size: 10pt;
	background-color:#fff;
	color: #000;
*/
}


.tmailform_label {
	color:#003366;
}

#tmailform_fehler {
	color:#F00;
}

	/*
.csc-mailform-field {
	width:100px;
}

	margin-bottom:10px;

#mailform_label {
	border:0px;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
	width: 75px;
	background-color:#fff;
	color:#000;
}
	*/

#tmailform_input {
	margin-left: 4px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-size: 9pt;
	width: 200px;
	padding-left: 2px;
	background-color: #fff;
	color: #003366;
	border: 1px solid #003366;
}

.tmailform_textarea_label {
	padding-top: 5px;
}

#tmailform_textarea {
	margin-left: 4px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-size: 9pt;
	padding: 2px 0 0 2px;
	background-color:#fff;
	color:#003366;
	border: 1px solid #003366;
}

#tmailform_checkbox {
	cursor:pointer;
}

#tmailform_submit {
	margin-top: 10px;
	cursor: pointer;
/*
	border: 1px solid #000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica; 
	font-size: 10pt;
	background-color:#fff;
	color: #000;
*/
}

#mailform DIV {
	padding-bottom:10px;
}

#mailform DIV LABEL{
	vertical-align:top;
	width:200px;
}



/************************************************/
/************ NEWS ******************************/
/************************************************/

/************ mehrere Seiten ********************/

.tx-ttnews-browsebox P {
	margin: 10px 0 5px 0px;
}


/*
#pageBrowsertable TD A {
	min-width:15px;
	margin: 0 0 0 0;
	padding: 0px 5px 0px 5px;
	border:solid 1px #000;
	text-align:center;
	vertical-align:middle;
	color:#000;
	font-weight:bold;
}

#pageBrowsertable TD P {
	margin: 0px;
	padding: 0px;
}

#pageBrowsertable TD P:hover   { background-color:#aaa; font-weight:bold; color:#000; }
#pageBrowsertable TD P:visited { background-color:#aaa; font-weight:normal; color:#000; }
#pageBrowsertable TD P:active  { background-color:#aaa; font-weight:normal; color:#000; }
*/

/************ LIST ******************************/

#news-list-item {
	padding-bottom:10px;
	/*border-top:1px dashed #000;*/
	border-bottom:1px dotted #000;
	margin:0px 0 0px 0;
}
	
#news-list-title {
	font-weight:bold;
	font-size:12px;
	color:#000;
	margin: 12px 0 5px 0;
	clear:left;
}		

#news-list-date  {
	color: #000;
	margin:0 0 10px 0;
}

#news-list-content TABLE { 
	margin: 10px 0px 0px 0px;
}

#news-list-content TABLE P { 
	margin: 0px 0px 0px 0px;
	text-indent: 0px;
	color:#000;
}

#news-list-content TABLE TD {
	line-height: 100%;
	vertical-align:top;
	padding: 5px 10px 0px 0;
}

#news-list-image {
	overflow:auto;
	float:right;
}

#news-list-stimmung {
	color: #000;
	margin: 15px 0 7px 0px;
}

#news-list-stimmung IMG {
	vertical-align:bottom;
}

#news-list-morelink {
	font-size:8pt;
	margin: 10px 0 2px 0;
}

#news-list-container { 
	margin: 23px 0 0 0;
	padding: 0;
	border-top:1px dotted #000;
	overflow:visible;
}

/************ SINGLE ****************************/

#news-single-item {
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	margin:0px 0 0px 0;
	overflow:visible;
}
	
#news-single-title {
	color:#000;
	font-weight:bold;
	font-size:12px;
	margin: 12px 0 5px 0;
	clear:left;
}		

#news-single-subheader {
	
}

#news-single-content {

}

#news-single-content TABLE { 
	margin: 10px 0px 0px 0px;
}

#news-single-content TABLE P { 
	margin: 0px 0px 0px 0px;
	text-indent: 0px;
	color:#000;
}

#news-single-content TABLE TD {
	line-height: 100%;
	vertical-align:top;
	padding: 5px 10px 0px 0;
}

#news-single-timedata  {
	color: #000;
	margin:0 0 10px 0;
}

#news-single-image {
	overflow:auto;
	float:right;
}

#news-single-backlink {
	font-size:11px;
	margin: 10px 0 2px 0;
}

#news-single-container { 
	margin: 23px 0 0 0;
	padding: 0;
	border-top:1px dotted #000;
	overflow:visible;
}

/************ LATEST ****************************/
#news-latest-item DIV {
}

#news-latest-container P {
	margin-left:0px;
}

#news-latest-container { 
	margin: 12px 0px 0 0px;
	background-color: #fff;
	padding: 0 0px 5px 0px;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	overflow:visible;
}

#news-latest-item {
	color: #000;
	padding: 5px 10px 5px 10px;
	margin:0px 0 3px 0;
}

#news-latest-item:hover {
	/*
	background-color: #CCEBEB;
	*/
}

#news-latest-header {
	font-weight:normal;
	font-size:10pt;
	color:#000;
	margin: 10px 0 10px 10px;
	clear: left;
}		

#news-latest-title {
	font-size:10pt;
	font-weight:normal;
	text-decoration:underline;
	margin: 3px 0 0px 0;
	clear: left;
}

#news-latest-date  {
	font-size:10pt;
	font-weight:normal;
	margin: 0px 0 0px 0;
}


/************************************************/
/************ NICHT GENUTZT *********************/
/************************************************/

#left_side_image {
	position:fixed;
	left:0;
	height:212px;
	bottom:0px;
	width:150px;
	z-index:15;
}

#footer_image_transp {
	position:absolute;
	left:0px;
	bottom:0px; 
	width:282px; 
	height:212px; 
	z-index:3000; 
}
#footer_image {
	position:absolute;
	left:150px; 
	bottom:0; 
	width:121px; 
	height:118px; 
	z-index:15; 
}

#header_navi {
	position:absolute; 
	top:30px;
	right:72px;
	left:0px;
	text-align:right;
	z-index:15; 
}

#topmenu {
	display:inline;
	margin-left:20px;
}

#right_border {
	position:absolute;
	z-index:4;
	top:90px;
	bottom:120px;
	right:0px;
	width:0px;
	border-left:1px solid #000;
}

#top_space DIV {
	height: 20px;
}