/*

- CSS by Thomas Karolzyk
- thomas@karolzyk.com


- COLORS USED
a7bbc1
003e67
ddde5d
c8d3d9

*/


/*** GENERAL ***/

body {
	background-color: #fff;
	margin: 0;
	color:#fff;
	font-size: 67.5%;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
/*
	background: #e6e6e6 url(../img/bg2.gif) repeat-y;
	background-position:center;
*/
	background-color: #fff;
}

* { 
	line-height: 135%; 
	margin:0; 
	padding:0; 
}

p {
	margin: 10px 0 0 0;
	padding:0;
}

/*** LINKS ***/

a {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	color: #cbd302;
	text-decoration: none;
}
a img, img a 	{ border:0 }

h2 a {
	text-decoration: none;
}

/*** LAYOUT ***/

/* copy
#div_absolute { position: absolute; top: 0; left: 0; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
#div_relative { position: relative; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
*/

div#main { 
	position: relative;
	margin: 0 auto;
	padding: 0;
	border-top:20px solid #fff;
	overflow: visible;
	width: 980px;
	background: #003e67 url(../img/eutech_bg2.gif) repeat-x;
	min-height: 700px;
} 

#topholder {
	position: relative;
	height: 181px;
	overflow: hidden;
/*	background: transparent url(../../flash/noflash.jpg) no-repeat;*/
}

#nav_stripe {
	position: relative;
	height: 30px;	
	background-color: #a7bbc1;
	z-index:99;
}



div#header { 
	position: relative;
	margin: 0;
	padding: 0;
	overflow:visible;
	width: 980px;
} 

div#logo { 
	position: absolute;
	top: 0;
	right:0;
	z-index:10;
} 

div#content-holder { 
	padding: 23px 0 0 0;
	overflow:hidden;
	width: 980px;
} 

div#col-left { 
	position: relative;  
	padding: 0; 
	margin: 0 26px 0 0;
	width: 156px; 
	float: left;
	background: url(../img/arrow_start.gif) no-repeat;
	background-position: 100% 1px;
}

div#col-middle { 
	position: relative;  
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	width: 578px; 
	float: left;
}


div#col-right p { line-height: 190%; }


div#jahr { margin: 0 0 0 27px; }

div#language {
	position: absolute;
	background: #fff url(../img/bg_language.gif) repeat-x;
	top: 0;
	left:0;
	width: 145px;
	height: 22px;
	padding: 8px 0 0 13px;
}



#print_link {
	position: absolute;
	top: 2px;
	right:0;
}

.printlink {
	display:none;
}


div#language a { 
	color: #3d7285;
	text-decoration: none; 
}
div#language a:hover { 
	color: #3d7285;
	text-decoration: underline; 
}

div#content-left {
	color: #71818e;
	text-align: left;
	margin: 110px 0 0 0;
	padding: 4px 0 0 0;
	width: 140px;
	border-top: 1px solid #71818e;
}

div#start-right {
	position:absolute;
	margin: 0;
	padding: 4px 0 0 0;
	top:325px;
	width:100%;
	left:0;
	text-align: left;
	border-top: 1px solid #71818e;
}
div#start-right p {
	padding: 0;
	margin:0;
}


div#content-left a { color: #fff; }

div#clickpath {
	color: #fff;
	font-size: 10px;
	clear:both;
}

div#clickpath a 			{ color: #fff; text-decoration: none; }
div#clickpath a:hover 		{ text-decoration: underline; }

div#page-content {
	margin: 0;
	padding: 0;
	clear: both;
	width:569px;
	color:#fff;
	font-size:13px;
}
div#page-content-home {
	margin: 0;
	padding: 0;
	clear: both;
	width:569px;
	color:#fff;
	font-size:13px;
}

div#page-content-inner {
	padding: 5px 0 25px 0;
	position: relative;
	height:auto;
}

div#page-content-home {
	padding: 5px 0 25px 0;
	position: relative;
	height:auto;
}


div#page-title {
	margin: 0 0 10px 0;
	padding: 0;
}



div#start-news {
  position:relative;
	width: 500px;
	height: 180px;
	overflow: auto;
	background: transparent url('../../website_inhalte/layout_bilder/news_rechts.gif') no-repeat;
	background-position: 189px 0;
}

div#start-news-left {
	position:absolute;
	/*
	width:0;
	height:0;
	*/
	overflow: visible;
	margin: 0;
	padding: 0;
	z-index: 10;
}


/*** SEARCH ***/

div#search {
	position: absolute;
	background: #fff url(../img/bg_language.gif) repeat-x;
	top: 0;
	right:0;
	color: #3d6c8b;
	width: 187px;
	height: 22px;
	padding: 8px 0 0 13px;
	
}

input.main_search {
	width: 110px;
	height: 13px;
	border: 1px solid #aaa;
	margin: 0 7px 0 7px;
	padding: 0 1px;
	font-family: inherit;
	color: #999;
	font-size:10px;
}


/*** LEFT AND RIGHT COLUMNS ************************/

div#col-right { 
	position: relative;  
	width: 199px; 
	float: right;
	overflow: hidden;
	padding:0;
	margin: 0 0 80px 0; /* enough margin so the footer won't slip into the content */
}

#col_right_darker {
	background-color: #c8d3d9;
	padding: 4px 5px 25px 14px;
	margin: 0 0 1px 0;
	color:#005273;
}

#col_right_home {
	position: relative;
	background-color: #025273;
	padding: 0 30px 0 0;
	font-size: 11px;
	overflow: hidden;
}

#col-img-right {
	padding: 0; 
	margin: 0;
	width:200px; 
	overflow:hidden;
	line-height: 0;
	font-size: 0;
}




/* #col_right_img * { */

div#col-right .csc-textpic-imagewrap,
div#col-right div.csc-textpic-image,
div#col-right div.csc-textpic-image a,
div#col-right .csc-textpic-imagewrap * {
	padding: 0 !important; 
	margin: 0 !important;
}

#col_right_lighter {
	background-color: #eef1f3;
	padding: 10px 5px 12px 14px;
	margin: 1px 0 0 0;
	color:#888;
}

.home_news_entry {
	margin: 9px 0;
	color:#ddd;
}
.arrow_holder {
	position: relative;
	display:block;
	padding: 7px 0 7px 14px;
	background-color: #025273;
	z-index:1000;
}

#col-right #col_right_home h1 {
	font-size: 15px;
	color: #fff;
	padding: 0 0 5px 14px;
	margin:0;
	position: relative;
	display:block;
	background-color: #025273;
	z-index:100;
}
#col-right #col_right_home a {
	background: transparent;
	padding:0;
	margin:0;
	color:#fff;
}

div#news-scroll-container {
	height:180px;
	position: relative;
	overflow: hidden;
	z-index: 1000;
	margin: 0 0 0 14px;
	padding:1px;
	clear:both;
}

div#news-scroll {
	position: relative;
	height:auto;
	z-index:0;
	position:relative;
}

div.news-list-container {
	position: relative;
	padding:1px;
	overflow: hidden;
}

div.news-list-container a,
div.news-list-container h2 { 
	display:inline; 
	text-decoration: none; 
}

#col-right #col_right_home a:hover {
	text-decoration: underline;
}


div#col-right h1 { 
	font-size: 13px;
	color: #005273;
	margin: 0;
	padding:0;
}

div#col-right h2 { 
	font-size: 11px;
	color: #005273;
	font-weight: bold;
	margin: 6px 0 6px 0;
	padding:0;
}

#col-right ul {
	margin: 0 0em 0 0;
	padding: 0;
	list-style: none;
}
#col-right ul li {
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #ddd;
}

#col-right a { 
	display:block;
	color: #005273; 
	text-decoration:none; 
	font-weight: normal; 
	padding: 0 0 0 22px;
	margin:0;	 
	background: url(../img/link_arrow_colright.gif) 2px 2px no-repeat; 
}


#col_right_img a,
#home_link_eutech a { 
	background-image: none;
	padding:0;
}

#col-right #home_link_eutech {
	z-index:100;
}

div#right-img {
	position: absolute;
	top:0px;
	right: 0px;
	width:72px;
}

div#top-link {
	float: right;
	margin: -11px 58px 0 0;
	width:15px;
}

/*** CONTENT *************************/

div#page-content-inner a {	
	font-weight: normal;
}

div#page-content-inner h2 a {	
	font-weight: normal;
}



#page-content-inner ol {
	margin: 0 0 0 25px;
	padding:0;
/* 	list-style: none;
	list-style-image: url('../img/bullet.gif'); */
}

#page-content-inner ul {
	margin: 5px 0 5px 11px;
	padding:0;
/* 	list-style: none;
	list-style-image: url('../img/bullet.gif'); */
}

#page-content-inner ul li {
	margin: 2px 0 1px 7px;
	line-height:125%;
	padding: 0 0 0 0;
/* 	list-style-image: url('../img/bullet.gif'); */
}



/*** SITEMAP ***/
/*

#page-content-inner ul li ul {
	list-style: none;
	margin: 0 0 0 7px;
	padding:0;
	list-style-image: url('../img/bullet.gif');
}

#page-content-inner ul li ul li {
	margin: 1px 0 1px 7px;
	padding: 0 0 0 0;
	list-style-image: url('../img/bullet.gif');
}
#page-content-inner ul li ul li ul li a { font-weight: normal; }
#page-content-inner ul li ul li ul li ul li a { font-weight: normal; font-style: italic; }




*/

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

div.news-entry {
	border-top: 1px solid #71818e;
	width: 170px;
	margin: 8px 0 10px 310px;
	color: #d8dbe0;
}


div.news-entry a 		{ color: #d8dbe0; }
div.news-entry a:hover 	{ color: #b6b9d0; }

div.news-list-browse {
	text-align:center;
	margin: 4px 0;
}
div.news-list-browse table {
	margin:2px auto;
}


/* abstand der news pagebrowser */
div.news-list-browse table td {
	padding: 0 3px 0 0;
	height:12px;
}

div.news-list-browse table td a {
	text-decoration: none;
}

div.news-list-browse table td.tx-ttnews-browsebox-SCell a {
	text-decoration: underline;
}

div.news-list-morelink a { font-size: 10px; }

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


/* TOP */
#navi {
	position:relative;
	top:0px;
	left: 157px;
	height:30px;
	z-index:99;
	width:600px;
	font-weight: bold;
}
#navi ul {
	display: inline;
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
#navi ul li {
	display: inline;
	float:left;
}
#navi ul li.active,
#navi ul li:hover {
	background-color: #cbd302;
	color: #003e67;
	text-decoration: none;
}
#navi ul li a 			{ display:block; float:left; height:22px; padding: 8px 25px 0 25px; color: #fff; text-decoration:none; text-transform: uppercase; }
#navi ul li a:hover 	{ color: #003e67; }
#navi ul li.active a,
#navi ul li a:hover { 
	color: #003e67; 
}

/* FOOTER */



div#footer {
	position: relative;  
	clear:both;
	color: #fff;
	margin: 0 auto;
	padding: 10px 0 10px 0; 
	text-align: left;
	font-size: 90%;
	width: 980px;
	background-color: #003e67;
}

#footer ul {
	margin: 0 0 0 12px;
	padding: 0;
	list-style: none;
}
#footer ul li {
	display: inline;
	padding: 0 .3em;
}
#footer ul li a, #footer a	{ color: #fff; text-decoration:none; }
#footer ul li a:hover, 
#footer ul li.active a  	{ color: #fff; text-decoration:underline; }


#copyright {
	position: absolute;
	bottom: 11px;
	left:183px;
	color:#aaa;
}



/* META */
#meta-nav {
	position: absolute;
	top: 1em;
	left:1em;
}
#meta-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#meta-nav ul li {
	display: inline;
	margin: 0;
	padding: 0 .4em;
}
#meta-nav ul li a { font-size:9px; color: #aaa;text-decoration: none; }
#meta-nav ul li.hi a { color: #F9B700; font-weight: bold; }



/* META 2 */
#content-left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content-left ul li {
	margin: 0;
	padding: .1em 0;
}
#content-left ul li a 		{ font-size:10px; color: #fff;text-decoration: none; }
#content-left ul li.hi a 	{ color: #F9B700; font-weight: bold; }





/* SUB */
#sub-nav {
	background: #002545; 
	text-decoration: none;
/* 	font-size:1.1em; */
}

#sub-nav div {
  position:relative;
  overflow:hidden;
}

/* level 2 (level 1 is top-navigation) */
#sub-nav div.navleft2no				{ padding: 3px 0 3px 9px; }
#sub-nav div.navleft2no a			{ text-decoration: none; color: #fff; }
#sub-nav div.navleft2act			{ padding: 3px 0 3px 9px;  background: #fff url(../img/menu_hi.gif) repeat-y;  }
#sub-nav div.navleft2act a			{ text-decoration: none; color: #003e67; }

/* level 3 */
#sub-nav div.navleft3no				{ padding: 3px 0 3px 10px; background: #fff url(../img/bg_menu2.gif) repeat-y; }
#sub-nav div.navleft3no a			{ text-decoration: none; color: #3d7a8c; }
#sub-nav div.navleft3act			{ padding: 3px 0 3px 10px; background: #fff url(../img/bg_menu2.gif) repeat-y; font-weight:bold; }
#sub-nav div.navleft3act a			{ text-decoration: none; color: #3d7a8c; }


/* level 3 */
#sub-nav div.navleft4no				{ padding: 3px 0 3px 19px; background: #fff url(../img/bg_menu2.gif) repeat-y; }
#sub-nav div.navleft4no a			{ text-decoration: none; color: #3d7a8c; }
#sub-nav div.navleft4act			{ padding: 3px 0 3px 19px; background: #fff url(../img/menu_hi.gif) repeat-y; font-weight:bold; }
#sub-nav div.navleft4act a			{ text-decoration: none; color: #3d7a8c; }

/* ARROWS */
#sub-nav div.navleft3no a, 
#sub-nav div.navleft4no a { 
	background: transparent url('../img/arrow_nav.gif') no-repeat; 
	background-position: 0 5px;  
	padding: 0 0 0 9px;	 
	display:block;
	text-decoration: none; 
}

#sub-nav div.navleft3act a { 
	background: transparent url('../img/arrow_nav.gif') no-repeat; 
	background-position: 0 5px;  
	padding: 0 0 0 9px;	 
	display:block;
	text-decoration: none; 
}
 
#sub-nav div.navleft4act a { 
/* 	background: transparent url('../img/arrow_nav.gif') no-repeat;  */
	background-position: 0 5px;  
	padding: 0 0 0 9px;	 
	display:block;
	text-decoration: none; 
}



/* no ie6 
#sub-nav div.navleft3no a:before,
#sub-nav div.navleft3act a:before,
#sub-nav div.navleft4no a:before,
#sub-nav div.navleft4act a:before {
	content: "\00BB \0020";
}
*/

/*
#sub-nav div.navleft4no a:before,
#sub-nav div.navleft4act a:before {
	content: "\00BB \0020";
}

*/

/** CLASSES ***/


.clear { clear:both; } 


a.plain_link {
	background-image:none;
}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}




/*** FORMS ***/

input {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	color: #333;
	border: 1px solid #999;
	font-size: 12px;
}
/* FF and IE7+ only */
input[type="submit"] {
	background-color: #003e67;
	border: 1px solid #3a7094;
	padding: 0px 8px;
	color:#fff;
	background: #003e67 url(../img/button.gif) repeat-x;
}
textarea {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	color: #333;
	border: 1px solid #999;
	font-size: 12px;
}

select {
	font-size: 12px;
	font-family: inherit;
}


/*** TYPO3 FORM ***/

form,
form#mailform,
div.csc-mailform,
fieldset { 
	padding:0; 
	margin:0; 
	overflow:hidden;
} 


div.csc-mailform-field { 
	position:relative;
	padding:0; 
	margin:0; 
	overflow:hidden;
}

div.csc-mailform-field label,
div.tx_powermail_pi1_fieldwrap_html label {
	clear:left; 
	display:block; 
	width:110px; 
	text-align:left; 
 	float:left; 
	margin: 4px 0;
	padding:1px;
	overflow:hidden;
}


div.csc-mailform-field input,
div.csc-mailform-field textarea,
#mailformscols,
div.tx_powermail_pi1_fieldwrap_html input,
div.tx_powermail_pi1_fieldwrap_html textarea
{
	display:block;  
	float:left; 
	margin: 4px 0 ;
	font-family: inherit;
	padding:1px 3px;
	overflow:hidden;
	width: 290px;
}

div.csc-mailform-field textarea {
	height:150px;
}

div.csc-mailform-field input.csc-mailform-submit {
	clear:both;
	margin: 8px 0 0 113px;
	width:auto;
}

div.powermail_mandatory_js {
	clear:both;
}

table.powermail_all td {
	width:120px;
}

div.tx_powermail_pi1_fieldwrap_html input.powermail_submit {
	clear:both;
	margin: 8px 0 0 113px;
	width:auto;
}

fieldset {border:0; padding:0; margin:0;}

form { clear:both; }


/*** NEW LOGIN ***/




div.tx-newloginbox-pi1 label {
	clear:left; 
	display:block; 
	width:110px; 
	text-align:left; 
 	float:left; 
	margin: 4px 0;
	padding:1px;
	overflow:hidden;
}

div.tx-newloginbox-pi1 p {
  margin: 0 0 21px 0;
  padding:0;
}

div.tx-newloginbox-pi1 form {
  margin: 0 0 25px 0;
  padding:0;
}

div.tx-newloginbox-pi1 h3 {
  margin: 0 0 0 0;
  padding: 0;
}


/*

div.tx-newloginbox-pi1 input,
div.tx-newloginbox-pi1 textarea {
	display:block;  
	float:left; 
	margin: 4px 0 ;
	font-family: inherit;
	padding:1px 3px;
	overflow:hidden;
	width: 350px;
	border: 1px solid #bbb;
}
*/

/*** HEADER ***/

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	line-height: 120%;
	font-weight:bold;
}

h1 {
	font-size:22px;
	font-weight:bold;
	color:#fff;
	margin: 0 0 1px 0;
	letter-spacing: 0.03em;
}

h2 {
	padding: 3px 0 0 0;
	margin:0;
	font-weight: normal;
	font-size: 18px;
}

h3 {
	padding: 3px 0 0 0;
	margin:0;
	font-size:14px;
}









.news-list-item {
	border-bottom: 1px dotted #eee;
	padding: 8px 0 0 0;
}
.news-list-morelink {
	text-align: right;
	margin:0;
}


.product_icons {
  position:absolute; 
  top:10px; 
  right:0px;
}


/**************************** SLIDE SHOW START ***********************************/


#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:500px;
	height:110px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}



/**************************** TYPO3 EIGENE STYLES ***********************************/

dd.csc-textpic-caption {
	padding: 8px 0;
	font-size: 11px;
	color:#eee;
	line-height: 110%;
/* 	font-style: italic; */
}

div.csc-textpic-imagewrap {
	padding: 6px 0;
}

div.csc-textpic-text {
	margin-right: 21px;
}


div.csc-textpic-imagewrap {
	padding: 0 0 0 25px;
}

.news-list-browse {
	margin: 10px 0 25px 0;
}



p.news-single-author,
p.news-single-author a {
	margin:0;
	padding:0;	
}


p.clearer {
	color:#fff;
	height:0;
}



h3.csc-searchResultHeader { margin:0; padding: 15px 0 0 0; }
p.csc-searchResult { margin:0; padding: 2px 0; }



a.download { 
	font-weight: normal;
	padding: 1px 0 1px 27px;	 
	background: url(../img/link_pdf.gif) 0px 0px no-repeat; 
}

#col_right_darker a.download_blue { 
	font-weight: normal;
	padding: 1px 0 1px 22px;	 
	background: url(../img/link_pdf.gif) 0px 0px no-repeat; 
	color: #005273; 
	display: block;
}

#col_right_lighter a {  
	background: url(../img/link_arrow_colright2.gif) 0px 1px no-repeat; 
	display: block;
}

a.internal-link,
a.internal-link-new-window,
a.external-link,
a.external-link-new-window { 
/*
	font-weight: normal; 
	padding: 1px 0 1px 27px;	 
	background: url(../img/link_html.gif) 2px 1px no-repeat; 
	color: #fff;
*/ 
}

a.mail { 
	font-weight: normal; 
	padding: 1px 0 1px 27px;	 
	background: url(../img/link_email.gif) 2px 4px no-repeat; 
}


/*** TABLES ***/

table td {
	vertical-align:top;
}

/*** BOX /PRODUCT PAGE ***/

.t 		{ color:#005273; background-color: #d6d9d9; }
.b 		{ }
.l 		{ }
.r 		{ }
.bl 	{ background: url(../img/bl.gif) 0 100% no-repeat}
.br 	{ background: url(../img/br.gif) 100% 100% no-repeat}
.tl 	{ background: url(../img/tl.gif) 0 0 no-repeat}
.tr 	{ background: url(../img/tr.gif) 100% 0 no-repeat; padding:10px; } 

.roundedbox {
	/* 	background-color: #d6d9d9; */
}

.roundedbox a.lightblue
.roundedbox a {
	text-decoration: none;
	color:#005273;
}

div.roundedbox p {
	margin:0;
	padding:0;
}


/* ROUNDED BOX, fixed width */

.box2 {
	width:249px;
	margin: 0;
	padding: 1px 9px;
	background-color: #d6d9d9;
	color:#005273;
}


.box2 p {
	margin:0;
	padding:0;
}


.box2 a {
	text-decoration: underline;
	color:#005273;
}

.box2top {
	overflow: hidden;	
	display:block;
	height:5px;
	width:267px;
	margin: 20px 0 0 0 !important;
	padding:0 !important;
	line-height: 0;
	background: transparent url(../img/boxtop.gif) 0 0 no-repeat;
}

.box2bottom {
	display:block;
	height:5px;
	width:267px;
	margin: 0 0 20px 0 !important;
	padding:0 !important;
	line-height: 0;
	background: transparent url(../img/boxbottom.gif) 0 0 no-repeat;
}

/* fixed width style
div#rounded_box {
    position:absolute; 
    right:3px; 
    top:148px; 
    width:274px;
    background-color: #000;
}

div#rounded_box_right div.box_content {
     margin: 10px 25px 10px 18px;
     padding:0;
}

div#rounded_box_top,
div#rounded_box_bottom { 
    height:9px; 
    margin:0;
    padding:0;
}
*/