/*css erstellt von www.eismann-it.de*/
body {background:#666;font:12px verdana;color:#333;}
a {text-decoration:underline;color:#515455;}
a:focus {outline:none;}
#spielwiese {background-image:url(img/typo3-programmierung-hintergrund/streifen6-01.jpg);width:808px;}
#referenzen {width:600px;float:left;margin-bottom:100px;}
#leistungen {width:103px;float:left;margin-bottom:100px;}
#designer {width:100px;float:left;margin-bottom:100px;}
/*menu-1st-level*/
a.menu-1 {position:fixed;display:block;width:100px;height:250px;background:transparent url(img/menu-berlin/firstlevelsprite_02.png) 0 0 no-repeat;left:8px;}
a.menu-2 {position:fixed;display:block;width:100px;height:250px;background:transparent url(img/menu-berlin/firstlevelsprite_02.png) -107px 0 no-repeat;}
a.menu-3 {position:fixed;display:block;width:100px;height:250px;background:transparent url(img/menu-berlin/firstlevelsprite_02.png) -216px 0 no-repeat;}
a.menu-1:hover {background-position:0px -250px;}
a.menu-2:hover {background-position:-107px -250px;}
a.menu-3:hover {background-position:-216px -250px;}
/*menu-2nd-level*/
#header{height:215px;width:502px;float:left;position:relative;margin-bottom:30px;margin-left:100px;}
*+html #header{margin-left:65px;} /* nur für den IE7 */
#menu {position:absolute;bottom:0;padding-left:0px;}
#menu a {text-decoration:none;color:#333;text-decoration:none;}
#menu a:hover, #menu a.active {background-color:yellow;}
#menu li {list-style-type:none;height:1.5em}
/*menu referenzen*/
#designer #header a {padding:5px;}
#designer #header img {border:1px solid #333;margin-top:10px;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
#designer #header img:hover,#designer #header a.menu-act img {opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}
/*content*/
#content {padding-left:100px;padding-right:10px;}
#content h1,#content h2,#content h3 {font-weight:normal;}
/*footer*/
#info {height:226px;width:580px;clear:both;background-image:url(img/typo3-programmierung-hintergrund/footer-neu-01.png);margin-left:10px;}
/*mailform*/
#mailform {width:488px;padding-left:102px;height:23px;}
*+html #mailform {padding-left:112px;} /* nur für den IE7 */
#mailform fieldset {padding-top:0px;}
#mailformaddress {border:0;background:transparent;color:#3D3C3F;padding:3px 0;margin-left:5px;}
#mailformaddress:focus {text-decoration: none;}
.text{float:left;}
.send{float:right;}
*+html .send{margin-right:10px;} /* nur für den IE7 */
.button {border:0;background:transparent url(img/typo3-programmierung-hintergrund/senden-sprite-01.png);width:92px;height:21px;}
.button:hover {background-position:0px -29px;}
/*tag-cloud*/
.tx-vgetagcloud-pi1 {background-color:transparent;line-height:200%;padding-top:19px;width:415px;padding-left:120px;}
.tx-vgetagcloud-pi1 a {color:#bbb;}
/*netzwerk-favicons*/
#netzwerk {float:right;margin-top:35px;}
*+html #netzwerk {margin-top:10px;} /* nur für den IE7 */
#netzwerk a {display:block;float:left;width:16px;height:16px;background-image:url(img/netzwerk-favicons/netzwerk-webseiten-programmieren1-10.png);margin-right:16px;margin-top:12px;}
#netzwerk a.eismann{background-position: 0px 0px;}
#netzwerk a.eismann:hover {background-position: 0px 16px;}
#netzwerk a.winner {background-position:-16px 0px;}
#netzwerk a.winner:hover {background-position:-16px 16px;}
#netzwerk a.totzek{background-position:-32px 0px;}
#netzwerk a.totzek:hover {background-position:-32px 16px;}
#netzwerk a.hanno{background-position:-48px 0px;}
#netzwerk a.hanno:hover {background-position:-48px 16px;}
#netzwerk a.silke {background-position:-64px 0px;}
#netzwerk a.silke:hover {background-position:-64px 16px;}
#netzwerk a.rainer{background-position:-80px 0px;}
#netzwerk a.rainer:hover {background-position:-80px 16px;}
#netzwerk a.smashing{background-position:-96px 0px;}
#netzwerk a.smashing:hover {background-position:-96px 16px;}
#netzwerk a.w3c{background-position:-112px 0px;}
#netzwerk a.w3c:hover {background-position:-112px 16px;}
#netzwerk a.selbstgemalte{background-position:-128px 0px;}
#netzwerk a.selbstgemalte:hover {background-position:-128px 16px;}
#netzwerk a.twit{background-position:-144px 0px;}
#netzwerk a.twit:hover {background-position:-144px 16px;}
#netzwerk img {border:0;}