/* CSS Document */

* {
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	line-height:17px;
}

div#iz{
       position: absolute;
left: 520px;
top: 50px;
}

div#iz h1{
      font-size: 18px;
      color: #93AED2;
}


div#colTitle{
width: 475px;
}

#template-ch {
	height: 100%;
	background-image:  url(/fileadmin/templates/institutes/iz-kunststofftechnik/material/bilder/bg_home.png);
	background-repeat:repeat-y;
	background-position: top 0px 210px;
	margin:0;
	border:0;
	padding:0;
}

form .text {
	border-color: #ccc;
	width: 200px;
}

form .button {
	padding: 0 5px 0 5px;
	border-color: #ccc;
	background-color: transparent;
}

form .button.image {
	background-color: transparent;
}
#title a {
	display: block;
	position: absolute;
	top:15px;
	left:30px;
	width: 161px;
	height: 112px;
	background-image: url(/fileadmin/templates/institutes/iz-kunststofftechnik/material/bilder/wttOst.jpg);
	text-indent: -9999px;
	z-index:99;
}


div#subtitle{
z-index: 500;
position: relative;
}

#subtitle  a{
	position: absolute;
	top: 16px;
	left: 705px;
	width: 175px;
	height: 47px;
	
}
div#box {
	position: absolute;
	top: 0;
	left:37px;
	width:886px;
}

div#header {
	width:887px;
	height:165px;
	position:relative;
}
	div#metaNavigationPos {
		position: absolute;
		left: 201px;
		font-size: 9px;
		color:#666;
		display:inline;
		width:505px;
		margin-top: 2px !important;
		margin-top: 0px;
	}

	#searchform {
		float:left;
		font-size: 9px;
		color:#666;
		display:inline;
		margin-left:5px;
		margin-top: 3px;	
	}

	#searchform p {
		display: inline;
	}

	#searchform .text {
		width: 120px;
		border-top:1px solid #666666;
		border-left:1px solid #666666;
		border-right:1px solid #cccccc;
	      border-bottom: 1px solid #CEDEE8;
  		font-size: 9px;
		padding-left:2px;
		line-height: 12px;
		color:#666;
	}

	#searchform .button {
		padding: 0;
		font-size: 9px;
		color:#666;
		text-align:center;
		border:none;
		margin-top: 4px !important;
		margin-top: 5px;
	}

/******Adressbereich */

div#leftCol h3.csc-firstHeader{
	width:166px;
	font-size:11px;
	font-weight: normal;
	line-height: 15px;
	background-color: #D3DEED;
	margin:51px 0px 5px 15px;	/*letter-spacing: 1px;*/
}


div#leftCol p.bodytext a{
	color:#396797;
	text-decoration: underline;
}

div#leftCol p.bodytext a:hover{
	color:#000000;
	text-decoration: none;
}


#leftCol p.bodytext{
	width:166px;
	line-height: 14px;
	margin:0px 0px 30px 15px;
	padding-bottom:6px;
	 border-bottom: 1px solid #CEDEE8;
}

#leftCol p.bodytext a{
	text-decoration: underline;
}
#leftCol H3.csc-firstHeader,
div#leftCol p.bodytext a,
div#leftCol p.bodytext{
	font-size: 10px;}


	
/************     NAVIGATION   ***************/	
	
/* languageNavigation */
	ul#languageNavigation {
		position: absolute;
		top: 7px !important;
		top: 5px;
		left: 606px;
	}

	ul#languageNavigation li {
		float: left;
		border-left: 1px solid #333;
	}

	ul#languageNavigation li.first {
		border: none;
	}

	ul#languageNavigation li a {
		display: block;
		padding: 0 4px;
		color: #666;
		font-size: 9px;
	}

	ul#languageNavigation li a:hover {
		color: #000;
	}
/*  metaNavigation   */
	ul#metaNavigation {
		/*position: absolute;
		top: 8px;
		left: 201px;*/
		float:left;
		margin-top:5px;
	}

	ul#metaNavigation li {
		float: left;
		border-right: 1px solid #666;
	}

	ul#metaNavigation li a {
		display: block;
		padding: 0 4px;
		color: #666;
		font-size: 9px;
	}

	ul#metaNavigation li a:hover {
		color: #000;
	}
/*  mainNavigation  */
	ul#mainNavigation {
		position: absolute;
		top: 77px;
		height: 45px;
		left:205px;
		width: 680px;
		background:#D3DEED;
 		(/fileadmin/templates/institutes/iz-kunststofftechnik/material/bilder/mainNavigation_bg.gif) repeat-x 0 100%;
	}

	ul#mainNavigation li {
		float: left;
		width: 99px !important;
		width: 101px;
		margin-right: -1px;
		border: 1px solid #333;
		border-width: 0 1px;
	}

	ul#mainNavigation li a {
		color: #333;
		display: block;
		height: 45px;
		line-height: 14px;
		font-size: 11px;
		padding: 0 4px;

	}

	ul#mainNavigation li a:hover {
		background-color: #fff;
	}

	ul#mainNavigation li a.cur,
	ul#mainNavigation li a.act {
		height: 45px;
		background-color: #fff;
		color: #333333;
	}


/*** LEFT COL ***/


div#leftCol {
	position:absolute;
	width: 180px;
}
	#subNavigation {
		margin-top: 15px !important;
	}

	#subNavigation li a {
		display: block;
		height: auto !important;
		height: 19px;
		line-height: 19px;
		color: #333333;
		font-size: 11px;
		padding:0 17px;
	}

	#subNavigation li a span {
		color: #DA241B;
	}

	#subNavigation li ul {
		margin-top: 22px !important;
		border-top: 1px solid #ccc;
	}

	#subNavigation li li {
		border-bottom: 1px solid #ccc;
	}

	#subNavigation li li a {
		background-color: #fff;
		line-height: 14px;
		padding: 2px 15px 3px 19px;
		
	}

	#subNavigation li li a:hover {
	background-color: #EEF3F7;
	}

	#subNavigation li li a.act {
	color:#306A01;
	background-color: #CEDEE8;
	}
	
		#subNavigation li li ul {
			margin:0 !important;
			border:0;
		}
		#subNavigation li li li {
			margin:0;
			border:0;
			padding:0;
		}
		#subNavigation li li li a {
			line-height: 14px;
			padding: 2px 15px 3px 30px;
		}
		#subNavigation li li li li a {
			line-height: 14px;
			padding: 2px 15px 3px 45px;
			}

/*** MID COL ***/

div#midCol {
	position: absolute;
	width: 665px;
	left:205px;
}

div#content {
	margin-bottom: 100px;
	width: 665px;     /*neu*/
	}


div#midCol p.bodytext{
margin-top: 8px;
margin-bottom: 6px;}

/*************************   col Left   **************/
	

	#content #colLeft H2 a, #content #colLeft H2 {
	margin-top: 8px;
	margin-bottom:3px;
	}
	
	div#content div#colLeft H1 a, div#colLeft H1{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height:14px;
		margin-top: 12px;
		margin-bottom: 0px;
	} 	
		
	#content #colLeft H3 a, #content #colLeft H3  {
	width:485px;
	width:485px!important;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	}
	
	div#content div#colLeft {
	width:475px;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	float: left;
	min-height:550px;
	height:auto;
	}
	
	* html #content { 
	height:550px; 
	} /* nur f?r IE 5.5 - 6.x */
     html + body #colLeft { 
	 height:550px; 
	 } /* nur vom IE 5.0 */
	
div.contentElement	{
	margin-top:0px;
	margin-bottom: 10px;
}


	

/*******   colHeader   ***************/	

	#colTitle H1{   
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		line-height:20px;
		padding: 0px 0px 16px 0px;
		}
#colLeft .csc-textpic-imagewrap{
	padding:3px 0px 13px 0px;
	/*margin:0px 0px 0px 0px;*/
}

#colLeft .csc-textpic-imagewrap{
	padding-bottom: 20px;}
	 
/**************** allgemein Listenmenu ****************************************/		
	/**************** allgemein Listenmenu ****************************************/		
   #content ul li {
	line-height: 18px;
	padding-left: 15px;		
	background:  url(../bilder/bullet.gif) no-repeat 0 4px;
	}
	div#content ol,
	div#content ul{
	margin-top: 7px;
	margin-bottom: 5px;}
	
	#content ol li {
	height: auto !important;
	height: 19px;
	margin-left: 30px;
	background:none;
	}
	
	div#content .borderBottom {
		border-bottom:1px solid #ccc;
	}

	div#content a {
	color:#396797;
	text-decoration:underline;
	}

	div#content a:hover {
	color: #CCCCCC;
	}


/***************** colNormal******/	

	/*2 spalt*/
	#content #colNormal {
	float:left;
	width:270px;
	margin-right:10px;
	}
	
/**** colBorder*****/
#content #colBorder {                 
	position:absolute;
	width:167px;
	left:501px;
	top:51px;
	}


#colBorder .contentElement { 
	      border-bottom: 1px solid #CEDEE8;
	      padding: 0px 0px 3px 0px; 
	      margin:0px 0px 10px 0px;
	      }

#content #colBorder div,
#content #colBorder p {                
	      line-height:15px;
	      font-size: 9px;
	    }
	
div#colBorder h2 {
	      line-height: 15px;
	      background-color: #D3DEED;
	      font-size: 9px;
	      font-weight: normal;
	      padding:0px 0px 0px 0px;
	      margin-top:0px;
		  margin-bottom: 10px;
	      }
			
	
div#colBorder p.bodytext{                
		padding:0px 1px 5px 1px!important;
		margin:0px!important;
		font-size: 9px;
		line-height:15px!important;
		line-height:15px;
		}
	
div#colBorder p.bodytext a,
div#colBorder .contentElement a {
        font-size: 9px;
		line-height:15px;
		}
		
div.csc-textpic-text{
 margin: 0px;
 }




/******* colRight******/	
	
	#content #colRight {               
	position:absolute;
	width:186px!important;
	width:200px;
	left:285px;
    background-color:#e0e0e0;
	line-height:16px;
    padding: 5px 5px 15px 9px;

	}
	div#content #colRight div,
	div#content #colRight p a,
	div#content #colRight p {
		line-height:16px;
		font-size: 10px;
	}
	
	#content #colRight p a, #content .coltext a {
 		color:#396797;
		text-decoration:underline;
	}
	#content #colRight p a:hover, #content .coltext a:hover {
		color:#CCCCCC;
	}
	#content #colRight li {
	height: auto !important;
	height: 19px;
	padding-left: 10px;
	background: url(../bilder/bullet_colRight.gif) no-repeat 0 9px;
	}


/*** FOOTER ***/

#footer {
	width:485px;	
	height:25px;
	border-top: 1px solid #ccc;
  	line-height: 15px;
	font-size: 9px;
	color:#666;
	padding-top:2px;
	margin-top:100px;
}
#template-ch .floatclear {
	clear:both;
	line-height:9px;
}

/*FONT*/
#template-ch .titel {
	font-weight:bold;
}

/*  entfernt den Linkrahmen  um das bild  */ 
img{
	border: none ;	
}
/*   Abstand um bilder entfernen (nur header)
#colLeft dl {
padding:0px;
margin:0px;
}
 */
/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css,v 1.1 2005/12/28 00:49:11 mundaun Exp $
# ***************************************************************************************/

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Bullet styles for unordered lists.*/
ul.component-items {  	color:#306A01; list-style-type: circle; }
ul.action-items {
	color: #306A01;
	list-style-image: url(../bilder/bullet.gif);
}

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { 	color:#306A01; list-style-type: lower-roman; }
ol.action-items-ordered {  	color:#306A01; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #FF0000; font-weight: bold; }
span.info {  	color:#306A01;}
span.detail { 	color:#306A01; }
span.reserve { 	color:#306A01;}

DIV.csc-frame-rulerBefore { 
	border-top: 1px solid #ccc;
	padding: 0px 0px 0px 0px; 
	margin:0px 0px 10px 0px;
	}
DIV.csc-frame-rulerAfter { 
	      border-bottom: 1px solid #CEDEE8;
	padding: 0px 0px 3px 0px; 
	margin-bottom:20px;
	margin-top: 5px;
	}

DIV.csc-frame-frame1 { background-color: #CEDEE8; padding: 0px 0px 0px 0px; border: 1px solid #ffffff; margin-bottom: 10px; }
DIV.csc-frame-frame2 { background-color: #CEDEE8; padding: 2px 4px 2px 4px; border: 1px solid #666666; margin-bottom: 10px;}

/**************  table  content  **************/
/* firefox */
table.contenttable p,
table.contenttable p.bodytext{
margin:0;
padding:0;
font-size: 10px;
}

table.contenttable tr{
	background:url(/fileadmin/templates/institutes/_images/dotline.gif) repeat-x 100% top;
	height:1px;
}
table.contenttable tbody{
	background:url(/fileadmin/templates/institutes/_images/dotline.gif) repeat-x 100% bottom;
	height:1px;
}

table.contenttable td{
padding-top: 1px;
padding-bottom: 1px;
font-size: 10px;}

/* exlorer */
* html .contenttable thead td {
	color: #777777;
	background:  url(/fileadmin/templates/institutes/_images/dotline.gif) repeat-x 100%   bottom;
	height:1px;
}
* html .contenttable{
	font-family:Tahoma, Verdana, Sans Serif;
	font-size:11px;
    background:#d9d9d9 url(/fileadmin/templates/institutes/_images/dotline.gif) repeat-x top 100%;
	height:1px;
}
* html .contenttable td {
	background:#ffffff url(/fileadmin/templates/institutes/_images/dotline.gif) repeat-x 0 100%;
	height:1px;
}

/*  NEWS */
/*  listview */

#news-list-container p.bodytext{                
	padding:0px;
	margin:0px;
	font-size: 9px;
	line-height:16px;
}

h5{
	background-color: #FFECDC; 
	padding: 0px; 
	margin-bottom: 8px;
}

div.news-list-title{
	font-size: 9px;
	padding:0px;
	margin:0px;
	color:#333333;
	font-weight:bold;
	line-height: 15px;
}
span.news-list-date{
	font-size: 9px;
	padding-bottom:7px;
	margin:0px;
	color:#333333;
	font-weight:normal;
}

DIV.news-list-item{
	margin:0px 0px 10px 0px;
}
div.news-list-morelink a{
	font-size: 9px;
	color: #306A01;
	margin-top: 2px;
}

div#colBorder div.news-list-morelink a:hover{
	color: #999999;
}

div.dotline_news {	
	/*background: url(/fileadmin/templates/institutes/_images/dotline.gif) repeat-x 100% center;*/ 
	      border-bottom: 1px solid #CEDEE8;
	height:5px;
	margin:10px 0px 10px 0px;
}
div.news-single-img{
		margin-top:5px;
		margin-bottom: 5px;
}

#content #colLeft div.news-single-item h3{
padding-top: 10px;
padding-bottom: 7px;
line-height: 16px;
font-weight: normal;
font-style:italic;

}

/* NEWS colLeft listview */
div#colLeft #news-list-container p.bodytext{                
	padding:0px;
	margin:0px;
	font-size: 11px;
	line-height:16px;
}



div#colLeft h5{
	background-color: #e0e0e0; 
	padding: 0px; 
	margin-bottom: 8px;
}

div#colLeft .news-list-title{
	font-size: 12px;
	padding:0px;
	margin:0px;
	color:#000000;
	font-weight:bold;
}
div#colLeft span.news-list-date{
	font-size: 11px;
	margin-bottom:5px;
	padding: 2px;
	background-color:#CEDEE8;
	display: block;
	color:#333333;
	font-weight:normal;
}
div#colLeft div.news-list-morelink a{
	font-size: 11px;
}


/***NEWS Single View****/

dl.news-single-files dd{
padding-top: 5px;
padding-bottom: 10px;}




/***************** CSS Document f?r Formulare generally:*/

/**formular***/
div.csc-form-labelcell label,
legend{
   width: 150px;
   display: block;
   float: left;
   margin-left:0;
   padding-left: 0;

}

legend{
margin-left: -7px;
}

fieldset div,
fieldset{
   width: 500px;
   padding-left:0;
   margin-top: 10px;
   margin-left: 0;
}

div.csc-form-fieldcell input.mf-check{
	width: 15px;
	background-color: transparent;
}
	
span.csc-mailform-radio fieldset{
	border:none;
	margin:0;
	padding:0;}
	
div.csc-form-labelcell {
clear: both;}

span.csc-mailform-radio label{
	width: 500px;}
	
div.tx-julleformpreview-pi1 div.label,
div.tx-julleformpreview-pi1 div.value{
	font-size: 10px;}
	
div.tx-julleformpreview-pi1 div.label{
	background-color:#CEDEE8;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 10px;
	font-size: 10px;}
	
.mf-radio label{
	width: 400px;
}
	
.csc-form-fieldcell .mf-submit {
	width:120px;
	height:20px;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #c2c2c2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: top;
	padding-bottom:2px;
	margin-bottom:10px;
	}

.csc-form-labelcell {
	margin-top: 10px;
}


.csc-form-fieldcell input, 
form .csc-form-fieldcell select, 
form .csc-form-fieldcell textarea {
	background-color: #CEDEE8;
	 width:250px;
	border: none;
	font-size: 11px;
}

/*Dateiupload*/
.csc-form-fieldcell .mf-file {
	width:175px;                                 
	border:none;
	font-family: Verdana, Arial,Lucida, Geneva, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

/*Beschriftung - Zusatzvermerke, br`s*/
.csc-madummyorm-label{
    padding:2px 0px 2px 0px;}

	
.mf-reset {
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
}

/**********  Dateiupload   ***************/

.csc-form-fieldcell .mf-file {
	width:175px;                                 
	border:none;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

/*Beschriftung - Zusatzvermerke, br`s*/
.csc-madummyorm-label{
    padding:2px 0px 2px 0px;}



/******************   Abstand nach dateilink  *************************************/

.layout0 a, news-single-files a{
	margin: 0px 0px 15px 0px;

}

.file_desc{
	padding:2px 2px 2px 25px;
	text-indent:-25px;
	display:block;
	}
	.file_desc img{
	margin-right:4px;
	vertical-align: middle;	
		
	}

/*****************************/
/* Menu / Sitemap, generally   Abschnittsuebersicht mit Ankernavigation (3) */
/*****************************/


/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
#colNormal UL.csc-menu-3 {
	background-color:#E8F9D9;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	list-style-image: url(/typo3/clear.gif);
}
 .csc-menu-4 dt a {
	height: auto !important;
	height: 19px;
	margin: 10px 0px 0px 0px;
	padding-left: 15px;		
	background:  url(/fileadmin/dummy/material/bilder/bullet.gif) no-repeat 0 6px;
}
.csc-menu-4 dd {
	height: auto !important;
	height: 12px;
	margin: 0px;
	padding-left: 15px;		
}

dd.csc-textpic-caption{
	font-size: 9px;

}

div.tx-icscrm-pi2{
	margin:0;
	padding:0;
	border:0;
	}
	
div.tx-hsrpm-pi1 table{
   margin-top: 5px;
}	

div.tx-hsrpm-pi1 h2.projectlisttitle{
	margin-top:-13px;
	font-size: 12px;
	color: #396797;
}

div.tx-hsrpm-pi1 h2{
	font-size: 10px;
	color: black;
	margin-bottom: 0px;
	margin-top: 10px;
	}
	
/* tx-icsagenda */

div.tx-ICSagenda-pi1 a{
	font-size: 11px;}

.tx-icsagenda-list {
    margin-bottom:20px;
}
div.tx-icsagenda-list-date {
	border-bottom: #CCCCCC solid 1px;
	font-size: 10px;
	font-weight:normal;
	margin-top: 3px;
}
div.tx-icsagenda-list-title {
    color:#242424;
	margin-top: 3px;
	margin-bottom:2px;
}
div.tx-icsagenda-br {
    margin-bottom:20px;
}

div.tx-icsagenda-detail {
    margin-bottom:10px;
}