/*Reset
-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

/*Preload
-------------------------------------------------*/
.preload {
	width: 0;
	height:0;
	display:none;
}

div.loader {
	width:auto;
	height:auto;
	display:block;
	background:url(../images/loader.gif) no-repeat center center;
}

/*Basic
-------------------------------------------------*/
html {
	height:100%;
}

body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/holz.jpg) repeat;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	text-decoration:none;
	color:#777;
}

.blau {
	color:#294c94;
}

.green {
	color:#91b151;
}

a:link,
a:visited,
a:hover,
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	text-decoration:none;
	outline:none;
}

a:link,
a:visited {
	color:#294c94;
}

a.hinweis {
	border-bottom:1px dotted #777;
}

a:hover,
a:active {
	color:#777;
	position:relative;
}

a span {
	display:none;
}

h1 {
	font-size:12px;
	font-weight: bolder;
	color:#91b151;
	line-height:2;
	font-family: Tahoma, Verdana, Arial, serif;
}

h2 {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000;
	line-height:1.5;
}

h3 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#294c94;
	line-height:1.5;
}

h4 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#294c94;
	line-height:1.5;
}

ul,
li {
	list-style:none;
}

img {
	border:0;
}

.clear {
	clear:both;
}

.clear2 {
	clear:left;
}

.clear3 {
	clear:right;
}

.float1 {
	float:left;
}

.float2 {
	float:right;
	text-align:right;
}

/*Grundgerüst
-------------------------------------------------*/
#page {
	min-width:1024px;
	width:100%;
	min-height:100%;
	height:auto !important; /* Für normale Browser */
	height:100%; /* Für IE */
	position: absolute;
}

#mitte {
	width:1024px;
	height:auto;
	margin:0 auto;
}

#buch {
	width:100%;
	height:auto;
	min-height:100%;
	position: relative;
	top:0;
	bottom:0;
	overflow:visible;
	margin-bottom:100px;
}

#footer {
	width:100%;
	height:100px;
	position:absolute;
	bottom:0;
	background:#ac6941;
	margin-top:-100px;
}

#center {
	width:910px;
	height:auto;
	margin:0 auto;
	background:url(../images/ringe.png) no-repeat center 100px;
}

/*Kopfbereich
-------------------------------------------------*/

#head {
	width:910px;
	height:100px;
	margin:0px;
	position:absolute;
}

div.header {
	width:281px;
	height:100px;
	margin:0px;
	background:url(../images/header.png) no-repeat;
	float:left;
}

div.klammern {
	width:55px;
	height:100px;
	background:url(../images/bueroklammern.png) no-repeat;
	margin:0px;
	float:left;
}

div.fleck {
	width:134px;
	height:100px;
	margin:0px;
	float:left;
	background: url(../images/fleck.png) no-repeat;
}

div.twitter {
	width:376px;
	height:100px;
	margin:0px;
	float:left;
	background: url(../images/zettel.png) no-repeat;
}

ul.nav {
	display:none;
}

ul#twitter_update_list {
	width:341px;
	height:100px;
	line-height:1.5;
	text-decoration:none;
	margin:0px 0px 0px 25px;
	overflow:auto;
	display:block;
}

ul#twitter_update_list li span {
	font-size: 11px;
	color:#333;
	display:block;
}

ul#twitter_update_list li a {
	font-size: 11px;
	color:#555;
	border-bottom:1px dotted #555;
	line-height:1.5;
	font-weight:normal;
}

ul#twitter_update_list a {
	font-size: 11px;
	color:#294c94;
	line-height:2;
	font-weight:bold;
}

div.briefmarke {
	width:64px;
	height:100px;
	margin:16px 0px;
	float:left;
}

div.briefmarke a {
	width:64px;
	height:64px;
	display:block;
	background: url(../images/twitter.png) no-repeat center center;
}

div.briefmarke a:hover {
	background: url(../images/twitter_h.png) no-repeat center center;
}

/*Aussenbereiche
-------------------------------------------------*/

div.follow {
	margin-left:967px;
	width:57px;
	height:100px;
	background:url(../images/follow.png) no-repeat;
	position:absolute;
}

/*linke Buchseite
-------------------------------------------------*/

#buch_links {
	width:455px;
	height:600px;
	float:left;
	margin:100px 0px 0px 0px;
	position: absolute;
}

div.oben_links {
	width:440px;
	height:15px;
	background:url(../images/loben.png) no-repeat;
	margin:0px 2px 0px 13px;
	position:absolute;
}

div.mitte_links {
	width:440px;
	height:570px;
	background:url(../images/lmitte.png) no-repeat;
	margin:15px 2px 0px 13px;
	position:absolute;
}

div.unten_links {
	width:440px;
	height:15px;
	background:url(../images/lunten.png) no-repeat;
	margin:585px 2px 0px 13px;
	position:absolute;
}

div.ueberschrift_links {
	width:362px;
	height:20px;
	margin:15px 0px 0px 48px;
	position:absolute;
}

div.inhalt_links {
	width:362px;
	height:500px;
	margin:45px 0px 0px 48px;
	position:absolute;
	z-index:5;
}

div.ecke a {
	width:50px;
	height:50px;
	display:block;
	margin:545px 0px 5px 22px;
	background:url(../images/ecke.png) no-repeat;
	position:absolute;
}

div.ecke a:hover {
	background:url(../images/ecke_hover.png) no-repeat;
	position:absolute;
}

/*rechte Buchseite
-------------------------------------------------*/

#buch_rechts {
	width:455px;
	height:600px;
	float:right;
	margin:100px 0px 0px 0px;
	position:relative;
}

div.oben_rechts {
	width:440px;
	height:15px;
	background:url(../images/roben.png) no-repeat;
	margin:0px 0px 0px 2px;
	position:absolute;
}

div.mitte_rechts {
	width:440px;
	height:570px;
	background:url(../images/rmitte.png) no-repeat;
	margin:15px 0px 0px 2px;
	position:absolute;
}

div.unten_rechts {
	width:440px;
	height:15px;
	background:url(../images/runten.png) no-repeat;
	margin:585px 0px 0px 2px;
	position:absolute;
}

div.inhalt_rechts {
	width:433px;
	height:600px;
	float:left;
	position: absolute;
	overflow:hidden;
}

div.ueberschrift_rechts {
	width:360px;
	height:20px;
	margin:15px 0px 0px 45px;
	text-align:right;
}

div.ueberschrift_rechts2 {
	width:360px;
	height:90px;
	margin:15px 0px 0px 45px;
}

div#inhalt {
	width:360px;
	clip: rect(0,360px,475px,0);
	height:475px;
	margin:0px 0px 0px 45px;
	overflow:auto;
	overflow-x:hidden;
	position: absolute;
}

div.inhalt {
	width:360px;
	height:535px;
	margin:10px 0px 0px 45px;
	overflow:auto;
	overflow-x:hidden;
}

div.navi {
	width:22px;
	height:504px;
	padding:48px 0px;
	float:right;
	position:relative;
}

div.navi a {
	width:22px;
	height:126px;
	display:block;
	z-index:5;
	border:0;
}

div.navi a:visited {
	border:0;
}

div.navi a:hover span {
	width:426px;
	height:590px;
	display:block;
	background:url(../images/navi.png) no-repeat;
	position:absolute;
}

div.navi a:hover span:hover {
	display:none;
}

div.navi a.navipunkt1 {
	background:url(../images/home.png) no-repeat;
}

div.navi a.navipunkt2 {
	background:url(../images/leistungen.png) no-repeat;
}

div.navi a.navipunkt3 {
	background:url(../images/portfolio.png) no-repeat;
}

div.navi a.navipunkt4 {
	background:url(../images/blog.png) no-repeat;
}

div.navi a:hover.navipunkt1,
div.navi a:hover#active.navipunkt1 {
	background:url(../images/home_hover.png) no-repeat;
}

div.navi a#active.navipunkt1 {
	background:url(../images/home_active.png) no-repeat;
}

div.navi a:hover.navipunkt2,
div.navi a:hover#active.navipunkt2 {
	background:url(../images/leistungen_hover.png) no-repeat;
}

div.navi a#active.navipunkt2 {
	background:url(../images/leistungen_active.png) no-repeat;
}

div.navi a:hover.navipunkt3,
div.navi a:hover#active.navipunkt3 {
	background:url(../images/portfolio_hover.png) no-repeat;
}

div.navi a#active.navipunkt3 {
	background:url(../images/portfolio_active.png) no-repeat;
}

div.navi a:hover.navipunkt4,
div.navi a:hover#active.navipunkt4 {
	background:url(../images/blog_hover.png) no-repeat;
}

div.navi a#active.navipunkt4 {
	background:url(../images/blog_active.png) no-repeat;
}

div.navi a:hover.navipunkt1 span {
	margin: -43px 0px 0px -426px;
}

div.navi a:hover.navipunkt2 span {
	margin: -169px 0px 0px -426px;
}

div.navi a:hover.navipunkt3 span {
	margin: -295px 0px 0px -426px;
}

div.navi a:hover.navipunkt4 span {
	margin: -421px 0px 0px -426px;
}

/*Inhalt
-------------------------------------------------*/

div.fontsize {
	display:none;
}

div.trennlinie {
	height:10px;
	background: url(../images/trennpunkte.png) no-repeat;
	margin:10px 0;
}

div.holz {
	width:850px;
	height:60px;
	margin:0 auto;
	background: url(../images/holz_vm.png) no-repeat;
}

a.postit {
	width:195px;
	height:163px;
	background:url(../images/postit.png) no-repeat;
	margin:510px 0px 0px 160px;
	position:absolute;
	color:#000;
	z-index:10;
}

div.faecher {
	width:300px;
	height:300px;
	background:url(../images/faecher.png) no-repeat;
	margin:200px 0px 0px 910px;
	position:absolute;
}

div.bleistift {
	width:25px;
	height:290px;
	background:url(../images/bleistift.png) no-repeat;
	margin:250px 0px 0px 0px;
	z-index:10;
	position:absolute;
}

div.foto {
	background:url(../images/foto.png) no-repeat;
	width:136px;
	height:136px;
	float:right;
	display:block;
}

a.web {
	background:url(../images/webdesign.jpg) no-repeat;
	width:358px;
	height:100px;
	display:block;
	margin:0px 1px;
}

a:hover.web {
	background:url(../images/webdesign_h.jpg) no-repeat;
}

a.print {
	background:url(../images/printdesign.jpg) no-repeat center center;
	width:358px;
	height:100px;
	display:block;
	margin:0px 1px;
}

a:hover.print {
	background:url(../images/printdesign_h.jpg) no-repeat;
}

a.logo {
	background:url(../images/logodesign.jpg) no-repeat;
	width:358px;
	height:100px;
	display:block;
	margin:0px 1px;
}

a:hover.logo {
	background:url(../images/logodesign_h.jpg) no-repeat;
}

a.portfolio {
	height:60px;
	width:80px;
	border:1px solid #ccc;
	background-color:#fff;
	display:block;
	padding:10px 0;
	margin:5px 2px;
	float:left;
}

a:hover.portfolio {
	border:1px solid #777;
}

div.grafiker a {
	width:198px;
	height:50px;
	display:block;
	float:left;
	background: url(../images/grafiker.png) no-repeat;
}

div.grafiker a:hover {
	background:url(../images/grafiker_h.png) no-repeat;
}

div.xing a {
	width:127px;
	height:50px;
	display:block;
	margin-right:1px;
	float:right;
	background: url(../images/xing.png) no-repeat;
}

div.xing a:hover {
	background:url(../images/xing_h.png) no-repeat;
}

div.konl {
	width:80px;
	height:auto;
	float:left;
	display:block;
}

div.konr {
	width:280px;
	height:auto;
	float:right;
	text-align:left;
	display:block;
}

p.auftrag {
	background:url(../images/krawatte.png) no-repeat left center #fff;
	height:auto;
	display:block;
	line-height:1.5;
	padding:5px 0px 5px 40px;
	border:1px dotted #ccc;
}

div.datum {
	width:42px;
	height:44px;
	display:block;
	background:url(../images/datum.png) no-repeat;
	padding:4px 2px;
}

div.jahr {
	width:30px;
	height:11px;
	display:block;
	margin:0 auto;
}

div.jahr p {
	font-size:8px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

div.tag {
	width:30px;
	height:18px;
	display:block;
	margin:0 auto;
	position:relative;
}

div.tag p {
	font-size:16px;
	font-weight:bold;
	color:#91b151;
	text-align:center;
}

div.monat {
	width:30px;
	height:12px;
	display:block;
	margin:0 auto;
}

div.monat p {
	font-size:10px;
	font-weight:bold;
	color:#777;
	text-align:center;
}

div.blogbild {
	float:left;
	margin: 0px 5px 5px 0px;
}

a.rssfeed {
	width:64px;
	height:64px;
	display:block;
	background:url(../images/rssfeed.png) no-repeat;
}

a.rssfeed:hover {
	background:url(../images/rssfeed_h.png) no-repeat;
}

a.cloud1 {
	font-size:9px;
	color:#FF7600;
}

a.cloud2 {
	font-size:11px;
	color:#DE2159;
}

a.cloud3 {
	font-size:13px;
	color:#87A800;
}

a.cloud4 {
	font-size:15px;
	color:#039FAF;
}

.artikel-info {
	margin:6px 0;
	padding:2px;
	background:white;
	height:auto;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.artikel-info span.author {
	height:16px;
	width:16px;
	padding-left:20px;
	background:url("../images/author.png") no-repeat left center;
}

.artikel-info span.tags {
	height:16px;
	width:16px;
	padding-left:20px;
	background:url("../images/tags.png") no-repeat left center;
}

.scroller {
	float: right;
	width: 10px;
	margin:0 10px 0 0;
}

.scroller .arrow {
	border: 1px solid #91b151;
	cursor: pointer;
	padding: 4px;
}

.scroller .arrow:hover {
	background:#91b151;
}

.scroller .bar {
	height: 455px;
	margin: 2px;
	border: 1px solid #ccc;
	padding: 0 2px;
}

/*Fadeeffekt
-------------------------------------------------*/

div.buero a {
	width:358px;
	height:242px;
	display:block;
	background:url(../images/vk_buero1.png) no-repeat;
}

div.buero a:hover {
	background:url(../images/vk_buero2.png) no-repeat;
}

div.geoterm a {
	width:358px;
	height:242px;
	display:block;
	background:url(../images/vk_geoterm1.png) no-repeat;
}

div.geoterm a:hover {
	background:url(../images/vk_geoterm2.png) no-repeat;
}

div.klavs_vk a {
	width:358px;
	height:242px;
	display:block;
	background:url(../images/vk_klavs1.png) no-repeat;
}

div.klavs_vk a:hover {
	background:url(../images/vk_klavs2.png) no-repeat;
}

div.klavs_flyer a {
	width:358px;
	height:390px;
	display:block;
	background:url(../images/flyer_klavs1.png) no-repeat;
}

div.klavs_flyer a:hover {
	background:url(../images/flyer_klavs2.png) no-repeat;
}

/*Habla
-------------------------------------------------*/

div#habla_window_div {
	width: 300px !important;
	height: 400px !important;
	display: block;
	position:relative !important;
	margin:0 !important;
}

div#habla_window_div a:hover {
	text-decoration:none !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	font-size:1em;
	color:#000;
}

div#habla_middle {
	background-color: #fff;
}

/*Kontaktformular
-------------------------------------------------*/

input.kon {
	width:166px;
	border:1px solid #ccc;
	background-color:#fff;
	color:#294c94;
	padding:2px;
}

input.kon:active,
input.kon:hover {
	border:1px solid #294c94;
}

textarea {
	width:350px;
	border:1px solid #ccc;
	padding:2px;
	background:#fff;
	color:#294c94;
	resize:none;
}

textarea:hover {
	border:1px solid #294c94;
}

input.submit {
	width:356px;
	border:1px solid #ccc;
	background-color:#fff;
	color:#777;
	padding:2px 0;
	font-size:12px;
	margin:10px 0;
}

input.submit:hover {
	border:1px solid #294c94;
	color:#294c94;
}

input#rest {
	border:0;
	background:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#91b151;
	width:30px;
	margin:0 !important;
	margin-bottom:2px;
}

/*Fussbereich
-------------------------------------------------*/

div.foot {
	margin:10px auto;
	width:910px;
	height:auto;
}

div.foot a:link,
div.foot a:visited,
div.foot p {
	color:#e3a14e;
	margin:0px 10px;
}

div.foot a#active2 {
	font-weight: bold;
}

div.foot a:hover,
div.foot a:active {
	color:#e6be8c;
}

a.misterwong {
	height:20px;
	display:block;
	background:url(http://static.mister-wong.de/buttons/logo16_orange.gif) no-repeat left center;
	padding-left:20px;
	margin:0 2px;
}

a.delicious {
	height:20px;
	display:block;
	background:url(../images/delicious.png) no-repeat left center;
	margin:0 2px;
	padding-left:20px;
}

a.linkarena {
	height:16px;
	display:block;
	background:url(http://linkarena.com/linkarena.ico) no-repeat left center;
	padding-left: 20px;
	margin:0 2px;
}

div.styleswitcher {
	text-align:right;
}

/*Sitemap
-------------------------------------------------*/

ul.sitemap li {
	list-style: none;
	color:#ac6941;
	margin-bottom:5px;
}

ul.sitemap2 li {
	text-align:right;
	margin-bottom:5px;
}

ul.sub {
	padding-left:15px;
}