/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 2, 2012 */
@font-face {
    font-family: 'istok_webbold';
    src: url('/fonts/istokweb-bold-webfont.eot');
    src: url('/fonts/istokweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/istokweb-bold-webfont.woff') format('woff'),
         url('/fonts/istokweb-bold-webfont.ttf') format('truetype'),
         url('/fonts/istokweb-bold-webfont.svg#istok_webbold') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

/* Start reset html elements */
	html { -webkit-text-size-adjust:none; }
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
	address,article,aside,audio,canvas,command,datalist,
	details,embed,figcaption,figure,footer,header,
	hgroup,keygen,mark,meter,nav,ouput,progress,
	section,source,summary,time,video,wbr {
		display:block;
	}
	
	input:focus, textarea:focus, select:focus { 
		outline: none; 
	}
	
	table {
		border-collapse:collapse;
		border-spacing: 0;
		padding:0;
		border:0;
	}
	
	table td, table th {
		padding: 0; 
	}
	
	a:active, label:active { 
		outline: none; 
		ie-dummy: expression(this.hideFocus=true); 
	}
	a:focus, label:focus { 
		-moz-outline-style: none; 
		outline: none; 
		ie-dummy: expression(this.hideFocus=true); 
	}
	
	input[type=checkbox] { 
		border-width:0px 
	}
/* End reset html elements */

/* Start generic elements  */
	html {
		overflow-y: scroll; 
		height:100%;
	}
	
	body {
		color:#000; 
		background-color:#fff;
		height:100%;
	}
	
	td, p, div, span, ol, ul, input, textarea, select { 
		font-family: 'Istok Web', sans-serif;
		font-size: 12px;
	}
	
	input, textarea, select {
		border:1px solid #ccc; 
		background-color:#f2f2f2; 
		line-height:120%; 
		margin-top:1px; 
		padding:1px 0px;  
		resize: none; 
		-webkit-border-radius:0px;
	}
	
	input[type=submit], input[type=text], input[type=password], input[type=button],
	textarea{
		-webkit-appearance:none;
	}
	
	input[type=submit] {
		padding:2px 20px;
		cursor:pointer;
	}
	/* span is to cope for protected emails */
	a:link, a:link span, a:visited, a:visited span, a:active, a:active span { 
		color: #000099; 
		text-decoration: none; 
	}
	
	a:hover, a:hover span { 
		text-decoration: underline; 
	}
	
	ul { 
		list-style-type: none;
		list-style-position: outside;
	}
	
	ul li { 
		list-style-type: none; 
		background:url('/images/bullet.gif') no-repeat 0px 7px; 
		padding-left:14px; 
	}
	
	h1 { 
		font-size: 16px;
		color: #00485b;
		font-weight: normal;
		width:100%; 
		margin-bottom:30px; 
	}
	
	.clear {
		clear:both;
		height: 1px;
		overflow: hidden;
	}

	/* For modern browsers */
	.clearfix:before,
	.clearfix:after {
		content:"";
		display:table;
	}

	.clearfix:after {
		clear:both;
	}

	/* For IE 6/7 (trigger hasLayout) */
	.clearfix {
		*zoom:1;
	}
/* End generic elements  */

/* Start Freshpage elements (these classes are defined in Freshpage and setable) */
	.small { 
		font-size: 10px
	}
	.big { 
		font-size: 13px !important;
		font-weight: bold;
	}
	
	.tbltype-emphheader {
		border-spacing: 1px;
	}
	.tbltype-emphheader tr td {
		background-color: #f8f8f8;
		vertical-align:top !important;
	}
	.tbltype-emphheader tr:first-child td {
		background-color: #e0e0e0;
	}

	.tbltype-fairplan {
		border-spacing: 1px;
	}
	.tbltype-fairplan tr td {
		background-color: #f8f8f8;
		vertical-align:top !important;
	}

	.tbltype-headline {
		border-spacing: 1px;
	}
	.tbltype-headline tr td {
		padding:8px;
		background-color: #f8f8f8;
		border:1px solid #ccc;
		vertical-align:top;
	}
	
	#oContentTable tr td {
		
	}
/* End Freshpage elements  */

/* Start - layout styles */
	/* Start - header and navigation */
		div#wrapper {
			width: 640px;
			margin: 0 40px;
		}
		div#wrapper > header > a > img {
			width: 640px;
			height: 71px;
			margin-top: 40px;
		}
		
		div#wrapper > header > nav {
			background-image: url(/images/bg_gradient.png);
			background-repeat: repeat-y;
			margin-top: 20px;
			margin-bottom: 10px;
		}
		div#wrapper > header > nav > a {
			display: block;
			float: left;
			width: 130px; /* (640-2*3)/4-2*12 */
			font-size: 12px;
			padding: 5px 12px;
			border-left: 2px solid #fff;
			overflow: hidden;
			color: #00485b;
			height: 15px; /* 25-2*5 */
			text-decoration: none;
		}
		div#wrapper > header > nav > a.active {
			font-weight: bold;
		}
		div#wrapper > header > nav > a:hover {
			font-weight: bold;
		}
		div#wrapper > header nav > a:first-child {
			border-left-style: none;
		}
	/* End - header and navigation */
	
	/* Start - page content */
		div#wrapper > article {
			background-image: url(/images/bg_gradient.png);
			background-repeat: repeat-y;
			padding: 16px 15px;
		}
		div#wrapper > article.page1 {
			margin-left: 0;
		}
		div#wrapper > article.page2 {
			margin-left: 156px;
		}
		div#wrapper > article.page3 {
			margin-left: 312px;
		}
		div#wrapper > article.page4 {
			margin-left: 468px;
		}
		div#wrapper > article img {
			margin-bottom: 15px;
		}
		div#wrapper > article, div#wrapper > article p, div#wrapper > article span, .fpmain td {
			font-size: 12px;
			word-wrap:break-word;
			color: #00485b;
			line-height: 17px;
		}
		div#wrapper > article h1 {
			margin-top: 0.9em;
			margin-bottom: 0.8em;
		}
		div#wrapper > article a, div#wrapper > article a span {
			color: #00485b;
			text-decoration: underline;
		}
		div#wrapper > article ul li{
			font-size: 12px;
		}
		.fpmain {
			display: block;
			width: 370px;
			max-width: 370px;
		}
		div#wrapper > #push {
			height: 40px;
		}
	/* End - page content */
	
	/* Start - Lebenslauf */
		div#wrapper > article .lebenslauf-control {
			width: 360px;
			cursor: pointer;
			margin-top: 6px;
		}
		div#wrapper > article .lebenslauf-control .lebenslauf-titel {
			float: left;
			font-size: 16px;
			color: #00485b;
			font-weight: normal;
		}
		div#wrapper > article .lebenslauf-control .lebenslauf-arrow {
			margin-right: 10px;
			float: right;
		}
		div#wrapper > article .lebenslauf > table.llcontent td{
			padding-bottom: 10px;
		}
	/* End - Lebenslauf */
	
	
/* End - layout styles */