@charset "utf-8";
/* CSS Document */

html, body { font-family: Verdana, Geneva, sans-serif; font-size: 9pt; color: #333; }
body { background: #cce1ed url(/images/bg.png) no-repeat left top; text-align: center; }

a { text-decoration: underline; color: #666; } a:hover { text-decoration: none; color: #888; } a:visited { color: #466; } a:active, a:focus { position: relative; top: 1px; }
h2 { margin: 5px 0; font-size: 140%; color: #3d6678; } h3, h4 { margin: 15px 0 1px 0; }
p { margin: 3px 0; }
ul, p { line-height: 1.3; }
strong, b { background-color: #fff; color: #666; padding: 0 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
dl { padding-left: 3px; } dd { padding-left: 10px; font-size: 90%; }

label { display: block; padding: 5px 0 3px 10px; }

input.textfield { width: 250px; height: 18px; border: 1px solid #aaa; padding: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 120%; }
input.textfield:hover, input.textfield:focus { background-color: #f5f5f5; }

input.short-field { width: 150px; }
input.veryshort-field { width: 20px; text-align: center; }

form.search { width: 252px; height: 34px; margin: -7px 0 12px -7px; background: url(../images/search-field.png) no-repeat center -1px; }
input.search-field { float: left; width: 200px; height: 19px; margin: 5px 0 0 40px; background: none; border: none; color: #999; }
input.search-field:hover { background: none; }
input.search-field:focus { background: none; color: #333; }
input.search-button { float: right; width: 20px; height: 28px; margin: -40px 0 0 -17px; background: none; border: none; cursor: pointer; }

textarea { width: 425px; height: 150px; border: 1px solid #aaa; padding: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 120%; }
textarea:hover, textarea:focus { background-color: #f5f5f5; }

.clear { clear: both; width: 0.1em; height: 0.1em; overflow: hidden; }
.block { display: block; width: 100%; height: 100%; } .noshow { display: none; }

.left {	float: left; } .right { float: right; } .center { float: none; width: 100%; text-align: center; }

.small { font-size: 80%; color: #555; }
.fs110 { font-size: 110%; }

.img-center { width: 100%; text-align: center; margin: 10px 0;}
.img-left { float: left; margin: 10px 10px 10px 0; }
.img-right { float: right; margin: 10px 0 10px 10px; }
.img-center img, .img-left, .img-right { padding: 7px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.img-left img, .img-right img { margin-bottom: 5px; }

.js-inactive { font-size: 130%; font-weight: bold; color: #3d6678; padding: 10px; }
.newWindow { position: absolute; top: 0; left: 0; width: 100%; background-color: #f5f5f5; }
.innerWindow { position: absolute; top: 60px; width: 450px; margin-left: 60px; padding: 10px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.innerWindow a.close { position: absolute; top: -12px; right: -12px; text-decoration: none; }

div.all { margin: 0 auto; width: 950px; text-align: left; }

div#banner { position: relative; z-index: 30; height: 135px; background: url(../images/bg_head.png) repeat-x top left; margin-top: 140px; }
* html div#banner { overflow: hidden; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_head.png', sizingMethod='scale'); }

div#banner #schrift { float: left; width: 365px; height: 80px; margin: 54px 0 0 20px; background: url(../images/banner_schriftzug.png) no-repeat top left; }
* html div#banner #schrift { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/banner_schriftzug.png'); }

#main { position: relative; z-index: 29; margin-bottom: 15px; width: 100%; background: url(../images/main-bg.png); border: 1px solid #bdcbd1; border-width: 0 1px; }
* html #main { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main-bg.png', sizingMethod='scale'); }

#main .breadcrumb { padding-bottom: 20px; font-size: 90%; }
#main .breadcrumb div.icon { float: left; width: 16px; height: 16px; background: url(../images/icon-sprite.png) no-repeat -112px -16px; margin-right: 10px; }

.fontSize { margin-top: -50px; }
.fontSize span { margin: 0 8px; cursor: pointer; }
.fontSize .decreaseFont { font-size: 7pt; } .fontSize .resetFont { font-size: 11pt; } .fontSize .increaseFont { font-size: 17pt; }


#main #content { position: relative; display: block; float: left; width: 620px; padding: 25px 25px 40px 25px; }

#main #navi { float: right; width: 238px; border: 1px solid #bdcbd1; border-width: 0 0 1px 1px; padding: 20px; margin-bottom: 40px; }
#navi ul { line-height: 1.2; }
#navi a { text-decoration: none; }

#navi .buttons { margin-bottom: 20px; }
#navi .buttons li { border-bottom: 1px solid #bdcbd1; }
#navi .buttons li a { display: block; padding: 5px 0 3px 20px; color: #444; font-size: 120%; font-weight: bold; text-shadow: 1px 1px 0 #fff; }
#navi .buttons li.active a { font-size: 140%; }
#navi .buttons li.active a, #navi .buttons li:hover a { background-color: #fff; text-shadow: 1px 1px 0 #ccc; }

#navi .box { margin-bottom: 20px; border-bottom: 1px solid #bdcbd1; }

#navi .box.tagcloud a { padding: 1px 3px; }
#navi .box a:hover { color: #666; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

#navi .box h3 { color: #444; font-size: 120%; font-weight: bold; }
#navi .box ul { padding: 10px; font-weight: normal; }
#navi .box ul li { margin: 3px 0; }
#navi .box ul li a { display: block; margin: 1px -5px; padding: 1px 3px; }
#navi .box.tagcloud, #navi .box.tagcloud h3 { padding-bottom: 10px; }
#navi .box.tagcloud { text-align: center; }
#navi .box.tagcloud h3 { text-align: left; }
#navi .box.tagcloud p { line-height: 1.2; }

span.point { display: block; float: left; width: 5px; height: 5px; background-color: #666; margin: 5px 10px 0 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; }


/* foot */
div#footer { position: relative; z-index: 30; width: 952px; height: 222px; font-size: 80%; background: url(/images/foot.png) no-repeat center top; margin: -44px 0 20px -80px; padding-left: 80px; }
div#footer .text { padding: 13px; }
div#footer .text .right span { float: left; display: block; height: 10px; width: 10px; background: url(/images/arrow_up.gif) no-repeat top left; margin: 3px 5px 0 0; }
div#footer span { margin-top: -20px; }

div#footer #symbole { width: 100%; padding: 13px; }
#symbole ul li { float: left; font-size: 120%; margin: 10px; }
#symbole ul ul li { float: none; font-size: 90%; margin: 2px 0; }

.page-browser a { text-decoration: none; }

/* kontakt */
form .label { float: left; width: 100px; }
.icons { width: 16px; height: 16px; background: url(../images/icon-sprite.png) no-repeat; margin: 0 3px; }
.icon-mail 		{ background-position: -80px -16px; }
.icon-phone 	{ background-position: -96px -16px; }
.icon-icq 		{ background-position: -64px -16px; }
.icon-skype 	{ background-position: -48px -16px; }
.icon-twitter { background-position: -16px -16px; }

.formspring { margin: 20px 0; }
.formspring iframe { display: none; margin: 0 0 20px -18px; width: 400px; height: 275px; border: none; }

/* referenzen */
.entry .text .ref-shadow:hover { -moz-box-shadow: #666 0 0 10px; -webkit-box-shadow: #666 0 0 10px; box-shadow: #666 0 0 10px; }
.entry a.ref-over { text-decoration: none; }
.ref-screen { width: 120px; height: 120px; background: url(../uploads/ref-screen.png) no-repeat; margin-bottom: 5px; }
.ref-media img { width: 120px; height: 120px; }
.print { float: left; }

/* blog */
.message { position: fixed; top: 0; left: 0; width: 100%; height: 30px; background: url(/images/message.png); padding-top: 15px; text-align: center; font-size: 110%; font-weight: bold; color: #333; z-index: 99999; }

#blog .entry { border-bottom: 1px solid #bdcbd1; padding-bottom: 20px; }
#blog .entry h2 { padding-top: 7px; }
#blog .entry h2 a { color: #3d6678; text-decoration: none; }
#blog .entry h2 a:hover { text-decoration: underline; }
#blog .entry .button { float: right; width: 120px; height: 36px; background: url(/images/button.png) no-repeat right top; text-align: center; padding-top: 6px; margin: 0 5px; }
#blog .entry .button a { font-size: 90%; color: #ddd; text-decoration: none; }
#blog .entry .button a:hover { color: #ccc; }
#blog .entry .comment { padding: 5px; background-color: #fff; color: #333; }
#blog .entry .arrow { width: 34px; height: 15px; background: url(/images/comment.png) no-repeat top; margin-left: 10px; }
#blog .entry .more-buttons { width: 100%; height: 20px; }

#blog .entry a.go-up { width: 30px; height: 16px; margin: 30px auto -28px auto; background: #e0ecf1 url(../images/arrow_up.gif) no-repeat center center; border: 1px solid #bdcbd1; border-width: 0 1px; }

#blog .kommentare { padding-top: 15px; }
#blog .kommentare .neuerComment { font-size: 110%; font-weight: bold; color: #3d6678; margin: 30px 0 5px 0; }
#blog .kommentare .reaktionen { font-size: 110%; font-weight: bold; color: #3d6678; margin-bottom: 20px; }
#blog .kommentare b, #blog .kommentare strong {	background: transparent; }

.sendBut { width: 120px; background: url(/images/button.png) top right no-repeat; text-align: center; color: #fff; border: 0; padding: 3px 0 15px 0; }
.sendBut:hover { color: #ccc; }

/* kompetenzen */
ul#tabs { padding: 0 34px; height: 30px; }
ul#tabs li { float: left; width: 150px; margin-right: 25px; }
ul#tabs li a { padding: 8px 10px; background: #fff url(/images/main-bg.png); border: 1px solid #bdcbd1; text-decoration: none; text-shadow: #fff 1px 1px 0; }
ul#tabs li a:hover { background-color: #f3fafa; color: #333; }
ul#tabs li a.wactive { position: relative; z-index: 190; background-color: #f2f2f2; color: #333; cursor: default; }

#wrapper { position: relative; z-index: 180; }
#wrapper-center { width: 590px; min-height: 500px; height: auto; padding: 20px 10px 10px 10px; margin-top: -2px; background: #f5f5f5 url(/images/load.gif) no-repeat center center; border: 1px solid #bdcbd1; }

.psdhtml label.left { padding: 1px 10px 0 0; }
.psdhtml span.left { padding-top: 1px; }
.psdhtml div.block { float: left; margin: 3px 0; }
.psdhtml input.check { margin: 0 15px 0 10px; }
.psdhtml .anzSeite { height: 45px; font-size: 120%; } 
.psdhtml .page { margin: 0 1px; padding: 3px 5px; cursor: pointer; }
.psdhtml .page:hover { background-color: #ddd; color: #333; }
.psdhtml .webspace, .psdhtml .domain, .psdhtml .webspacePreis, .psdhtml .domainPreis { display: none; }

div.fileinputs { position: relative; height: 30px; }
div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; }
div.fakefile input { position: absolute; top: 0px; left: 0px; }
div.fakefile .sendBut { position: absolute; top: 3px; left: 270px; }
div.fileinputs input.file { position: relative; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; z-index: 2; }

.ws-paket { border-bottom: 1px solid #bdcbd1; padding: 5px; margin: 7px 0; }
.ws-paket .ws-preis { margin: 0 30px; font-size: 90%; text-align: right; }
.ws-paket .ws-preis span { font-size: 120%; }

/* footbar */
ul.bookmark li { float: left; width: 16px; height: 16px; background: url(/images/icon-sprite.png) no-repeat; margin: 0 3px 2px 3px; }
ul.bookmark li.delicious 	{ background-position: -128px 0px; }
ul.bookmark li.digg 			{ background-position: -144px 0px; }
ul.bookmark li.google 		{ background-position: -32px 0px; }
ul.bookmark li.misterwong { background-position: -64px 0px; }
ul.bookmark li.myspace 		{ background-position: -80px 0px; }
ul.bookmark li.readster		{ background-position: -96px 0px; }
ul.bookmark li.reddit 		{ background-position: -112px 0px; }
ul.bookmark li.technorati { background-position: 0px 0px; }
ul.bookmark li.webnews 		{ background-position: -16px 0px; }
ul.bookmark li.yigg 			{ background-position: -48px 0px; }

ul.bookmark li a, ul.bookmark li a:visited { text-decoration: none; }

div#footbar { position: fixed; left: 10px; right: 10px; bottom: 0; height: 18px; overflow: hidden; background-color: #eee; border: 1px solid #bbb; border-bottom: 0; padding: 5px 3px 1px 3px; font-size: 8pt; z-index: 150; }
div#footbar h4 { float: left; margin: 0 3px 0 10px; }

div#footbar .bm-name { float: left; margin: 1px 0 0 6px; font-size: 8pt; width: 200px; overflow: hidden; text-align: left; }

div.fb-arrow { position: fixed; right: 11px; bottom: 0; padding: 12px; background: #eee url(/images/arrow_down.gif) no-repeat center center; cursor: pointer; z-index: 170; }
*+ html div.fb-arrow { padding: 5px 12px; }

div.twitter,
div.facebook { position: relative; float: right; width: 130px; margin: 0 25px 0 10px; padding: 1px 10px 1px 30px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; cursor: pointer; }
div.facebook { margin: 0 0 0 10px; }

div.twitter div.icon, div.facebook div.icon { position: absolute; top: 0; left: 10px; height: 16px; width: 16px; background: url(/images/icon-sprite.png) no-repeat; }
div.twitter div.icon { background-position: 0px -16px; }
div.facebook div.icon { background-position: -32px -16px; }

div.fb-active, div.facebook:hover, div.twit-active, div.twitter:hover { background-color: #f5f5f5; margin: -3px 0; padding: 4px 10px 4px 30px; }
div.twit-active, div.twitter:hover { margin: -3px 25px -3px 10px; }

div.fb-active div.icon, div.facebook:hover div.icon, div.twit-active div.icon, div.twitter:hover div.icon { top: 3px; }

div.tweets, div.fb-profil { display: none; position: fixed; width: 160px; min-height: 150px; background: #f5f5f5 url(/images/load.gif) no-repeat center center; border: 1px solid #bbb; border-bottom-color: #ddd; padding: 5px; z-index: 180; }
div.tweets { right: 39px; bottom: 24px; }
div.fb-profil { right: 221px; bottom: 24px; }

div.tweets ul { min-height: 200px; }
div.tweets ul li { padding: 5px 10px; border-bottom: 1px solid #ddd; font-size: 8pt; }

div.tweets a.follow { display: block; height: 25px; margin: 0 5px; padding: 10px 0 0 55px; background: url(/images/follow.png) no-repeat left bottom; text-align: left; }