/* 
Inhaltsverzeichnis

01. Grundformatierungen
02. Layoutformatierungen
03. Header
04. Navigation
05. Bilderleiste
06. Footer-Linkliste
07. Footer
08. FooterInfo
09. Headerbild (Startseite)

copyright 2011, insyma KOES
*/

@import "reset.css";


/*  01. Grundformatierungen */
html {
	background-color : #d9dadc;
	color : #444444;
	font-family : Verdana, Geneva, sans-serif;
	font-size : 75%;
}

body {
	margin : 45px auto;
	min-height : 600px;
	width : 960px;
}

h1 {
	font-size : 1.5em;
	margin-bottom : 1em;
}

h2, h3, legend {
	clear : right;
	font-weight : bold;
	padding : 0;
}

p, div.inhalt ul, div.inhalt ol {
	padding : 0 0 1em 0;
}

div.inhalt ul {
	list-style : disc;
	margin : 1em 1.2em;
}

div.inhalt ol {
	list-style : decimal;
	margin-left : 1.6em;
}

a {
	color : #444444;
}

div.inhalt a { 
	font-weight : bold;
}

div.inhalt a:hover {
	text-decoration : none;
}

table {
	margin : 1em 0;
	width : 100%;
}

tr, td, th {
	background-color : #f6f6f6;
	border-bottom : 0.5em solid #EDEDED;
}

td, th {
	font-size : 85%;
	padding : 0.5em;
}

th {
	background-color : #ffffff;
	font-size : 90%;
	font-weight : bold;
}

tr .moveImage {
	display : none;
}

div.inhalt table a {
	font-weight : normal;
	text-decoration : none;
}

td.first {
	text-transform : uppercase;
	width : 100px;
}

tr.active td.first, tr:active td.first {
	font-weight : bold;
	text-decoration : underline;
}

iframe {
	width : 420px;
}

iframe body {
	background-color : #EDEDED !important;
}

form, input, label, textarea, select  {
	font-family : Verdana, Geneva, sans-serif;
}

/* 02. Layoutformatierungen */
div#wrapper {
	background-color : #ffffff;
	height : 100%;
	padding : 18px 28px 18px 0;
	width : 932px;
}

div.inhalt {
	background-color : #ededed;
	float : left;
	padding : 22px 22px 52px 22px;
	position : relative;
	margin : 20px 0 80px 0;
	min-height : 500px;
	width : 420px;
}

body.start div.inhalt {
	background-color : #ffffff;
	margin : 325px 0 80px 0;
	overflow:hidden;
	padding : 0;
	width : 700px;
}

div#bilderleiste {
	float : left;
	margin : 20px 0 0 12px;
	width : 224px;
}

.hiddeninfo {
	display : none;	
}

/* 03. Header */
ul#header_sprachwechsel, ul.servicenavigation {
	float : left;
}

ul.servicenavigation li, ul#header_sprachwechsel li, ul.suche li {
	display : inline;
}

ul.servicenavigation li a, ul#header_sprachwechsel li a {
	color : #b1b1b1;
	font-size : 80%;
	line-height : 3;
	padding : 0 1.5em 0 0;
	text-decoration : none;
	text-transform : uppercase;
}

ul.servicenavigation {
	margin-left : 234px;
}

ul.servicenavigation li a.active {
	text-decoration : underline;
}

ul#header_sprachwechsel {
	margin-left : 1.5em;
}

ul#header_sprachwechsel li a {
	padding : 0 0.3em 0 0;
	position : relative;
	top : -5px;
}

ul#header_sprachwechsel li.scaleup a#up {
	font-size : 100%;
}

ul#header_sprachwechsel li.scaledown a#down {
	font-size : 60%;
}

/* 04. Navigation */
ul.hauptnavi {
	background : url('../img/layout/bg_navi.gif') no-repeat 0 50px;
	clear : left;
	float : left;
	padding-left : 28px;
	margin : 20px 18px 20px 0;
	min-height : 300px;
	width : 186px;
}

ul.hauptnavi li a {
	font-size : 1.5em;
	text-decoration : none;
	text-transform : uppercase;
}

ul.hauptnavi li.Allgemein {
	border-top-width : 1px !important;
	border-top-style : dotted !important;
	margin-top : 2em !important;
	padding-top : 0.5em;
}

ul.hauptnavi li.Allgemein a {
	font-size : 1.2em;
	text-transform : none;
}

ul.hauptnavi li ul li {
	padding : 0.5em 0;
}

ul.hauptnavi li ul li ul li {
	padding : 0.2em 0 0 1em;
	margin : 0.5em 0 0 0;
}

ul.hauptnavi li ul li a, ul.hauptnavi li.Allgemein ul li a {
	font-size : 1em;
	text-transform : uppercase;
}

ul.hauptnavi li.Allgemein ul li a {
	text-transform : none;
}

ul.hauptnavi li ul li ul li a, ul.hauptnavi li.Allgemein ul li ul li a {
	font-size : 0.75em;
	text-transform : none;
}

ul.hauptnavi li a.active {
	font-weight : bold;
}

ul.hauptnavi li a img {
	position : relative;
	left : -28px;
}

/* 05. Bilderleiste */
div#bilderleiste img, ul.moveImage img {
	border : 1px solid #ECECEC;
	border-bottom : 0;
}

div#bilderleiste span.wrapImage {
	border-bottom: 1px solid #ECECEC;
	display : block;
	height : 248px;
	overflow : hidden;
	width : 222px;	
}

div#bilderleiste ul, ul.moveImage {
	float : left;
	padding : 0 0 30px 0;
	position : relative;
	margin : 6px 0;
}

div#bilderleiste ul li, ul.moveImage li {
	padding : 6px 12px 6px 0;
	float : left;
	width : 66px;
}

div#bilderleiste ul li.noPadding, ul.moveImage li.noPadding {
	padding-right : 0;
}

div#bilderleiste ul li a.imagelink, ul.moveImage li a.imagelink {
	border-bottom : 1px solid #ECECEC;
	display : block;
	height : 50px;
	overflow : hidden;
	text-decoration : none;
	width : 66px;
}

div#bilderleiste ul li a.imagelink span, ul.moveImage li a.imagelink span {
	bottom : 0;
	color: #B1B1B1;
    font-size: 80%;
	left : 0;
	position : absolute;
	text-decoration : none;
}

ul.moveImage li a.imagelink span {
	font-size : 100%;
}

ul.smallerImg img {
	width : 100%;
}

/* 06. Footer-Linkliste */
div.inhalt ul.FooterLinks {
	bottom : 0;
	left : 0;
	padding : 12px 22px;
	position : absolute;
	margin : 0;
}

div.inhalt ul.FooterLinks li {
	display : inline;
}

div.inhalt ul.FooterLinks li a, body div#detail a.abschlusslink {
  color: #A4A4A4;
  font-size: 80%;
  font-weight : normal;
  line-height: 3;
  padding: 0 1.5em 0 0;
  text-decoration: none;
  text-transform: uppercase;
}

div.inhalt ul.FooterLinks li a:hover, body div#detail a.abschlusslink:hover {
	text-decoration : underline;
}

body div#detail a.abschlusslink {
	position : relative;
	top : 30px;
}

/* 07. Footer */
ul.footernavigation {
	clear : both;
	margin-left : 234px;
}

ul.footernavigation li {
	display : inline;
}

ul.footernavigation li a {
	color : #b1b1b1;
	font-size : 80%;
	padding : 0 1.5em 0 0;
	text-decoration : none;
	text-transform : uppercase;
}

ul.footernavigation li a.active {
	text-decoration : underline;
}

/* 08. FooterInfo */
ul.footerinfo {
	color : #a4a4a4;
	font-size : 80%;
}

ul.footerinfo p {
	padding : 0.5em 0;
}

/* 09. Headerbild (Startseite) */
div#innerfade {
	float : left;
	margin-top : 20px;
	position : relative;
	width : 700px;
}

div#innerfade div.promobox {
	bottom: 0;
	padding: 6px 12px;
	position: absolute;
	right: 0;
	width: 323px;
}

div#innerfade div.promobox h2 {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: -0.05em;
	line-height: 1.2;
}

div#innerfade div.promobox a {
	color: #FFFFFF;
	float: right;
	font-size: 70%;
	position: relative;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	top: 1px;
}

div.overflow {
	position : absolute;
}

.hidden {
	visibility : hidden;
}