﻿

@font-face {
    font-family: 'gandhi_sans_regular';
    src: url('../fonts/gandhisans_regular/GandhiSans-Regular-webfont.eot');
    src: url('../fonts/gandhisans_regular/GandhiSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gandhisans_regular/GandhiSans-Regular-webfont.woff') format('woff'),
         url('../fonts/gandhisans_regular/GandhiSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/gandhisans_regular/GandhiSans-Regular-webfont.svg#gandhi_sans_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gandhi_sans_bold';
    src: url('../fonts/gandhisans_bold/GandhiSans-Bold-webfont.eot');
    src: url('../fonts/gandhisans_bold/GandhiSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gandhisans_bold/GandhiSans-Bold-webfont.woff') format('woff'),
         url('../fonts/gandhisans_bold/GandhiSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/gandhisans_bold/GandhiSans-Bold-webfont.svg#gandhi_sans_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gandhi_sans_italic';
    src: url('../fonts/gandhisans_italic/GandhiSans-Italic-webfont.eot');
    src: url('../fonts/gandhisans_italic/GandhiSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gandhisans_italic/GandhiSans-Italic-webfont.woff') format('woff'),
         url('../fonts/gandhisans_italic/GandhiSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/gandhisans_italic/GandhiSans-Italic-webfont.svg#gandhi_sans_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gandhi_sans_bold_italic';
    src: url('../fonts/gandhisans_bolditalic/GandhiSans-BoldItalic-webfont.eot');
    src: url('../fonts/gandhisans_bolditalic/GandhiSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gandhisans_bolditalic/GandhiSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/gandhisans_bolditalic/GandhiSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/gandhisans_bolditalic/GandhiSans-BoldItalic-webfont.svg#gandhi_sans_bold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


a {
	color: #8A002E;
	text-decoration: none;
}

a:hover {
	color: #8A002E;
	text-decoration: underline;
}


a.navi {
	display:block;
	padding-left:30px;
	padding-right:30px;
	margin:0;
	text-decoration: none;
}

a.navi:hover {
	background-color:#f1f1f1;
	background-color:#eee;
	text-decoration: none;
	color: #8A002E;
}



body {
	background-color:#ddd;
	background-color:#eee;
	margin-top:40px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	overflow-y: scroll
}

/* nav ul/li */



ul.index {
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left:15px;
}

ul.data {
	margin-top:-5px;
}
li.data {
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:normal;
	padding:2px;
}


ul.nav {
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-color:#ddd;
	overflow:hidden;
	border-top:solid 1px #5C5C5C;
	border-bottom: solid 1px #5C5C5C;
	vertical-align:bottom;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}


li {
	font-size:10pt;
	color:#5C5C5C;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:bold;
}

li.index {
	font-size:10pt;
	color:#5C5C5C;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:normal;
}

li.nav {
	font-size:10.5pt;
	letter-spacing:0.07em;
	font-family:gandhi_sans_regular,Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:normal;
	line-height:27px;
	float:left;
	margin:0;
	border-right:dotted 1px #5C5C5C;
	vertical-align:bottom;
}

li#active.nav {
	position:relative;
	padding-left:30px;
	padding-right:30px;
	background-color:#f1f1f1;
	background-color:#eee;
}


table {
	margin:0;
	border-spacing: 0;
    border-collapse: collapse;
}

#index {
	margin-top:10px;
	border-spacing: 0;
    border-collapse: collapse;
}

td {
	font-size:10pt;
	color:#5C5C5C;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:bold;
}

td.kontakt {
	padding-left:10px;
	padding-bottom:3px;

}

td.index {
	position:relative;
	width:50%;
	font-size:10pt;
	color:#5C5C5C;
	padding:5px;
	padding-left:5px;
	vertical-align:top;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:normal;

}
td.index2a {
	width:5%;
	font-size:10pt;
	color:#5C5C5C;
	padding-left:0px;
	padding-bottom:5px;
	vertical-align:top;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:normal;
}
td.index2b {
	width:95%;
	font-size:10pt;
	color:#5C5C5C;
	padding-right:15px;
	padding-bottom:5px;
	vertical-align:top;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:normal;
}


td.social {

	font-size:9pt;
	color:#5C5C5C;
	padding:2px;
	padding-left:10px;
	vertical-align:middle;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:normal;

}

td.social2 {

	font-size:9pt;
	color:#5C5C5C;
	padding:6px;
	padding-left:10px;
	padding-bottom:10px;
	vertical-align:middle;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	font-weight:normal;
}

	/* p */

p {
	font-size:10pt;
	color:#5C5C5C;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	padding:0;
	margin:0;
}

h1 {

	font-size:10.5pt;
	font-weight:bold;
	line-height:100%;
	margin-top:8px;
	margin-bottom:15px;
	padding:0;
	color:#5C5C5C;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
}

h2 {

	font-size:10.5pt;
	font-weight:bold;
	line-height:100%;
	margin-top:8px;
	margin-bottom:15px;
	padding:0;
	color:#5C5C5C;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
}

p.headline {
	font-size:10.5pt;
	font-weight:bold;
	line-height:100%;
	margin-top:8px;
	margin-bottom:15px;
}


p.lang {
	font-size:10pt;
	font-weight:normal;
	color:#5C5C5C;
	padding-top:2px;
	padding-right:15px;
	padding-bottom:2px;
	text-align:right;
	font-variant:small-caps;
}


p.name {
	font-size:26pt;
	font-weight:normal;
	color:#5C5C5C;
	line-height:50%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	font-family:gandhi_sans_bold,Verdana,Tahoma,Helvetica,sans-serif;
	text-shadow:#fff 0px 0px 0px;
}

p.title {
	font-size:14pt;
	color:#5C5C5C;
	font-weight:normal;
	line-height:250%;
	font-family:gandhi_sans_bold,Verdana,Tahoma,Helvetica,sans-serif;
	padding-bottom:20px;
	padding-left:22px;
	text-shadow:#fff 0px 0px 0px;
}

p.left {
	color:#555555;
	font-weight:normal;
	line-height:170%;
	padding-bottom:15px;
	margin-top:0;
	/*	text-align: justify; */
}

p.right {
	font-size:9pt;
	line-height:170%;
	margin-top:0;
}

p.foot {
	font-size:8pt;
	font-weight:normal;
	color:#5C5C5C;
	padding-top:4px;
	padding-right:15px;
	padding-bottom:4px;
	text-align:center;
}


/* divs */


.explainLayer {
	position:absolute;
	top:10px;
	left:40px;
	min-width:300px;
	display: none;
	background-color:#eee;
	font-weight:normal;
	font-size:10pt;
	color:#5C5C5C;
	font-family:Verdana,Georgia,Tahoma,Helvetica,Verdana,sans-serif;
	padding:10px;
	border:solid grey 1px;
	z-index:7;
}

a.asterisk {
	color: #8A002E;
	text-decoration: none;
}

a.asterisk:hover + div.explainLayer {
    display: block;
}

.relative {
	position:relative;
}

.asterisk3 {
	position:absolute;
	top:20px;
	left:269px;
	font-weight:normal;
	color: #8A002E;
	font-family:impact,arial;
	font-size:48pt;
	text-shadow:#fff 0px 0px 0px;
}

.asterisk4 {
	position:absolute;
	top:3px;
	left:24px;
	left:19px;
	font-weight:normal;
	color: #8A002E;
	font-family:impact,arial;
	font-size:16pt;
	text-shadow:#fff 0px 0px 0px;
}

.asterisk5 {
	position:absolute;
	top:3px;
	left:4px;
	font-weight:normal;
	color: #8A002E;
	font-family:impact,arial;
	font-size:16pt;
	text-shadow:#fff 0px 0px 0px;
}

.main {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	border:solid 2px blue;
	border:solid 0px blue;
}

.logo {
	position:relative;
	width:850px;
	margin-left:0%;
	border-left:solid 1px grey;
	border-right:solid 1px grey;
	border-top:solid 1px grey;
	background-image:url('../img/logo-bg.jpg');
	background-position:-50px -55px;
	background-repeat: no-repeat;
}

.navigation {
	position:relative;
	width:850px;
	margin-left:0%;
	border-left:hidden 1px grey;
	border-right:solid 1px grey;
}

.content {
	width:850px;
	margin-left:0%;
	margin-top:0;
	border-right:solid 1px grey;
	border-left:solid 1px grey;
	background-color:#fcfcfc;
	min-height:500px;
}

.contentLeft {
	width:510px;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	border-right:hidden 1px grey;
}

.contentRight {
	float:right;
	margin-top:35px;
	padding-bottom:30px;
	padding-left:40px;
	padding-right:40px;
	width:190px;
	border-left:solid 1px #ddd;
}


.imgBox {
	border:solid 2px #f1f1f1;
	outline:#5C5C5C solid 1px;
	margin-bottom:40px;
}




.footer {
	background-color:#ddd;
	clear: both;
	text-align:right;
	width:850px;
	margin-left:0%;
	border-left:solid 1px grey;
	border-right:solid 1px grey;
	border-top:solid 1px grey;
	border-bottom:solid 1px grey;
}



