@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
body {
	background:#d9dde2;
	padding:0px 0pt;
	}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page {background:#fff; border:0px solid #fff;}
#header {
	background:#fff;
	color:#0b2b75;
	height:180px;
   }
#header  img#iu_logo{
	right:50px;
	position:absolute;
	top:3px;
	height: 75px;
}
#header img.headImg1 {
	font-size:208%;
	left:10px;
	position:absolute;
	top:115px;
}
#headerQuicklink {
    background: transparent url(../images/banner02.jpg) no-repeat scroll;
	position:absolute;
	top:86px;
	right: -15px;
	height: 88px;
	width: 350px;
	text-align: bottom;
}

#headerQuicklink div{
	float: left;
	width: 70px;
	text-align:center;
	margin-left: -3px;
	margin-right: 19px;
}
#headerQuicklink div a{
	position: relative;
	font-size:0.7em;
	top: 69px;
	color: #fff;
	line-height: 1em;
}
#headerQuicklink div a:hover{
	background-color: transparent;
}
#header #banner {
	position:absolute;
	right:10px;
	top:86px;
	z-index:10;
}
#headLogo {background:#97b73b; height: 80px}
#teaser {
	background:#fff;
	color:#0b2b75;
	padding:10px 0px;
}
#teaser div {float:left; width:auto; font-size:0.9em;}
#teaser .tx-macinasearchbox-pi1 {bottom:8px; right:10px; font-size:11px;}
#teaser .tx-macinasearchbox-pi1 form{margin:5px 0px 5px 72%;}
#teaser .tx-macinasearchbox-pi1 form span {display:block; font-weight:bold; color:#aaa;}
#teaser .tx-macinasearchbox-pi1 form input {width:170px; height:13px; background-color:#fff; color: #0b2b75; border:1px solid #0b2b75;}
/* Formatierung der Fußzeile */
#footer {
	background:#fff;
	border-top:1px solid #0b2b75;
	color:#0b2b75;
	padding:10px;
	text-align: center;
}

#col3_content {
	padding:0px;
}
/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main {}

/* linke Spalte */


/* Rechte Spalte */


/* Mittlere Spalte */

.langMenu {float:left; margin:20px 10px 0 0;}
.langMenu a:hover {background:transparent;}
.langMenu img {margin-top:0px;padding-right:3px;}  	

div.rootline {
    margin-top: 8px;
	font-size: 0.8em;
}


dl.menu_bottom {
	background:#0b2b75 url(images/news_bottom_l.jpg) no-repeat scroll left bottom;
	height:12px;
	margin:0pt;
	padding:0pt;
	width:220px;
}

dl.menu_bottom dt {
	height:12px;
	padding:0px;
	text-align:center;
}



div #events {
	color:#fff; 
	font-size: 1em; 
	font-weight: bold;
	padding: 10px 5px 5px 5px;
	margin-right: 2px;
}





img.titleimage {
	font-size:10px;
	left:0pt;
	max-height:2400%;
	max-width:100%;
	position:relative;
}

img.titleimage {
font-size:1em;
}

img.machine {
	position:absolute;
	left:16%;
	max-height:2400%;
	max-width:100%;
	top:235px;
	z-index: 15
}

h1,h2,h3,h4 {font-family:'Myriad Pro', Verdana, Arial, Sans-Serif; font-weight:normal;}
h1,h2,h3,h4 {font-family:'Myriad Pro', Verdana, Arial, Sans-Serif; display:block; font-weight:bold;}

h1 {font-size:1.3em; color:#AD002B; margin:0 0 0.5em 0; padding:0.3em 0.3em 1.3em 0em; margin:0em; background:inherit; padding-top:1em}
h2 {font-size:1.1em; color:#0b2b75; margin:0 0 0.5em 0; padding:0.3em 0.3em 0.3em 0em; margin:0em;}
h3 {font-size:1.0em; color:#0b2b75; background:transparent; margin:0.4em 0 0.3em 0; padding-top:1em;}
h4 {font-size:1em; color:#0b2b75; margin:0 0 0.5em 0; padding:0.3em 0.3em 0.3em 0em; margin-top:1em; background:transparent; border-bottom:1px #0b2b75 solid; padding-top:1em;}

#teaser h1 {font-size:1.2em; border:0;}

p,ul,dd,dt {line-height:1.5em;}
p {line-height:1.5em; margin:0 0 1em 0;}

#col3_content ul li {list-style-image:url(images/bullet_01.gif)}
#col3_content ul li ul li {list-style-image:url(images/bullet_02.gif)}

table.contenttable {font-size:1em;}

strong,b {font-weight:bold;}
em,i {font-style:italic;}
pre, code {	font-family:"Courier New", Courier, monospace;}
address {font-style:normal; line-height:1.5em; margin:0 0 1em 0;}

hr {color:#fff; background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid;}

acronym, abbr {border-bottom:1px dashed #c00; cursor:help;}

/* ### Bildpositionierung ############################################################################ */
img.float_left {float:left; margin-right:1em; margin-bottom:0.15em; border:0;}
img.float_right {float:right; margin-left:1em; margin-bottom:0.15em; border:0;}
img.center {text-align:center; background:#fff; padding:4px; border:1px #ddd solid;}

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color:#1e6289; text-decoration:none;}
a:hover {background-color:#EDEEEF; text-decoration:underline;}
a.quicklink {background: transparent url(images/internal_link.gif) no-repeat left; padding-left: 20px;}

#footer a {color:#0b2b75;}
#footer a:hover {background-color:transparent;}

#main a[href^="http:"], #main a[href^="https:"] {padding-left:0; background-image:none;}

#main a.imagelink {padding-left:0; background:transparent;}

#error_marker {color:red}
form li.error {color:red}

/* #############################
** ### tx-srlanguagemenu-pi1#################
** #############################
*/
.tx-srlanguagemenu-pi1 div.CUR{
  padding: 0px 4px;
}

.tx-srlanguagemenu-pi1 div.NO {
  padding-top: 4px;
}
.tx-srlanguagemenu-pi1 div.NO a{
  color: #0b2b75;
  padding: 0px 4px;
}
.tx-srlanguagemenu-pi1 div.INACT{
padding:4px;
}

/* #############################
** ### tt_news #################
** #############################
*/
.tx-ttnews-browsebox {text-align:center; padding:0; margin:1.2em 0 1em 0; padding:1px; border:1px solid #ccd; background:#f0f0f4;}
.tx-ttnews-browsebox a, .tx-ttnews-browsebox strong {padding:0 0.4em 0.4em 0; margin:0; background:transparent;}

.news-latest-container{padding:6px ; font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;}
.news-latest-container h2 {color:#fff; font-size: 1em; font-weight: bold; font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;}

/* LATEST Ansicht */
.news-latest-item {margin-bottom:0em;}
.news-latest-item h3 {padding-top:0;}
.news-latest-item h3 a {text-decoration:underline; color: #fff}
.news-latest-item h3 a:hover {background:transparent; }
.news-latest-item p {padding:0 ;margin: 0; font-size: 0.8em; line-height: 1.2em; color: #fff}
.news-latest-item img {padding-right:1em; padding-top:0.5em; float:left;}
.news-latest-item hr.clearer{ background: transparent; padding: 0px; margin: 0px;}
.news-latest-date a{color: #fff; font-size: 0.7em;}
.news-latest-morelink {padding: 0px, margin: 0px; background-color: transparent; border: 0px #edeeef; text-align:right; font-size: 0.7em}
.news-latest-morelink a {color: #fff}

/* LIST Ansicht */
.news-list-container{margin-top:15px; }
.news-list-item {margin-bottom:1em;}
.news-list-item h3 {padding-top:0;}
.news-list-item h3 a {text-decoration:underline;}
.news-list-item h3 a:hover {background:transparent;}
.news-list-item h3 span.news-list-date {color:#aaa; font-weight:normal;}
.news-list-morelink {padding:1px;}
.news-list-morelink a {color:#0b2b75;}
.news-list-morelink a:hover {background:transparent;}
.news-list-category {color:#aaa;}

/* SINGLE Ansicht */
.news-single-item h2 {color:#0b2b75; background:#fff;}
.news-single-item h3 {margin-bottom:1em; margin-top:1em; color:#000; padding:0.5em; background:#edeeef; border-left:0px #fff solid;}
.news-single-img {padding-right:15px;	float:left;}
.news-single-img p {padding:0; margin:0;}
.news-single-timedata {color:#aaa; margin-bottom:1em;}
.news-single-additional-info {}
.news-single-additional-info dd {margin-top:-1em;}
.news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}

/* CATEGORY Menu */
.news-catmenu {font-size:0.8em; margin-top:2em; padding:1em; background:#eee; border:1px dotted black;}
.news-catmenu a {display:inline; padding-left:2px;}
.news-catmenu a:hover {background:transparent; font-style:italic; font-weight:bold;}
.news-catmenu .news-catmenu-NO {height:16px;}
p.news-catmenu-header {line-height:1em; margin:0;}

.tx-dearticles-pi1-singleViewField-all {width:99%; padding: 2px;}
.tx-dearticles-pi1-singleViewField-content, .tx-dearticles-pi1-singleViewField-all P {font-size:small;}
.tx-dearticles-pi1-singleViewField-title, p.tx-dearticles-pi1-singleViewField-title {font-size:medium;color:#009DDD;font-weight:bold;border-bottom:1px #009DDD solid;}
.tx-dearticles-pi1-singleViewField-author, p.tx-dearticles-pi1-singleViewField-author {font-size:x-small;color:#009DDD;}
H4.tx-dearticles-pi1-singleViewField-author {border: 0px transparent solid;}
.tx-dearticles-pi1-singleViewField-sections, p.tx-dearticles-pi1-singleViewField-sections {font-size:x-small;color:gray;  	font-weight:bold;text-align:center;}
.tx-dearticles-pi1-singleViewField-menu, .tx-dearticles-pi1-singleViewField-menu a, p.tx-dearticles-pi1-singleViewField-menu, p.tx-dearticles-pi1-singleViewField-menu a {font-size: x-small;	margin: 0px auto;text-align: center;}
.tx-dearticles-pi1-singleViewField-caption, p.tx-dearticles-pi1-singleViewField-caption  {font-size:xx-small;color:black;  	font-weight:bold;text-align:center;}
.tx-dearticles-pi1-singleViewField-back, p.tx-dearticles-pi1-singleViewField-back {text-align:center;}

 /*  LIST VIEW && BROWSE */
  
 H3.tx-dearticles-pi1-browseItemField-title A, H3.tx-dearticles-pi1-listItemField-title A {
  	font-size: 13px; color: #009DDD; text-decoration: none;	margin-bottom: 2px;}
 H3.tx-dearticles-pi1-browseItemField-title A, H3.tx-dearticles-pi1-listItemField-title A:hover {text-decoration: underline;}
 H3.tx-dearticles-pi1-browseItemField-title A:visited, H3.tx-dearticles-pi1-listItemField-title A:visited {color: #009DDD;}
.tx-dearticles-pi1-browseView-browseBy, .tx-dearticles-pi1-listView-browseBy {font-size:10px;color:black;text-align:left;}
.tx-dearticles-pi1-browseView-showMore A, .tx-dearticles-pi1-listView-showMore A{font-size:10px;text-align:right;display: block;color:#009DDD;	margin: 0px 0px 20px; }
.tx-dearticles-pi1-browseView-showMore A:hover,.tx-dearticles-pi1-listView-showMore A:hover{text-decoration:none;}
.tx-dearticles-pi1-browseView-showMore A:visited, .tx-dearticles-pi1-listView-showMore A:visited{color: #009DDD;}
.tx-dearticles-pi1-browseItemField-category, .tx-dearticles-pi1-browseItemField-author,
.tx-dearticles-pi1-listItemField-category, .tx-dearticles-pi1-listItemField-author {font-size:10px;color: #009DDD; }
.tx-dearticles-pi1-listItemField-author-allWrap, .tx-dearticles-pi1-listItemField-author-allWrap B  {font-size: 10px;}
.tx-dearticles-pi1-browseView-catHeader, .tx-dearticles-pi1-listView-catHeader {font-size: small; 	color: white;background-color: #009DDD;	width: 400px; 	margin: 10px 0px 0px; 	padding-left: 20px; }
.tx-dearticles-pi1-browseView-item { 	padding-bottom: 30px; }
.tx-dearticles-pi1-browseItemField-short, .tx-dearticles-pi1-listItemField-short { font-size: x-small;margin: 2px 0px 0px;}
  
  /* SEARCH */
.tx-dearticles-pi1-sword {color:red;	font-weight:bold;font-style:italic;background-color:yellow;}
div.tx-dearticles-pi1-showKeywords {width: 100%;	text-align:center;margin: 10px 0px; font-size: 12px; }
span.tx-dearticles-pi1-showKeywords{font-style: italic;	color: red;	font-size:12px;}
.tx-dearticles-pi1-resultItem-title {font-size: 13px;color: #009DDD;	text-decoration: none; margin-bottom: 2px;}
#tx-dearticles-pi1-searchForm-table {font-size: 12px; }
#tx-dearticles-pi1-searchForm-table TD {	padding-bottom: 30px;}
  
 /* LATEST */
  
#tx-dearticles-pi1-latest-wrapAll{width: 175px;	margin: 0px auto;text-align:center;}
#tx-dearticles-pi1-latest-wrapAll H3 {background-color: teal;color: white;width: 175px;height: 16px;	text-align:center;  	font-variant: small-caps;font-size: small;margin: 0px 0px 5px;}
.tx_dearticles-pi1-latest-gotoarchive { font-size: 9px;text-align: right;}
.tx-dearticles-pi1-latestItem-all {	padding-bottom: 4px;margin-bottom: 10px;border-bottom: 1px solid #cccccc;}
.tx-dearticles-pi1-latestItem-crdate {color: #666666;margin: 0px;font-size: xx-small;}
.tx-dearticles-pi1-latestItem-title{ margin: 0px; font-size: x-small;}
.tx-dearticles-pi1-latestItem-image {border: 1px solid teal;	float: left;margin-right: 3px;}  
.tx-dearticles-pi1-latestItem-short {margin: 0px;padding: 0px 1px;font-size: xx-small;}
.tx-dearticles-pi1-modeSelector P, .tx-dearticles-pi1-modeSelector P A {font-size: 12px; padding: 10px;}
.tx-dearticles-pi1-modeSelector-SCell A, .tx-dearticles-pi1-modeSelector-SCell A:visited {font-weight: bold; 	text-decoration: none;	color: #006699;	font-size: 12px;padding: 10px;}
DIV.tx-dearticles-pi1-listrow {margin: 15px 0px 0px;}
DIV.tx-dearticles-pi1-browsebox {text-decoration: none;	font-size: 10px;}
.tx-dearticles-pi1-browsebox-SCell {	font-size:12px;}
  .tx-dearticles-pi1-browsebox-strong {	font-weight: bold;}
  #tx-dearticles-pi1-indexMenu-table LI A {font-size:12px;}

}
/* ##########################
** ### mm_forum ######
** ##########################
*/
.tx-mmforum-table {width:100%}

/* ##########################
** ### user_minishop######
** ##########################
*/
.user-minishop-pi1  table.products input {width:30px}
fieldset .csc-mailform-field input.radio{margin-left: 150px; width:20px}
fieldset .csc-mailform-field label.expire{ width:50px;}
fieldset .csc-mailform-field input#expire_month{margin-left: 0px; width:20px; float:left}
fieldset .csc-mailform-field input#expire_year{margin-left: 0px; width:20px}


		/*
		-----------------------------------------------------------------
		form
		----------------------------------------------------------------- */

		form#dm_mailform {
			width: 97%;
			font-family: sans-serif; font-size: 0.8em;
			margin: 0;
			padding: 0;
			border: 0;
		}
		form#dm_mailform div.form_wrapper {
			margin: 0 -1%;
			padding: 0;
		}
		form#dm_mailform fieldset {
			clear: both;
			margin: 0 0 20px 0;
			padding: 0;
			border: 0;
		}


		/*
		---------------------------
		labels and wrappers
		--------------------------- */

		form#dm_mailform label {
			margin: 0 1%;
			padding: 0;
			border: 0;
			float: left;
			display: table;
			width: 1%;
		}
		form#dm_mailform span.wrapper {
			margin: 0;
			padding: 0;
			display: table-cell;
			width: 1%; /* firefox */
		}


		/*
		---------------------------
		width
		--------------------------- */

		form#dm_mailform label.w100 {
			width: 98%;
			display: block;
		}
		form#dm_mailform label.w75 {
			width: 73%;
			display: block;
		}
		form#dm_mailform label.w50 {
			width: 48%;
			display: block;
		}
		form#dm_mailform label.w25 {
			width: 23%;
			display: block;
		}


		/*
		---------------------------
		position
		--------------------------- */

		form#dm_mailform label.p25 {
			margin-left: 26%;
		}
		form#dm_mailform label.p50 {
			margin-left: 51%;
		}
		form#dm_mailform label.p75 {
			margin-left: 76%;
		}


		/*
		---------------------------
		errors
		--------------------------- */

		form#dm_mailform label.error input.field,
		form#dm_mailform label.error select.field,
		form#dm_mailform label.error textarea.field {
			border-color: #dd1100;
		}

		form#dm_mailform label.error span.title {
			color: #dd1100;
		}


		/*
		---------------------------
		title and examples 
		--------------------------- */

		form#dm_mailform label span.title {
		 color: #000;
		}
		form#dm_mailform label span.example {
			color: #999;
			font-style: italic;	
		}


		/*
		---------------------------
		input/select fields 
		--------------------------- */

		form#dm_mailform label input.field,
		form#dm_mailform label select.field,
		form#dm_mailform label textarea.field {
			width: 100%;
			display: block;
			padding: 4px;
			font-family: sans-serif; font-size: 1em;
			box-sizing: border-box;
			-moz-box-sizing: border-box; /* gecko */
			-webkit-box-sizing: border-box; /* khtml/webkit */
			-ms-box-sizing: border-box; /* IE */
		}

		form#dm_mailform label select.field {
			padding: 4px 1px 1px 1px; /* have to try out */
		}

		

		

		/* Kalenderfelder
			calendar fields */
		form#dm_mailform label.calendar input.field {
			padding-right: 25px;
		}


		/*
		---------------------------
		checkboxes and radios
		--------------------------- */

		form#dm_mailform input.select {
			display: block;
			float: left;
			margin: 0;
		}


		/*
		---------------------------
		submit button
		--------------------------- */

		form#dm_mailform input.submit {
			width: 100%;
			background: #809db5;
			color: #fff;
			padding: 2px 0;
			font-size: 1em;
		}

		form#dm_mailform input.submit:hover,
		form#dm_mailform input.submit:focus {
			background: #57ab44;
			/* cursor: pointer;  sorry, can't use that one in front of Opera */
		}


		/*
		---------------------------
		calender icon
		--------------------------- */
		
		form#dm_mailform a.calendar {
			float: right;
			position: relative; top: 3px; left: -20px;
			z-index: 1000;
		}
		form#dm_mailform a.calendar img {
			border: 0;
			position: absolute; top: 0; left: 0;
			z-index: 1001;
		}

		
		/*
		---------------------------
		additional styles for
		input/select fields
		--------------------------- */

		form#dm_mailform label.inputselect span.title {
			margin: 0 0 2px 0;
			width: 170px;
			display: table; /* act as inline-block */
		}

		form#dm_mailform label span.title:hover,
		form#dm_mailform label span.title:focus {
			color: #000;
			cursor: pointer;
		}

		form#dm_mailform label br {
			margin: 0 0 2px 0;
		}


		/*
		---------------------------
		additional styles for
		checkboxes and radios
		--------------------------- */

		form#dm_mailform label.wauto {
			width: auto;
			margin-right: 15px;
		}
		form#dm_mailform label.radiocheck {
			margin-bottom: 10px;
		}
		form#dm_mailform label.radiocheck span.wrapper {
			padding-right: 0;
		}
		form#dm_mailform label.wauto span.wrapper {
			display: inline;
		}
		form#dm_mailform label.radiocheck span.title {
			display: block;
			margin: 0 0 0 20px;
			padding: 0;
		}


		/*
		---------------------------
		clearing elements
		--------------------------- */

		.formclear {
			clear: both;
			display: block;
			padding: 0 0 10px 0;
		}
		.mb0 {
			margin-bottom: 0 !important;
		}
		.pb20 {
			padding-bottom: 20px !important;
		}
		
	    /* styles for IE 7 */

		* +html  form#dm_mailform  label {
			margin-right: 0.85% !important; /* avoid positioning bugs */
		}
		* +html  form#dm_mailform  span.wrapper {
			display: block;
			width: 100%;
		}
		* +html  form#dm_mailform  label input.field,
		* +html  form#dm_mailform  label select.field,
		* +html  form#dm_mailform  label textarea.field {
			position: relative; /* put on top */
			width: expression(parentNode.offsetWidth - 13); /* - border - padding */
			padding-top: 2px;
			padding-bottom: 2px;
		}
		* +html  form#dm_mailform  label.mandatory input.field,
		* +html  form#dm_mailform  label.mandatory select.field,
		* +html  form#dm_mailform  label.mandatory textarea.field {
			width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		}
		* +html  form#dm_mailform  label.calendar input.field {
			width: expression(parentNode.offsetWidth - 34); /* - border - padding - icon width */
		}
		* +html  form#dm_mailform  label input.select {
			position: relative;
			left: -2px;
			top: -2px;
		}
		* +html  form#dm_mailform  label select.field {
			width: 100%;
		}
		* +html  form#dm_mailform  label.wauto {
			margin-right: 15px !important;
		}

	



/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
.mainMenu dfn, #col1_content .hidden {position:absolute; left:-1000em; width:20em;}
}

}