/*	###################	Colors

	#FFFFFF	: weiss
	#000000 : schwarz
	#1a99c0	: helles blau
	#d6d6d6	: helles grau
	#9c9c9c	: dunkles grau
	
	################### */


/*	###################	Grundlegendes		######################	*/

html {
	background-image: url(../img/layout/header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 100%;
}
body {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #002448;
	background-image: url(../img/layout/footer.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 100%;
	position: relative;
}

html>body {
	min-height: 100%;
	height: auto;
}

#wrapper {
	width: 999px;
	margin: 30px auto 0 auto;
	z-index: 10;
	position: relative;
	left: 0;
	top: 0;
}

a:link,
a:visited,
a:active,
a:hover,
a:focus  {
	color: #1a99c0;
	text-decoration: none;
}

a:active,
a:hover,
a:focus  {
	text-decoration: underline;
}

br.clear {
	clear: both;
}

em {
	font-style: normal;
}

/*	###################	Kopfteil			######################	*/

h1 {
	padding:65px 0 10px 120px;
	width: 880px;
	margin: 0 auto;
}

h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover,
h1 a:focus {
	display: block;
	width: 345px;
	height: 76px;
	margin: 0 auto;
	background-image: url(../img/layout/logo.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/*	###################	Inhalt				######################	*/

#content {
	clear:both;
	width: 820px;
	padding:40px 0px 20px 179px;
}

#left {
	float: left;
	width: 520px;
	padding-right: 25px;
	position: relative;
}

#left p {
	position: relative;
	z-index: 200;
	line-height: 24px;
}

.kommentar {
	font-size: 10px;
	font-style: italic; 
	margin-top: -15px;
}

#bookmark {
	padding-top: 30px;
	height: 30px;
	width: 480px;
	
}

.bookmark {
	margin-right: 8px;
	float: right;
	margin-top: -5px;
}

#right {
	float: right;
	width: 205px;
	padding:0 40px 0 30px;
	margin-top: -35px;
	overflow: hidden;
	background-image: url(../img/layout/bg_left.gif);
	background-position: left 20px;
	background-repeat: no-repeat;
}

/*	###################	Footer				######################	*/

/* Telefon */
#footer {
	width:880px;
	padding: 35px 0 20px 119px;
	margin:0 auto;
	color: #9c9c9c;
	font-size: 17px;
	clear: both;
	line-height: 22px;
	position: relative;
	z-index: 200;
}

#footer strong {
	font-weight: normal;
	color: #002448;
}

#footer span.telefon {
	display: block;
	float: left;
	background-image: url(../img/layout/icons/telefon.png);
 	background-position: 180px 0px;
	background-repeat: no-repeat;
	position:relative;
	left: 60px;
}

#footer span.telefon a {
	font-size: 12px;
	
}

#footer span.telefon span {
	font-size:12px;
}

/* Twitter */
#socialmedia a {
	width: 51px;
	height: 54px;
	display: block;
	float: right;
	margin-left: 14px;
}

#socialmedia a:hover {
	background-position: 0px 2px;	
}

.facebookbutton {
	background-image: url(../img/layout/icons/socialmedia/facebook.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-decoration: none;
}

.twitterbutton {
	background-image: url(../img/layout/icons/socialmedia/twitter.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-decoration: none;
}

.googleplusbutton {
	background-image: url(../img/layout/icons/socialmedia/google.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-decoration: none;
}

.xingbutton {
	background-image: url(../img/layout/icons/socialmedia/xing.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-decoration: none;
}

/*	###################	Texte				######################	*/

/* Ueberschriften */

h2 {
	font-size: 23px;
	margin-bottom: 15px;
	line-height: 30px;
	color: #002448;
	font-weight: normal;
}

h2 em {
	color:#1a99c0;
	font-variant: normal;
}

h3 {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 8px;
	color:#002448;
	font-weight: normal;
	text-decoration: underline;
}

h4 {
	font-size: 18px;
	color: #002448;
	height: 48px;
	margin-bottom: -10px;
	padding-top: 35px;
	font-weight: normal;
}

h4 em {
	color:#1a99c0;
}

.zitat {
	font-size: 15px;
	font-style: italic;
	display:block;
	margin-bottom: -4px;
	margin-left: 30px;
}

.zitat em {
	color: #1A99C0;
}

.autor {
	font-size: 10px;
	margin-left: 337px;
}

#twitter h4 {
	margin: 0px;
	padding: 0px;
	height:0px;
}

/* W3C */

#right strong.w3 {
	height: 26px;
	width: 205px;
	margin-top: 45px;
	background-image: url(../img/layout/icons/w3.png);
 	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	font-weight: normal;
}

#right a.xhtml {
	height: 26px;
	width: 70px;
	margin-top: 45px;
	background-image: url(../img/layout/icons/w3.png);
 	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-weight: normal;
	display: block;
	float: left;
}

#right a.cssl2 {
	height: 26px;
	width: 70px;
	margin-top: 45px;
	background-image: url(../img/layout/icons/w3.png);
 	background-position: -72px 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-weight: normal;
	display: block;
	float: left;
}

/*	###################	Screens			######################	*/

#fdImageThumb {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 243px;
	height: 195px;
	visibility:hidden;
	overflow:hidden;
	z-index: 300;
}

#fdImageThumb div {
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	background:transparent url(../img/layout/screens/loading.gif) no-repeat 0 0;
	visibility:hidden;
	z-index:1;
}

#fdImageThumb div.imageLoaded {
	background:transparent url(../img/layout/screens/loading.gif) no-repeat 0 0;
}

#fdImageThumb div.imageError {
	background:transparent url(../img/layout/screens/error.gif) no-repeat 0 0;
}

#fdImageThumb img {
	position:absolute;
	display:block;
	border:0 none;
	width: 202px;
	height: 152px;
	z-index:2;
}

.leftTop {
	/* Good browsers */
	background:transparent url(../img/layout/screens/rt.png) no-repeat 0 0 !important;
	background:none;
}

.leftTop img {
	top:16px;
	left:25px;
}

.leftTop div {
	left: 113px;
	top: 76px;
}

.leftBottom {
	/* Good browsers */
	background:transparent url(../img/layout/screens/lb.png) no-repeat 0 0 !important;
	/* IE badness */
	background:none;
}

.leftBottom img {
	top:28px;
	left:25px;
}

.leftBottom div {
	left: 113px;
	top: 82px;
}

.rightTop {
	/* Good browsers */
	background:transparent url(../img/layout/screens/lt.png) no-repeat 0 0 !important;
	/* IE badness */
	background:none;
}

.rightTop img {
	top:16px;
	left:16px;
}

.rightTop div {
	left:103px;
	top:70px;
}

.rightBottom {
	/* Good browsers */
	background:transparent url(../img/layout/screens/rb.png) no-repeat 0 0 !important;
	/* IE badness */
	background:none;
}

.rightBottom img {
	top:28px;
	left:15px;
}

.rightBottom div {
	left:103px;
	top:80px;
}