/* 
Inhaltsverzeichnis

01. Grundlagen
02. Bild-Text
03. Link-Liste
04. Download-Liste
05. Tabelle
06. Movie
07. Standort
08. Formular

copyright 2011, insyma KOES
*/

/*  */

.abschluss {
	height : 1em;
	padding : 0;
}

a.abschlusslink {
	display : block;
	margin-bottom : 1.5em;
}

div.movie {
	padding-bottom : 1em;
}

div.map {
	width : 420px; 
	height : 300px;
	margin : 1em 0;
}

div.part_map {
	float : left;
	margin-bottom : 1.5em;
	width : 100%;
}

div.inhalt ul.map-adresse {
	list-style : none;
	margin : 1em 0;
}

div.inhalt ul.map-adresse li {
	float : left;
	margin-right : 1.2em;
}

div.inhalt ul.map-adresse li.last {
	margin : 0;
}

div.inhalt form {
	clear : both;
}

div.inhalt form ul {
	float : left;
}

div.inhalt form ul, div.inhalt form ol {
	list-style : none;
	margin : 1em 0;
}

div.inhalt form ul li {
	background-color : #ffffff;
	padding : 0.3em;
	position : relative;
	margin : 0.5em 0;
}

div.inhalt form ul li label {
	padding-left : 0.8em;
	position : relative;
	vertical-align : top;
	width : 95px;
}

div.inhalt form ul li label em {
	position : absolute;
	left : 0;
	top : -3px;
}

div.inhalt form ul li input {
	border : 0;
	left : 105px;
	position : absolute;
	width : 315px;
}

div.inhalt form ul li textarea {
	border : 0;
	overflow : auto;
}

div.inhalt form ol.horizontal {
	display : inline;
	left : 105px;
	margin : 0;
	position : absolute;
	top : 5px;
	width : 315px;
}

div.inhalt form ol.horizontal li {
	display : inline;
	padding : 0 0.3em;
	margin : 0;
}

div.inhalt form ol.horizontal li.RadioButton input, div.inhalt form ol.vertical li input {
	position : static;
	width : 15px;
}

div.inhalt form ol.vertical li {
	vertical-align : top;
}


div.inhalt form ol.vertical li input, div.inhalt form ol.vertical label {
	float : left;
	vertical-align : top;
}

div.inhalt form ol.vertical label  {
	top : 0;
	width : 85%;
}

div.inhalt form ol.horizontal li.RadioButton label {
	padding-right : 1.2em;
	top : -2px;
}

div.inhalt form ol.vertical {
	display : table;
	padding : 0 0 0 0.8em;
	margin : 0;
	vertical-align : top;
}

div.inhalt form ol.vertical li {
	clear : both;
	min-height : 1em;
	width:340px;
}

div.inhalt form select {
	vertical-align : top;
}

div.inhalt form p input {
	border : 0;
	background : none;
	color : #A4A4A4;
	cursor : pointer;
    font-size : 75%;
    font-weight : normal;
    line-height : 3;
    padding : 0 1.5em 0 0;
	position : relative;
	text-align : left;
    text-transform : uppercase;
	top : -2em;
}

div.ValidationSummary ul {
	display : none;
}

div.ValidationSummary p {
	font-weight : bold;
	margin : 0.5em 0 !important;
}

span.moveImage, ul.moveImage {
	position : absolute;
	right : -235px;
	top : 0;
}

div.inhalt ul.moveImage {
	padding : 0 0 30px;
	top : 259px;
	width : 222px;
}

/* Startseite */
body.start div.inhalt div.container {
	float:left;
	width:100%;
	position:relative;
	overflow : hidden;
}

body.start div.inhalt div.include {
	background-color : #d9d9d9;
	color : #555555;
	float : right;
	margin : 3px 0;
	overflow:hidden;
	position:relative;
	width : 49.5%;
}

body.start div.inhalt div.container div.include {
	margin-bottom : -1500px;
	padding-bottom : 1500px;
}

body.start div.inhalt div.container div.floatLeft {
	float : left;
}
body.start div.inhalt div.include h2 {
	border-top : 6px solid #ffffff;
	font-size : 1.5em;
	font-weight : normal;
	margin : 0;
	padding : 12px 15px 0 15px;
	text-transform : uppercase;
}

body.start div.inhalt div.include hr {
	background-color : #ffffff;
	border :  medium none;
	color : #ffffff;	
	height : 3px;
}

body.start div.inhalt div.include img {
	float : left;
	padding : 22px 0 10px 15px;
}

body.start div.inhalt div.include h3 {
	left : 15px;
	padding : 18px 15px 0 0;
	position : relative;
}

body.start div.inhalt div.include div {
	height: 7.7em;
	font-weight : normal;
    overflow: hidden;
    padding: 0 15px;
    width: auto;
}

body.start div.inhalt div.include a.abschlusslink {
	clear : both;
	color: #555555;
	display : block;
    font-size: 80%;
	font-weight : normal;
    padding: 15px;
	margin-bottom : 0;
    text-decoration: none;
    text-transform: uppercase;
}

body.start div.inhalt div.include a.abschlusslink:hover {
	text-decoration : underline;
}

body.start div.inhalt div.aktuell {
	background-color : #a0d2ec;
}

body.start div.inhalt div.stellen {
	background-color : #b1b1b1;
}

body.start div.inhalt div.stellen a {
	display : block;
}

body.start div.inhalt div.stellen hr, body.start div.inhalt div.medien hr, body.start div.inhalt div.promotion hr, body.start div.inhalt div.newsletter hr { 
	margin-bottom : 18px;
}

body.start div.inhalt div.stellen div, body.start div.inhalt div.promotion div, body.start div.inhalt div.medien div {
	height : 9.6em;
}

body.start div.inhalt div.promotion img {
	padding-top : 3px;
}

body.start div.inhalt div.movie {
	background-color: #ECECEC;
	height : 100%;
	position : relative;
	overflow : auto;
	min-height : 16.6em;
}

body.start div.inhalt div.movie hr {
	margin-bottom : 16px;
}

body.start div.inhalt div.movie a.imagelink {
	display : block;
	float : right;
	height : 142px;
	padding : 0 15px 10px 0;
	overflow : hidden;
	width : 215px;
}

body.start div.inhalt div.movie a.imagelink img {
	padding : 0;
}

body.start div.inhalt div.movie div.insymavideolayer {
	float : right;
	height : auto;
	padding : 0 15px 10px 0;
	overflow : auto;
	width : 215px;
}

body.start div#t_insymaVideo_ {
	background-color : #ffffff;
	padding : 20px;
}

body.start div#t_insymaVideo_ span.vidcontrol {
	cursor : pointer;
	position : absolute; 
	right : 20px; 
	top : 20px;
}

body.start div.inhalt div.movie a.abschlusslink {
	top : 185px;
	float : left;
	margin-bottom : 0;
	position : absolute;
	width : auto;
}

body.start div.inhalt div.light {
	background-color : #ECECEC;
}

body.start div.inhalt div.newsletter div.ValidationSummary {
	height : auto;
	padding : 0;
	overflow : auto;
}

body.start div.inhalt div.newsletter div.ValidationSummary ul {
	display : block;
	margin: 5px 0 0 -20px;
    padding: 6px 0 0;
}

body.start div.inhalt div.newsletter div.ValidationSummary ul li {
    background: #038ed1;
	background: rgba(3, 142, 209, 0.6);
    background-color: transparent\9; /* Hide solid background for IE8 */
		filter:progid:DXImageTransform.Microsoft.gradient( 
		 startColorstr=#60038ed1,endColorstr=#60038ed1); /* IEs */
    *background: #038ed1;
    padding: 0 0 0 30px;
    float: none;
    margin: 0 0 5px;
    width: auto;
}

body.start div.inhalt div.newsletter div.ValidationSummary p {
	border : 0;
	padding : 0;
	margin : 0;
	font-weight : normal;
}

body.start div.inhalt div.newsletter form {
	padding : 0 15px;
}

body.start div.inhalt div.newsletter form li {
	background : none;
	padding : 0.1em 0;
}

body.start div.inhalt div.newsletter form input {
	background-color : #ffffff;
	padding : 0.1em;
	width : 220px;
}

body.start div.inhalt div.newsletter form p {
	padding : 20px 0 15px 0;
}

body.start div.inhalt div.newsletter form p input {
	background : none;
	border : 0;
	color: #555555;
	display : block;
	font-size : 85%;
	font-weight : normal;
	line-height : 1 !important;
    padding: 0;
	position : static;
    text-decoration: none;
    text-transform: uppercase;
	width : auto;
}

body.start div.inhalt div.agenda {
	background-color : #58585a;
	color : #ffffff;
}

body.start div.inhalt div.agenda h2 {
	position : relative;
}

body.start div.inhalt div.agenda span.date {
	font-size: 0.7em;
    position: absolute;
    right: 12px;
	text-transform : uppercase;
    bottom: -2px;
}

body.start div.inhalt div.agenda span.date strong {
	background-color : #00a4da;
	padding : 6px 4px 6px 6px;
	margin : 0 4px;
	font-size : 2em;
	font-weight : normal;
}

body.start div.inhalt div.agenda a.abschlusslink {
	color : #ffffff;
	margin-bottom : 0;
}

/* Sitemap */
div.inhalt ul.sitemap{
	list-style : none;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 10px;
	background: url(../img/layout/sitemap1.gif) repeat-y;
	float: left;
}

div.inhalt ul.sitemap ul{
	list-style : none;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 30px;
	background: url(../img/layout/sitemap1.gif) repeat-y;
	float: left;	
}

div.inhalt ul.sitemap li {
	padding: 0px;
	background: none;
	margin: 0px;
	clear: both;
}

div.inhalt ul.sitemap li a {
	background: url(../img/layout/sitemap2.gif) no-repeat 0px 9px; 
	display: block;
	font-size: 110%;
	font-weight: normal;
	margin: 0px;
	padding: 3px 0px 0px 20px;
	text-decoration: none;
}


div.inhalt ul.sitemap ul li a {
	font-size: 100%;
	font-weight: normal;
	padding: 3px 0px 0px 20px;
	text-decoration: none;	
}

div.inhalt ul.sitemap ul ul li a {
	font-weight: normal;
	padding: 3px 0px 0px 20px;
	text-decoration: none;
}

div.inhalt h2.sitemap, div.ValidationSummary p {
	border-bottom: 1px solid #A4A4A4;
	border-top: 1px solid #A4A4A4;
	clear: both;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 5px;
}

ul.suche {
	float : right;
}

ul.suche input {
	display : none;
}

ul.suche input.search {
	background: url("../img/layout/search-arrow.gif") no-repeat scroll 100% 50% transparent !important;
    border: 1px solid #B1B1B1 !important;
	color : #b1b1b1;
    display: block;
    height: 3em;
	line-height : 3;
	font-size : 65%;
    padding: 0 1em;
	text-transform : uppercase;
	vertical-align : middle;
	width : 140px;
}

ul.suche table {
	margin : 0;
}

ul.suche tr {
	background : #ffffff;
	border : 0;
}

ul.suche td {
	font-size : 100%;
	padding : 0;
}

div.inhalt ul.Tabs, div.inhalt ul.Tabs ul, div.inhalt ul.medienTabs {
	list-style : none;
	padding : 0;
	margin : 0;
}

ul.Tabs li {
	float : left;
}

ul.Tabs ul li, ul.medienTabs li {
	display : inline;	
	float : none;
}

ul.Tabs li strong, ul.medienTabs li strong {
	padding : 0.3em 0.42em 0;
	border : 1px solid #A4A4A4;
	border-width : 0 0 1px 0;
	display : block;
}

ul.Tabs ul li.active, ul.Tabs li.active li, ul.medienTabs li.active {	
	background-color : #EDEDED;
}

ul.Tabs ul li a, ul.medienTabs li a {
	background-color : transparent;
	display : inline-block;
	padding : 0.3em 0.42em;
	text-decoration : none;
}

ul.Tabs ul li.active a, ul.medienTabs li.active a {
	background-color : #ffffff;
	text-decoration : underline;
}

table.agenda {
	margin-top : 0;
}

img.floatLeft {
	float : left;
	padding : 4px 1em 0 0;
	width : 85px;
}

div.inhalt ul.stellen h2 {
	border-bottom: 1px solid #A4A4A4;
	border-top: 1px solid #A4A4A4;
	clear: both;
	margin: 15px 0px;
	padding: 3px 0px;
}

div.inhalt ul.stellen, div.inhalt ul.stellen ul, div.inhalt ul.Medien, div.inhalt ul.Medien ul, div.inhalt ul.news, div.inhalt ul.moveImage {
	list-style : none;
	margin : 0;
}

div.inhalt ul.stellen p {
	padding-bottom : 0.3em;
}

div.inhalt ul.Medien h2, div.inhalt ul.stellen ul li, div.inhalt ul.news h2 {
	margin-top : 1.5em;
}

div.inhalt ul.Medien li {
	display : block;
	margin-bottom : 1em;
}

div.inhalt ul.Medien span.p {
	display : block;
	font-weight : normal;
	padding : 0;
	margin : 0;
	text-decoration : none;
}

/* Organigramm Overlay */

div.orgi_contact {
	background-color : #ffffff;
	border : 1px dotted #C1C1C1;
	min-width : 265px;
	padding : 10px;
}

div.text {
	float : left;
	width : 162px;
}

img.closeButton {
	cursor : pointer;
	float : right;
}

div.data {
	clear : both;
}

div.data img {
	float : left;
	margin-right : 1em;
}

div.data p {
	padding : 0;
}

table.allowHover tr:hover {
	cursor : pointer;
}

table.allowHover tr.active, table.allowHover tr:active, table.allowHover tr.active td, table.allowHover td:active {
	background-color : #ffffff;
}

table.allowHover tr.active span.moveImage, table.allowHover tr:active span.moveImage {
	display : block;
	border : 1px solid #ECECEC;
	height : 248px;
	overflow : hidden;
	width : 222px;
}

table.allowHover tr.active ul.moveImage, table.allowHover tr:active ul.moveImage {
	display : block;
}

td.email {
	width : 42px;
}

td.first span.name {
	display : block;
}

table.projekt span.wrapImage {
	display : block;
	max-height : 50px;
	overflow : hidden;
	width : 66px;
}

table.projekt span.wrapImage img {
	vertical-align : middle;
	width : 66px;
}

table.projekt td.first, table.projekt td {
	width : 33%;
}