/* Copyright (c) 2009 von Martin Oppitz Development. Alle Rechte vorbehalten. */
	
/* Includes
----------------------------------*/

@import url("jquery-lightbox-0.5.php");

/* Tags
----------------------------------*/

@font-face {
	font-family: Qlassik;
	src: url( Qlassik_TB.ttf );
}
@font-face {
	font-family: Qlassik Bold;
	src: url( QlassikBold_TB.ttf );
}

body {
	margin: 0;
	padding: 0;
	font-family: Qlassik;
	font-size: small;
}

img {
	border: 0;
}

a, a:visited {
	color: #224488;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #224488;
	text-decoration: underline;
}
a.current {
	color: #003366;
	font-weight: bold;
}

/* Struktur
----------------------------------*/

#website {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	min-width: 1000px;
	max-width: 1000px;
}

#headline {
	float: left;
	margin: -73px 0 0 0;
	padding: 0;
	width: 100%;
	background: url(images/headline_bg2.png) no-repeat right top;
	display: none;
}
#logo {
	float: left;
	margin: -80px 0 0 0;
	padding: 0;
	display: none;
}
#flash {
	float: left;
	margin: -80px 0 0 0;
	padding: 0;
	display: none;
}
#navigation {
	float: left;
	margin: -5px 0 0 0;
	padding: 0;
	width: 100%;
}
#content {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 125%;
	line-height: 1.5em;
	text-align: justify;
	background: #F2F2F2;
}
#footline {
	float: left;
	margin: 0;
	padding: .5em 0 3em 0;
	width: 100%;
	background: #FFFFFF url(images/footline_bg.png) repeat-x left top;
}

	/* Headline
	----------------------------------*/
	
	#headline ul {
		float: right;
		margin: 0;
		padding: 0;
		height: 20px;
		list-style: none;
		overflow: hidden;
	}
	#headline ul li {
		float: left;
		margin: 0;
		padding: 0;
	}
	#headline ul li a, #headline ul li a:visited {
		float: left;
		margin: 0;
		padding: .4em 1em 0 1em;
	}
	#headline ul li a:hover, #headline ul li a:focus, #headline ul li a:active {
		background: url(images/headline_hover.png) repeat left top;
	}
	#headline ul li a.current {
		background: url(images/headline_current.png) repeat-x left top;
	}
	#headline .bookmarks {
		float: left;
		margin: -3px 0 0 0;
	}
	#headline ul li.loading {
		float: left;
		margin: 0;
		padding: 0;
		width: 20px;
		height: 20px;
		background: url(images/lightbox-ico-loading.gif) repeat-x left top;
	}
	#headline ul li.loading a {
		float: left;
		margin: 0;
		padding: 0;
		width: 20px;
		height: 20px;
	}
	#headline ul li.loading a img {
		float: left;
		margin: 0;
		padding: 0;
		width: 20px;
		height: 20px;
	}
	
	/* Navigation
	----------------------------------*/
	#navigation .sides {
		margin: 0;
		padding: 0;
		width: 2%;
		height: 30px;
		background: url(images/navigation_sides.png) repeat-x left top;
	}
	#navigation .left {
		float: left;
	}
	#navigation .right {
		float: left;
	}
	
	#navigation ul {
		float: left;
		margin: 0;
		padding: 0;
		width: 96%;
		height: 30px;
		list-style: none;
		background: url(images/navigation_middle.png) repeat-x left top;
	}
	#navigation ul li {
		float: left;
		margin: 0;
		padding: 0;
		height: 30px;
		border-left: 1px solid #3B4D7F;
	}
	#navigation ul li a, #navigation ul li a:visited {
		float: left;
		margin: 0;
		padding: .3em 1em .3em 1em;
		font-size: 140%;
		color: #DDDDDD;
	}
	#navigation ul li a:hover, #navigation ul li a:active {
		color: #FFFFFF;
		background: url(images/navigation_hover.png) repeat left top;
	}
	#navigation ul li a.current {
		color: #FFFFFF;
		background: url(images/navigation_current.png) repeat left top;
	}
	
	/* Content
	----------------------------------*/
		
	.h1 {
		float: left;
		margin: 0 0 .5em 0;
		padding: 0;
		width: 100%;
		font-family: Qlassik Bold;
		font-size: 175%;
		color: #445566;
		font-weight: normal;
		display: block;
	}
	.h2 {
		float: left;
		margin: 0 0 .5em 0;
		padding: 0;
		width: 100%;
		font-family: Qlassik Bold;
		font-size: 150%;
		color: #CC0000;
		font-weight: normal;
	}
	.h3 {
		float: left;
		margin: 0 0 .5em 0;
		padding: 0;
		width: 125%;
		font-family: Qlassik Bold;
		font-size: 120%;
		color: #003366;
		font-weight: normal;
	}
	.h4 {
		float: left;
		margin: 0 0 .5em 0;
		padding: 0;
		width: 100%;
		font-family: Qlassik Bold;
		font-size: 125%;
		color: #001133;
		font-weight: normal;
	}
	#content a, #content a:visited {
		text-decoration: underline;
	}
	#style {
		float: left;
		margin: 0 0 -10px 0;
		padding: 0;
		width: 100%;
		height: 280px;
		overflow: hidden;
		background: url(../images/neu-startseite.png) no-repeat left top;
		list-style: none;
		border-bottom: 1px solid #999;
	}
	#style a.loho {
		float: left;
		margin: 25px 330px;
	}
	#style a.image {
		float: left;
		margin: -140px 0 0 0;
	}
	#style a.strategien {
		float: left;
		margin: -35px 0 0 130px;
	}
	#style a.werbung {
		float: left;
		margin: -45px 400px;
	}
	#style a.referenzen {
		float: right;
		margin: -35px 130px 0 0;
	}
	#style a.design {
		float: right;
		margin: -140px 0 0 0;
	}
	#style a.qualidator {
		float: right;
		margin: 0 4px 0 0;
	}
	
	
	#content .boxes {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#content .content {
		float: left;
		margin: 0;
		padding: 2em 2% .5em 2%;
		width: 96%;
	}
	#content .right {
		background: url(images/content_border.png) repeat-y right top;
	}
	#content .left {
		background: url(images/content_border.png) repeat-y left top;
	}
	#content .version {
		float: left;
		margin: 0;
		padding: 2em .5% .5em .5%;
		width: 49%;
		font-size: 80%;
		color: #CCCCCC;
		line-height: 1em;
		background: url(images/content_border.png) repeat-x left bottom;
	}
	#content .info {
		float: left;
		margin: 0;
		padding: 2em .5% .5em .5%;
		width: 49%;
		font-size: 80%;
		color: #CCCCCC;
		text-align: right;
		line-height: 1em;
		background: url(images/content_border.png) repeat-x left bottom;
	}
	
	/* Footline
	----------------------------------*/
	
	#footline .navi {
		float: left;
	}
	
	#footline .copy {
		float: right;
	}
	
	#footline ul {
		margin: 0;
		padding: 0;
		height: 20px;
		list-style: none;
	}
	#footline ul li {
		float: left;
		margin: .5em 0;
		padding: 0;
	}
	#footline ul li a, #footline ul li a:visited {
		float: left;
		margin: 0;
		padding: 0 .5em;
		color: #999999;
	}
	#footline ul li a:hover, #footline ul li a:focus, #footline ul li a:active {
		color: #777777;
		background: url(images/headline_hover.png) repeat left top;
	}
	#footline ul li a.current {
		color: #777777;
		background: url(images/headline_current.png) repeat-x left top;
	}
	
	/* Sonstiges
	----------------------------------*/
	
	#smalllogo {
		float: left;
		margin: 2em 0;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	#DevelopedAndPublished {
		float: left;
		margin: 0 0 2.5em 0;
		padding: 0 1.5%;
		width: 97%;
		list-style: none;
	}
	#DevelopedAndPublished .copyright {
		float: left;
		margin: 0;
		padding: 0;
		width: 33%;
		text-align: left;
	}
	
	/* Utilities
	----------------------------------*/
	
	.hidden {
		margin: 0;
		padding: 0;
		width: 0;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		display: none;
	}
	
	.box {
		float: left;
		margin: 0;
		padding: 0;
	}
	.boxR {
		float: right;
		margin: 0;
		padding: 0;
	}
	.w10 {width: 10%;}
	.w20 {width: 20%;}
	.w30 {width: 30%;}
	.w40 {width: 40%;}
	.w50 {width: 50%;}
	.w60 {width: 60%;}
	.w70 {width: 70%;}
	.w80 {width: 80%;}
	.w90 {width: 90%;}
	.w100 {width: 100%;}
	
	.hr {
		float: left;
		margin: 0;
		padding: .75em 0;
		width: 100%;
		display: block;
	}
	
	.center {
		text-align: center;
	}
	
	#diashow {
		float: none;
		margin: auto;
		padding: 0 10px 0 0;
		width: 350px;
		height: 280px;
		overflow: hidden;
	}
	#diashow a img {
		float: none;
		margin: auto;
		width: 350px;
		height: 263px;
		overflow: hidden;
	}
	
	.mottografik {
		clear: both;
		margin: 0;
		padding: 0 5%;
		width: 90%;
		overflow: hidden;
	}
	
	#slogans {
		height: 100px;
		overflow: hidden;
	}
	
	#ots, #asg, #atg, #hsk, #kuehn, #awbt, #verlag {
		height: 150px;
		overflow: hidden;
	}
	
	span {
		font-weight: bold;
		font-style: italic;
	}
	div#frage {
		margin: 0 0 1em 0;
		font-size: 110%;
		width: 100%;
		color: #669;
	}
	
#address {
	float: left;
	margin: 2em 0 0 0;
	width: 100%;
	font-size: 90%;
	text-align: center;
}
#address strong {
	font-weight: normal;
}