/************************************/
/* 									*/
/* 	(c) Globals Artwork 2011		*/
/* 									*/
/* 	Datum		16.08.2011			*/
/* 	Ersteller	Christian Thöni 	*/
/* 	Zweck		Gesamtlayout		*/
/* 									*/
/* 	Die Weiterverwendung dieser 	*/
/*	Datei ist nur mit schriftlicher */
/*	Erlaubnis gestattet.			*/
/************************************/

/*------GRUNDLEGENDES-------*/
	@font-face {
		font-family: 'CenturyGothicRegular';
		src: url('gothic-webfont.eot');
		src: url('gothic-webfont.eot?iefix') format('eot'),
			 url('gothic-webfont.woff') format('woff'),
			 url('gothic-webfont.ttf') format('truetype'),
			 url('gothic-webfont.svg#webfontFleOGTrx') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	body {
		background-color: #003d27;
		margin: 0px;
		background-image: url('bg.jpg');
		background-repeat: no-repeat;
		background-attachment:fixed;
		background-position: -10px -10px;
		font-family: 'CenturyGothicRegular', sans-serif;
		font-size: 14px;
	}
	a img {
		border: 0px;
		}

/*------NAVIGATION------*/
	#nav {
		width: 179px; /* 220px */
		min-height: 500px;
		padding:113px 0 0 30px;
		float: left;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 1;
		font-size: 18px;
		line-height: 30px;
		display: none;
		}
	.toggle {
		padding: 0 10px 10px;
		line-height: 20px;
		font-size: 16px;
	}
	.toggle a {
		text-decoration: none;
		color: #003d27;
		line-height: 16px;
	}	
	#nav a {
		text-decoration: none;
		color: #003d27;
		font-weight: bold;
	}

	#nav a:hover, #footer a:hover {
		color: white;
	}
	#nav .active {
		color: #FFF;
		margin-left: 10px;
	}
	#system {
		background-color: #003d27;
		padding: 10px;
		margin: 30px 30px 0 0 ;
		font-size: 12px;
		color: white;
		opacity: 0.3;
		}
	#system b {
		color: #a8e601;
		}
	#system:hover {
		opacity: 1;
	}
	
/*------HEADER------*/
	#header {
		padding: 24px 0 0 0 ;
		height: 69px;
		position: absolute;
		top: 0px;
		left: 200px;
		z-index: 10;
		width: 760px;
		vertical-align: bottom;
		/*background-image: url('headerbg.png');
		background-repeat: no-repeat;*/
		color: #003d27;
		display: none;
	}
	#breadcrumbs {
		font-size: 16px;
		color: #60d17b;
	}
	#breadcrumbs a {
		text-decoration: none;
		color: #003d27;
		}
	#breadcrumbs a:hover {
		color: #a8e601;
		}
	h1 {
		font-size: 35px;
		padding: 0px;
		margin: 0px;
		font-weight: normal;
		
	}
	#choicer {
		background-image:url('green50.png');
		line-height: 30px;
		position: absolute;
		left: 540px;
		top: 60px;
		width: 240px;
		height: 30px;
		color: white;
		font-size: 20px;
	}
	#choicer a {
		color: white;
		text-decoration: none;
	}
	
	#choicer span {
		color: #a8e601;
	}
	.prev {
	float: left;
	width: 110px;
	padding-left: 10px;
	}
	.prevclean{
	float: left;
	width: 110px;
	padding-left: 10px;
	}
	.next {
	float: left;
	text-align: right;
	width: 105px;
	padding-right: 10px;
	}
	.prev:hover, .next:hover {
	background-color: #003d27;
	}	
	
/*------INHALT-DEFINITION------*/
	#con {
		width: 780px;
		position: absolute;
		top: 100px;
		left: 200px;
		z-index: 1;
		padding: 20px 0 30px 0;
		display: none;
	}	
	#content {
		color: white;
		width: 780px;
		font-size: 14px;
		line-height: 19px;
		z-index: 10;
		
	}
	
/*----FOOTER----*/
	#footer {
		position: fixed;
		left: 200px;
		bottom: 0px;
		clear: both;
		width: 760px;
		margin-top: 30px;
		padding: 10px 10px 6px 10px;
		color: white;
		background-color: #08492e;  /* 003d27;*/
		z-index: 10;
		font-size: 14px;
	}
	.ranking {
		line-height: 10px;
		float: left;
		display: none;
	}
	.copyright {
		float: right;
	}
	.footer_links {
		float: left;
		text-align: left;
		width: 240px;
	}
	#socialnetworking {
		float: left;
		text-align: center;
		width: 240px;
		color: gray;
		line-height: 3px;
		margin-left: 20px;
	}
	#footer_facebook {
		width:87px;
		overflow:hidden;
		float: left;
		margin-right: 25px;
	}
	#footer_plusone {
		width:33px;
		overflow:hidden;
		float: left;
		text-align: right;
	}
	#footer_twitter {
		text-align: left;
		float: left;
		margin-right: 25px;
	}
	
	.footer_rechts {
		float: right;
		text-align: right;
		color: #60d17b;
		width: 230px;
		margin-left: 30px;
	}
	#footer a {
		color: #abff8c;
		text-decoration: none;
		margin-right: 30px;
	}
	#footer a:hover {
		color: white;
	}
	#loadscreen {
		position: absolute;
		top: 220px;
		left: 480px;
		text-align: center;
		display: block;
		background-image: url('laden4.gif');
		width: 240px;
		height: 30px;
		z-index: 999;
	}
	
	/*------GESAMTER INHALT------*/
	#content ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#content ul li {
		margin-bottom: 10px;
	}
	#content a {
		color: #60d17b;
		text-decoration: none;
	}
	#content b {
		color: #60d17b;
		font-weight: bold;
	}
	#content a img {
		border-bottom: 0px;
	}
	#content  a:hover  {
		color: #a8e601;
	}
	#content span {
		color: #a8e601;
	}
	#content h3 {
		font-weight: bold;
		font-size: 16px;
		color: #a8e601;
		margin: 0 0 10px 0;
	}
	
	.fl {
		float: left;
		vertical-align: top;
		width: 240px;
		margin-right: 30px;
	}
	.flu {
		float: left;
		width: 100px;
		vertical-align: top;
		margin-right: 30px;
		color: #60d17b; /*knallgruen #a8e601 */
		font-weight: bold;
	}
	.fr {
		float: right;
		vertical-align: top;
	}
	.fru {
		float: right;
		vertical-align: top;
		width: 380px
	}

	
	/*---WEBDESIGN---*/
	#webdesign_flow {
		background-image: url('globals_artwork_webdesign.png'); 
		background-repeat: no-repeat; 
		background-position: 15px 0px;
		padding: 210px 30px 0 30px;
		float: left;
		width: 510px;
		margin: 0 0px 30px -30px;
		}
	
	
	/*---Tabelle Qualifikationen unter Persoenliches---*/
	#quali .sl { 
		text-align: left;
		padding-bottom: 5px;
	}
	#quali .nl { 
		vertical-align: top;
		font-weight: bold;
		text-align: right;
	}
	#quali span {
		color: #60d17b;
	}
	#quali .th {
		background-image:url('green50.png');
		padding: 3px;
		font-weight: bold;
		margin-left: 5px;
		border-bottom: 1px solid #a8e601;
	}
	#quali {
		/*margin: 20px 0 20px 0;*/
		font-size: 13px;
	}
	
	/*---Tabelle Browser---*/
	#browser .icon { 
		width: 60px;
		text-align: left;
		padding-bottom: 5px;
	}
	#browser .version { 
		font-weight: bold;
		text-align: right;
		width: 60px;
	}
	#browser .th {
		background-image:url('green50.png');
		padding: 3px;
		font-weight: bold;
		margin-left: 5px;
		border-bottom: 1px solid #a8e601;
	}
	#browser {
		margin: -5px 0 0 0;
		font-size: 13px;
		
	}
	
	/*---KONTAKT---*/
	#content input {
		padding: 6px;
		color: white;
		border: 0;
		margin-bottom: 15px;
		width:236px; /*org 230px */
		font-size: 14px;
		background-color: rgba(0,61,39,0.5);
	}
	#content textarea {
		width:498px;
		height: 235px;
		padding: 6px;
		color: white;
		border: 0;
		margin-bottom: 10px;
		background-color: rgba(0,61,39,0.5);
		font-size: 14px;
	}
	
	#content input:focus, #content textarea:focus {
		background-color: #003d27;
	}
	input#submit {
		background-color: #AADA53; 
		color:#003d27; width: 260px; 
		padding: 6px; 
		margin-right: 10px;
	}
	.meldung_err, .meldung_ok {
		padding: 10px;
		width: 490px;
		color: white;
		margin-bottom: 10px;
	}
	.meldung_err b {
		color: white;
		font-weight: bold;
	}
	.meldung_ok b {
		color: #003d27; 
		font-weight: bold;
	}
	.meldung_err {
		background-color: #804126;
	}
	.meldung_ok {
		background-color: #60d17b;
	}
	#vCard {
		background-image:url('green50.png');
		margin-top: 10px;
	}
	#vCard:hover {
		background-color: #003d27;
	}
	

	/*------REFERENZEN------*/
	
	.bild_con {
		width: 240px; /* 230px*/
		height: 180px;
		float: left;
		margin: 0 0 22px 0;
	}
	.titel, .bild {
		background-image:url('green50.png');
		background-repeat:repeat;
	}
	.titel {
		text-align: center;
		padding: 0 10px 10px 10px;
		font-size: 14px;
		line-height: 9px;
	}
	.titel a:hover {
		color: white;
	}
	.bild {
		padding: 10px 10px 8px 10px;	
	} 
	
	/*------OVERALL------*/
	.wrap_1112 {
		float: left;
		width: 510px;
		margin: 0 30px 30px 0;
	}
	.wrap_1213 {
		float: left;
		width: 510px;
		margin-bottom:30px;
	}
	.wrap_13 {
		float: left;
		width: 240px;
	}
	.wrap_11 {
		float: left;
		width: 240px;
		margin: 0 30px 30px 0;
	}
	.wrap_21 {
		float: left;
		width: 240px;
		margin: 0 30px 30px 0;
		clear: both;
	}
	.wrap_1213 a, a:hover {
		border-bottom: 0px;
	}
	.wrap_all {
		clear: both;
	}
	#content  h2 {
		color: white;
		font-size: 20px;
		font-weight: bold;
		border-bottom: 1px solid #60d17b;
		padding: 0 0 5px 0;
		margin: 0 0 10px 0;
	}
	
	
	/*------Aufzaehlung------*/	
	#content ul {
		list-style-image:url(cube5.gif);
		margin: 0px 0px 0px 15px;
		padding: 0px;
	}
	#content li {
		margin-bottom: 5px;
	}