img, div { behavior: url(js/iepngfix.htc) }

body{
background-color:#fff;
font-family: 'Myriad Pro', Myriad, Helvetica, Arial, sans-serif;
font-size:11px;
line-height:16pt;
color:#4a4949;
background-image: url(../images/bg_body.jpg);
background-repeat: no-repeat;
background-position: 90% -250px;
}


a{
color: #4a4949;
text-decoration: underline;
}


#wrapper{
padding-top: 40px;
}

#container{
position:relative;
width:845px;
margin-left: auto;
margin-right: auto;
}



#logo{
margin-left:28px;
padding-top:0px;
width:223px;
height:56px;
background-image:url(../images/logo.jpg);
background-repeat: no-repeat;

}

#blume{
position:absolute;
top: -40px;
right: 57px;
width: 120px;
height: 178px;	
background-image: url(../images/blume_bg.png);
z-index: 20;
}

#contenttop{
position: relative;
background-image:url(../images/bg_top.gif);
width: 840px;
height: 317px;
margin-left:3px;

}

#zufallssticker{
background-image:url(../images/zufall.png);
background-repeat:no-repeat;
height:73px;
left:356px;
position:absolute;
top:30px;
width:73px;
z-index:20;
}

#contenttop a{
color: #fff;
text-decoration: none;
}

#contenttop a:hover{
color: #fff;
text-decoration: underline;
}

#ct_beschreibung{
position: absolute;
left: 55px;
top: 160px;
width: 270px;
height: 100px;
}

.projektueberschrift{
font-size: 15px;
color: #49585f;
text-shadow: 1px 1px 0px #bad3ed;
font-weight: bold;
margin-bottom: 5px;
}

.projektkunden{
font-size: 11px;
color: #fff;
font-weight: bold;
line-height: 120%;
}

.projektbeschreibung{
font-size: 11px;
color: #fff;
margin-top: 10px;
line-height: 15px;
}


#ct_bild{
position: absolute;
width: 446px;
height: 267px;
background-image: url(../images/mainpicture_bg.jpg);
top: 20px;
left: 340px;
padding-left: 26px;
padding-top: 19px;
overflow: hidden;
}

#ct_bild_ohne_schatten{
position: absolute;
width: 446px;
height: 267px;
top: 20px;
left: 340px;
padding-left: 26px;
padding-top: 19px;
overflow: hidden;
}

#ct_bild img {
	display:none;
	position:absolute;
	top:20px; left:27px;
}

#content{
background-image:url(../images/bg_content.gif);
width: 840px;
padding-bottom: 40px;
margin-left:3px;

}


#contentabschluss{
position: absolute;
top: 9px;
width:840px;
height: 53px;
background-image: url(../images/content_top.gif);
background-position: 3px 43px;
background-repeat: no-repeat;
}

#contentabschlussweiss{
position: absolute;
top: 9px;
width:840px;
height: 53px;
background-image: url(../images/content_top_weiss.gif);
background-position: 3px 43px;
background-repeat: no-repeat;
}



#menu{
position: relative;
padding-top: 22px;
font-size: 15px;
height: 30px;
background-image: url(../images/bg_menu.jpg);
background-repeat: no-repeat;
background-position: 4px 22px;
margin-bottom: 10px;
}

#menu a{
text-decoration: none;
color: #fff;
}



#register1{
position: absolute;
width: 136px;
left: 7px;
padding-left: 25px;
padding-top: 7px;
}

#register2{
position: absolute;
width: 136px;
left: 147px;
padding-left: 25px;
padding-top: 7px;
}

#register3{
position: absolute;
width: 136px;
left: 287px;
padding-left: 25px;
padding-top: 7px;
}

#register4{
position: absolute;
width: 136px;
left: 427px;
padding-left: 25px;
padding-top: 7px;
}

.registeraktiv{
background-image: url(../images/register_blue.png);
z-index: 10;
height: 25px;

}

.registerinaktiv{
background-image: url(../images/register_black.png);
height: 23px;
}

#menu a:hover .registerinaktiv{
background-image: url(../images/register_black.png);
background-position: 161px;

}

.clearer{
clear: both;
}


/*Content*/


.spaltebreit{
width: 250px;
float: left;
padding-top: 30px;
padding-left: 10px;
}

.spalteschmal{
width: 146px;
float: left;
padding-top: 30px;
background-repeat: no-repeat;
background-position: 35px 10px;
height: 100px;
}

.ueberschrift_content{
color: #a5c3d2;
font-size: 18px;
font-weight: bold;
}

.text_content{
font-size: 12px;
line-height: 16px;
}



*+html .text_content{
font-size: 11px;
}

#contentabschluss_unten{
width: 840px;
height:18px;
margin-left: 3px;
background-image: url(../images/content_abschluss_unten.jpg);
background-repeat: no-repeat;
}


/*portfolio content*/


.thumbs{
width: 790px;
height:120px;
margin-left:47px;
background-image: url(../images/bg_portfolio_thumbs.jpg);
background-repeat: no-repeat;
background-position: 302px 13px;
padding-top: 8px;
}

.text_portfoliothumbs{
float: left;
width:300px;
padding-top: 50px;
}

.thumbpicture{
padding:15px 0 0 19px;

}

.portfolioueberschrift{
color: #a5c3d2;
font-size: 14px;
font-weight: bold;
}

.portfolioprojekt{
font-size: 11px;
font-weight: bold;
line-height: 120%;
}

.portfoliobeschreibung{
font-size: 11px;
line-height: 120%;
}

#weiterblaettern{
padding:30px 0 0 45px;
}


/*Kontakt*/

#ct_kontakt{
position: absolute;
left: 55px;
top: 100px;
width: 270px;
height: 100px;
}


.kontaktueberschrift{
font-size: 14px;
color: #49585f;
text-shadow: 1px 1px 0px #bad3ed;
font-weight: bold;
margin-bottom: 5px;
}

.kontaktadresse{
font-size: 11px;
color: #fff;
font-weight: bold;
line-height: 120%;
}

.kontakttelefon{
font-size: 11px;
color: #fff;
line-height: 120%;
margin-top: 5px;
}

.kontaktinput{
width: 225px;
}

.kontakttextfeld{
height:120px;
width:229px;
}

.fehlertext{
color: #ff7f0f;
}

/*Impressum*/
#contenttopimpressum{
position: relative;
background-image:url(../images/bg_top.gif);
width: 840px;
height: 50px;
margin-left:3px;

}



/*footer*/

#footer{
width: 845px;
height: 147px;
background-image: url(../images/bg_footer.jpg);
margin-bottom: 20px;
margin-top: 5px;
padding-top: 8px;
background-repeat: no-repeat;
}

.footerkasten1{
width: 207px;
height: 137px;
float: left;

margin-left: 8px;
}

/*IE 6 Hack*/
* html .footerkasten1{
margin-left: 4px;
}

.footerkasten{
width: 207px;
height: 137px;
float: left;

}

.footerkasten4{
width: 207px;
height: 137px;
float: left;

}

#holzabschluss{
width: 100%;
height: 100px;
background-image: url(../images/bg_holz.jpg);
background-repeat: repeat-x;
}

#footertext{
text-align: right;
padding: 0px 20px 0px 0px;
}

#footertext a{
text-decoration: none;
}

#footertext a:hover{
text-decoration: underline;
}


/*Tutorials*/
.zumTutorial a{
font-size: 12px;
font-weight:bold !important;
color:#ffaf02 !important;

}

.zumTutorial a:hover{
text-decoration: none !important;

}

.tutorialheadlines{
font-size: 14px;
color: #49585f;
font-weight: bold;
margin-bottom: 5px;
}

.tutorial_beidespalten{
margin-top: 50px;
width: 750px;
float: left;
padding: 30px 0px 0px 50px;
line-height: 15px;

}

.tutorial_linkespalte{
margin-top: 50px;
width: 290px;
float: left;
padding: 30px 0px 0px 50px;
line-height: 15px;

}

.tutorial_linkespalte i{
color: #7aa6ba;
}

.tutorial_rechtespalte{
margin-top: 70px;
margin-left: 25px;
padding-top: 30px;
float: left;
}

.tutorial_rechtespalte img{
padding: 2px;
border: 1px solid #393939;
float: left;
}