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

html, body {
margin: 0;
height: 100%;
width: 100%;
padding: 0;
font-family:Verdana;
font-size: 12px;
color:#666666;
line-height: 12px;

}


body {
background-image:url(Designbilder/backgroundorange.gif);
background-repeat:repeat;
}

/*background-position: top center;*/

#verlauf {
margin: 0;
padding: 0;
width: 100%;
height: 600px;
background-image:url(Designbilder/backgroundverlauf.jpg);
background-repeat: repeat-x;
}

#schnoerkel {
margin: 0 auto 0 auto;
padding: 65px 0 0 0;
width: 900px;
height: 600px;
background-image:url(Designbilder/schnoerkelback.png);
background-repeat: no-repeat;
}

#content {
margin: 0 auto 0 auto;
padding: 0;
width: 715px;
height: 477px;
background-image:url(Designbilder/contentbg.png);
background-repeat: no-repeat;
}

#stecknadelbildhome {
	margin: 0;
	margin-top: 4px;
	padding: 0;
	margin-left: 30px;
	width: 217px;
	height: 162px;
	background-image:url(Designbilder/stecknadelbildhome.png);
	background-repeat:no-repeat;
	float: right;
}

#stecknadelbildabout {
	margin: 0;
	margin-top: 4px;
	padding: 0;
	margin-left: 30px;
	width: 217px;
	height: 162px;
	background-image:url(Designbilder/stecknadelbildabout.png);
	background-repeat:no-repeat;
	float: right;
}

#stecknadelbildworks {
	margin: 0;
	margin-top: 4px;
	padding: 0;
	margin-left: 30px;
	width: 217px;
	height: 162px;
	background-image:url(Designbilder/stecknadelbildworks.png);
	background-repeat:no-repeat;
	float: right;
}

#stecknadelbildcontact {
	margin: 0;
	margin-top: 4px;
	padding: 0;
	margin-left: 30px;
	width: 217px;
	height: 162px;
	background-image:url(Designbilder/stecknadelbildcontact.png);
	background-repeat:no-repeat;
	float: right;
}



#contentlinks {
margin: 0;
padding: 24px 10px 30px 24px;
width: 150px;
height: 380px;
float:left;
}

#logo {
margin: 0;
padding: 0;
background-image:url(Designbilder/mwlogo.png);
background-repeat: no-repeat;
width: 157px;
height: 152px;
}

#menubox {
margin: 0;
padding: 0;
width: 157px;
height: 250px;
text-align: right;
line-height: 17px;
color:#FF9900;
font-weight: bold;
font-family: Verdana;
font-size: 10px;
}



#contentrechts {
margin: 0;
padding: 0px 30px 30px 15px;
width: 445px;
height: 430px;
float: right;
}

#news{
width: 430px;
height: 67px;
margin-left: 0px;
font-size: 10px;
}

a:link {
color:#FF9900;
text-decoration: none;
}

a:visited {
color:#FF9900;
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #999999;
}




a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(Designbilder/too_cool.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

img {
	border: none;
	text-align: center;
}

.style6 {font-size: 9px; font-family: Verdana; }

.style1 {	font-size: 9px;
	color: #ff9900;
}
.Stil1 {
	font-size: 10px
}

.farbe11 {font-size: 11px; color: #ff9900 }

.nextback {font-size: 11px; font-family: Verdana;}

.textesmall {
	font-size: 9px;
	color: #666666;
}

.fftext {
	font-size: 9px;
	color: #666;
}

.hervorheben {color: #FF9900; font-size: 9px;}

.fett {
	color: #FF9900;
	font-weight: bold;
}


#titelbox {
margin-top: 31px;
width: 150px;
height: 20px;
font-size: 9px;
color: #ff9900;
}

#beschreibungsbox {
margin-top: 2px;
width: 190px;
height: 85px;
font-size: 10px; 
font-family: Verdana;
line-height: 13px;
}

#nextbox {
height: 20px;
width: 200px;
margin: 0;
margin-top: 5px;
padding: 0;
font-size: 11px;
font-family: Verdana;
}

#worksbox {
margin-top: 10px;
width: 452px;
height: 287px;
font-size: 9px; 
font-family: Verdana;
line-height: 12px;
}

#worksli {
width: 220px;
height: 135px;
float:left;
margin: 0;
padding: 0;
}
#worksre {
width: 220px;
height: 135px;
float:right;
margin: 0;
padding: 0;
}
#worksliu {
width: 220px;
height: 135px;
float:left;
margin: 0;
padding: 0;
}
#worksreu {
width: 220px;
height: 135px;
float:right;
margin: 0;
padding: 0;
}

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 position: absolute;
 z-index: 1000;
 width: 200px;
}

.work {
    width: 113px;
    float: left;
}
.work A {
    color: #666;
}

.work A:hover {
    color: #ff9900;
}