body  
{     
  font-family: Arial, sans-serif;   
  background-color: #bfbfbf;  
  color: #000;              
  font-size: 1.3em; 	   
  line-height: 110%;
  background-image:url(bg.gif);
}




input.suche 
{
	font-size: 1.0em;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 2px 2px 2px 2px;
	margin: 0 1px 0 0;
	width: 130px;
	color: #949494;
	float: left;
}
input.submit 
{
	font-size: 0em;
	width: auto;
}

h1, h2, h3, h4
     {
     font-family: Arial;
     font-size: 14px;
     }
h1 {color: #002c6d;}

h2 {border-top: 1px solid #ddd; color: #002c6d;} 

h3 {/* border-top: 2px solid #fff; */ padding-top: 4px; font-size: 12px;}

h3 a {color: #000; font-size: 12px;}

h4 {border-top: 1px solid #ddd; color: #002c6d; font-size: 11px;}

h5 {letter-spacing: 0; line-height: 16px; margin: 0; padding: 5px 0 15px 0; color: #990000;}


/* ---------- FORM ----------- */
.csc-mailform {font-family: Arial;   }
.csc-mailform-field {margin-left: 5px; margin-right: 5px; padding-left: 5px; padding-right: 5px;  margin-top: 4px; align:right; } 

.fieldtext     {  width: 100px; min-width: 100px;   padding-right: 10px; text-align: left;  }
.fieldtextplz  {  width: 100px; min-width: 100px;   margin-left: 10%;  margin-right: 150px;  padding-right: 10px; text-align: left; }
.fieldtext2    {  width: 120px; min-width: 120px;   margin-left: 10%;  padding-right: 10px; text-align: left;   margin-top: 0px;  padding-top: 0px; }


.csc-frame{  text-align: center;  }

.csc-frame-invisible { margin-left: 80px;  margin-right: 40px;  text-align: right; width: 400px; min-width: 350px;  }


div.fieldinput {padding-left: 0px; text-align: right;  }






a:link, a:visited, a:hover, a:active 
        {
	color: #002C6D
	text-decoration: none;
        }


#container {
	    width:980px;
	    overflow:hidden;
	    background-color: #fff; 
	    border: 1px solid #002c6d;
	    /* margin-left: 12%;*/
         }

#header {
           width:980px;
           margin-bottom:5px;
           height:152px;
           overflow:hidden;}

#metanavi {
float: right;
position: relative;
top: -150px;
text-align: left;
font-size: 9px; 
margin: 2px 2px 2px 2px;
}

#metanavi ul
{
list-style: none;
}

#metanavi li
{margin: 0 0.15em}

#metanavi li a
{
height: 2em;
line-height: 2em;
background-color: #cccccc; 
width: 100px;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 2px;
}


#metanavi li a:hover
{
height: 2em;
line-height: 2em;
background-color: #ff3300; 
width: 100px;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
}




#navi  {  	 
	 /* height: 613px; */
	 min-height:613px;
          width: 194px;  
	 padding-top: 40px;
	 padding-left: -5px;
	 float : left; 	
          /* background-color: #fff;*/
	 background-color: #f1f1f2; 
	 color: #333;   
	 text-align: left; 
	 font-size: 15px;
}


#navi ul
{
list-style: none;
padding: 0;
margin: 0;
}

#navi li
{
margin: 0 0.15em;
}

#navi li a
{
height: 2em;
line-height: 2em;
width: 160px;
display: block;
padding:1px 1px 1px 15px;
border-top: 0.1em solid #dcdce9;
border-left: 0.3em solid #dcdce9;
color: #0d2474;
text-decoration: none;}

#navi li a:hover
{
/*height: 2em;
line-height: 2em;
float: left;
width: 160px;
display: block;
padding:1px 5px 3px 5px;
border: 0.1em solid #dcdce9;*/
color: #fff;
background-color: #002C6D;
}

#navi li a:active
{
background-color: #002C6D;
}

#navi ul ul
{
list-style: none;
color: #fff;
font-size: 11px;
}

#navi li li a
{
height: 2em;
line-height: 2em;
width: 160px;
display: block;
border-width: 4px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
color: #000;
text-decoration: none;
border-color: #000066;
background:url(http://www.tricon-terminal.de/typo3/fileadmin/templates/disk.gif);
background-repeat: no-repeat;
background-color: #ccc; 
}


#navi li li a:hover
{
height: 2em;
line-height: 2em;
width: 160px;
border-width: 4px;
border-right: 0px;
text-decoration: none;
border-color: #000066;
background:url(http://www.tricon-terminal.de/typo3/fileadmin/templates/disk2.gif);
background-repeat: no-repeat;
background-color: #ff3300; 
color: #ffffff;
}



#navi li a.cur {color: #fff; background-color:#002C6D; }
#navi li a.act {color: #fff; background-color:#002C6D; }
#navi li li a.cur {color:#fff;}
#navi li li a.cur2 {
                    background:url(http://www.tricon-terminal.de/typo3/fileadmin/templates/disk2.gif);
                     background-repeat: no-repeat;
                     color:#fff; background-color:#ff3300;}
	

#clickpath
         { 
  	background-color: #ffffff; 
  	width: 500px;
	color: #7f7f7f;
	text-align: left; 
         float: left;
	height: 40 px; 
	font-size: 9px; 
 	padding-left: 10px;  
         padding-top: 34px; 
          }

div#clickpath a {color: #7f7f7f; text-decoration: none }


#inhalt    {
	  /* background-color: #f8f8f7;*/
           /* background-color: #f1f1f2; */
           /* background-color: #fbfbff;*/
           /* background-color: #f2f3fc;*/
	  font-size: 13px;
	  min-height: 500px;
	  float: left;
           width: 540px;  
           /* background-color: #ffffff;*/  
 	  padding-left: 10px;  
           padding-right: 10px;  
           /*padding-top: 10px;*/ 
           padding-bottom: 10px; }

#news    {
	margin-top:  -60px; 
         margin-left: 40px;
         float: left;
         width: 160px;
                  }



a:link, a:visited, a:hover, a:active 
        {
	color: #B01125;
	text-decoration: none;
        }


p.bodytext 
{
  color: #000;  
}


.bodytext 
{
  color: #000;  
}

ul.csc-bulletlist 
{
  color: #666666; 
  font-size: 0.70em; 
  list-style-type: disc;  
}




input.suche 
{
	font-size: 1.0em;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 2px 2px 2px 2px;
	margin: 0 1px 0 0;
	width: 130px;
	color: #949494;
	float: left;
}

input.submit 
{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 0em;
	width: auto !important;
}

/* .cur2 {font-size: 11px;}*/


/*NEWS*/
.news-amenu-item-year {visibility: hidden;}

.news-list-container, .news-list-item {line-height: 125%; padding: 0px 4px 0px 4px;}
.news-list-item .csc-frame-frame1, .news-list-item .csc-frame-frame1 a  {color:#333333;}
.news-list-date, .news-single-timedata {font-size: 11px;float: right; color:#000;}
.news-list-morelink {color: #000; text-align: right; margin-top: -2px;}
.news-list-container {font-size: 11px; background-color: #eee;}

.news-latest-container, .news-list-item {line-height: 125%; margin-bottom:20px; padding: 0px 0px 0px 4px;}}
.news-latest-item .csc-frame-frame1, .news-list-item .csc-frame-frame1 a  {color:#333333;}
.news-latest-date, .news-single-timedata {font-size: 11px;float: right;color:#000;}
.news-latest-morelink {color: #000; text-align: right;}
.news-latest-container {padding: 8px 8px 8px 8px; font-size: 80%; background-color: #620e20;}
.news-latest-container h3 {font-size: 11px;}
.news-latest-container a {font-size: 10px;}
/* .news-csc-frame-rulerAfter, .csc-frame-rulerBefore {width:100%;height: 5px;overflow: hidden;background-image:url(images/linee_01.gif);background-repeat:repeat-x;} */
.news-csc-frame-rulerAfter, .csc-frame-rulerBefore {border-bottom: 1px; color: #fff;}
.news-amenu-container {line-height: 115%; font-size: 11px;}

/*
 * css-styled-imgtext
 */
 
 /* Captions */
P.csc-caption { margin: 0;  }
P.csc-caption {
  font-size: 80%; text-align: left; color: #d9afb3;
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 0px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { float:right; border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
  margin-top:4px;
}
 
#box_ri DIV.csi-left DIV.csi-imagewrap .csi-image, #box1_ri DIV.csi-left DIV.csi-imagewrap .csi-image,
#box_ri DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image, #box1_ri DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
#box_ri DIV.csi-intext-left DIV.csi-imagewrap .csi-image, #box1_ri DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  margin-top:0;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
  margin-top:4px;
}
#box_ri DIV.csi-right DIV.csi-imagewrap .csi-image, #box1_ri DIV.csi-right DIV.csi-imagewrap .csi-image,
#box_ri DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image, #box1_ri DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
#box_ri DIV.csi-intext-right DIV.csi-imagewrap .csi-image, #box1_ri DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  margin-top:0;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;



  margin-right: 5px;

}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right;}
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 



/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }

/* End hide from IE5/mac */


/* Kontaktformular */
#content form#mailform {
	margin-top:20px;
}

.csc-mailform-field label {
	font-size: 1em;
	color: #000;
	width:120px;
	float:left;
	display:block;
}

.csc-mailform-field .required {
	font-weight:bold;
}

.csc-mailform-field textarea
{
	border: 1px solid #A5ACB2;
	font-size: 1em;
	width:200px;
	margin-bottom:6px;
}

.csc-mailform-field input {
	border: 1px solid #A5ACB2;
	font-size: 0.8em;
	width:200px;
	margin-bottom:6px;
}

.csc-mailform-field input.csc-mailform-check {
	border: none;
	font-size: 0.8em;
	width:20px;
	margin-bottom:6px;
}

.csc-mailform-field select {
	border: 1px solid #A5ACB2;
	font-size: 0.8em;
	margin-bottom:6px;
}

.csc-mailform-field input.csc-mailform-submit {
	border: 1px solid #ccc;
	/* background-color:#9BC985; */
	background-color: #c2bfbf;
	color:white;
	/* color: #000; */
	width:120px;
	font-size: 0.8em;
	margin-top:12px;
	margin-left:120px;
}

* html .csc-mailform-field input.csc-mailform-submit {
	margin-left:124px;
}



#content form#mailform {
	margin-top:20px;
}

#content #mailform label {
	font-size: 0.8em;
	color: #144D7E;
	width:120px;
	float:left;
	display:block;
}

#content #mailform .alert {
	margin-left:125px;
	color:#C00;
	font-size:0.8em;
	margin-top:0px;
	margin-bottom:12px;
}

#content #mailform  textarea
{
	border: 1px solid #A5ACB2;
	font-size: 1em;
	width:200px;
	margin-bottom:6px;
}

#content #mailform input {
	border: 1px solid #A5ACB2;
	font-size: 0.8em;
	width:200px;
	margin-bottom:6px;
}

#content #mailform  input.checkbox {
	border: none;
	font-size: 0.8em;
	width:20px;
	margin-bottom:6px;
}

#content #mailform  select {
	border: 1px solid #A5ACB2;
	font-size: 0.8em;
	margin-bottom:6px;
}

#content #mailform  input.submit {
	border: 1px solid #37940A;
	/* background-color:#9BC985; */
	background-color: #fff;
	color:white;
	width:120px;
	font-size: 0.8em;
	margin-top:12px;
	margin-left:120px;
}

* html #content #mailform  input.submit {
	margin-left:124px;
}