html {
font-size: 100.01%;
height: 100%;
width: 100%;
}
body {
color: #000;
margin: 0;
padding: 0;
color: #000;
background-color: #fff !important;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-style: normal;
line-height: 1.333em;
font-weight: normal;
font-variant: normal;
height:100%;
width:100%;
}
img {
border:0
}
a {
color:#000;
text-decoration:underline
}
#left {
float:left;
height: 100%;
width: 100px;
font-size:11px;
}
#id {
display: none;
}
.small {
font-size:10px;
color: #000;
}
#navi {
text-align:right;
}
#navi ul {
margin:0;
padding:0
}
#navi li {
display:block;
list-style:none;
padding:1px 4px 1px 1px
}
#navi a {
color:#fff;
display:block;
margin:0 5px 0 0
}
#navi a:hover {
color:#000
}
.on {
background:#82DB40
}
.tw {
background:#FF138F
}
.thr {
background:#FFF44C;
color:#616161
}
.fr {
background:#4CC2FF
}
.fv {
background:#EF0202
}
a#thr_in {
color:#616161
}
a#thr_in:hover {
color:#D92A89
}
h3 {
background:#000;
color:#FFF;
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
margin:0 0 10px;
padding: 1px 0 1px 0;
}
p {
line-height:16px;
padding:0 0 0 20px
}
#content {
margin: 0 0 0 100px;
font-family:Trebuchet MS, verdana, arial, helvetica, sans-serif;
font-size: 0.9em;
}
#stp_zro {
	display: none;
}
#y {
}
#r {
}
#u {
}
#reading {
}
#the_url {
}
ul {
list-style-type:none;
margin:0 0 0 20px;
padding:0
}
.intro {
width: 595px;
text-align: right;
margin: 0 0 15px 0;
}
.web_thumb {
float:left;
font-family:verdana, arial, helvetica, sans-serif;
margin:2px 10px 0 0;
padding:0;
width:109px
}
.web_thumb img {
border-bottom:1px solid #868686
}
.caption {
display:block;
font-size:9px;
text-align:center;
width:108px
}
.last {
margin:2px 0 0
}
.icons {
margin:8px 0 0 3px
}
.icons div {
cursor:pointer;
float:left;
height:16px;
margin:2px 2px 0 0;
width:19px
}
div.konzept {
background:url(../img/meta/bulb.gif) no-repeat
}
div.design {
background:url(../img/meta/pen.gif) no-repeat
}
div.programmierung {
background:url(../img/meta/digits.gif) no-repeat
}
div.cms {
background:url(../img/meta/cms.gif) no-repeat
}
div.xml {
background:url(../img/meta/xml.gif) no-repeat
}
div.comment {
background:url(../img/meta/comment.gif) no-repeat
}
.tool-tip {
border:1px solid #fff;
color:#fff;
width:185px;
z-index:13000
}
.tool-title {
background:#4CC2FF;
color:#fff;
font-family:Trebuchet MS, verdana, arial, helvetica, sans-serif;
font-size:11px;
font-weight:700;
margin:0;
padding:6px 7px 4px
}
.tool-text {
background:#1d1d20 url(../img/meta/bg_caption.gif);
font-family:Trebuchet MS, verdana, arial, helvetica, sans-serif;
font-size:11px;
padding:8px 7px
}
#imprint {
color:#000;
font-size:10px;
text-align:right;
width:100px
}
#imprint a {
color:#000;
display:block
}
#imprint_header {
color:#000;
cursor:pointer;
display:block;
padding:2px 5px 2px 0
}
#imprint_text {
background:#FFF;
color:#000;
display:block;
padding:2px 5px 5px 0
}
.border {
background:#000;
display:block;
height:1px;
line-height:1px;
margin:5px 0;
width:600px
}
form {
margin:15px 0 0
}
input,textarea {
background:#000;
border:0;
color:#fff;
display:block;
font-family:Trebuchet MS, verdana, arial, helvetica, sans-serif;
font-size:11px;
margin:5px;
padding:2px;
width:200px
}
input:focus {
background:#999;
color:#000
}
#thumbs_left{
	}
#thumbs_right{
	}
#thumbs_wrap{
	}
#thumbs_inner{
	}
#thumbs_one{
	display: block;
	height:180px;
}
#thumbs_two{
	height:180px;

}
#thumbs_three{
	height:180px;

	margin: 0 0 0 5px;
}
#thumbs_four {
display: none;
}