PRO-Power Professional Webdesign


Designer/Coder	Phil / Alex
Css Syle ohne Tags	#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} body { background-image: url(http://alex2one.bplaced.de/pro-power-designs/technical_black/BG.png); background-color:#303030;} { padding: 0; margin: 0; } #header_container { position: relative; left: 50%; top: 100px; margin-left:-227px; width: 382px; height:60px; background-color:transparent; background-image: none; color:#FFFFFF; font-size:23px; border: 0px solid #FFFFFF;} #sidebar_container{display:none;} #content { position: absolute; left: 50%; top: 265px; margin-left:-440px; width: 921px; height: 420px; padding:0px; color: #FFFFFF; font-size:13px; background-color:transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #technical_black { position: absolute; left: 50%; top: 50px; margin-left:-490px; width: 1024px; height: 750px; padding:0px; color: #FFFFFF; font-size:13px; background-color:transparent; background-image:url(http://alex2one.bplaced.de/pro-power-designs/technical_black/Technical%20Black.png); border: 0px solid #FFFFFF; overflow:auto;} #nav_container {font-weight: bold;font-size: 12px;color:#2ba6f9; position:absolute; left: 50%; top: 185px; margin-left: -455px; height: 44px; width: 941px; border: 0px solid #FFFFFF; } #nav_heading { background-color: ; width:0px; height:33px; display:inline; float:left; margin:0px;} ul#nav { width:100%; list-style-type:none; margin: 0; padding: 0px 0 0 0; position:absolute; top: 0px; height:35px; background-image: none; background-position:right; background-repeat:no-repeat; display:inline;} html ul#nav { top: 0px;} #nav li { position:relative; display: block; float: left; height: 35px; background-image: none; background-repeat: no-repeat; margin: 0px 0 0 0; padding: 0px 0 0 0;} * html #nav li { margin-top: 0px; padding-top: 0px; } #nav_Startseite { background-image: none !important; margin-left:0px; } #nav a:link, #nav a:visited, #nav a:hover { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:white; margin:0 0px; z-index:2; } * html #nav a:link, * html #nav a:visited, * html #nav a:hover { position:relative; top: 1px; } #nav a:hover { color:#ffcc00; } a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #ffffff !important; font-size: 13px; text-decoration: underline;} a:link { color: #ffffff !important; font-size: 13px; text-decoration: none;} a:active { color: #ffffff; font-size: 13px; text-decoration: none;} a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;} li.nav_element{ list-style-type: none; position: relative; padding:0px; height:44px; width: 94px;} li.nav_element a{ display: block; width: 94x; height: 44px; padding:0px; font-weight: bold; text-decoration: none; text-align: center; color:#FFFFFF; background-color:transparent; background-image:url(http://alex2one.bplaced.de/pro-power-designs/technical_black/technica_butt_01.png); border: 0px solid #000000;} li.nav_element a:hover{ color: #000000; background-color:transparent; background-image:url(http://alex2one.bplaced.de/pro-power-designs/technical_black/technica_butt_02.png);} #counter { position: absolute; left: 50%; top:775px; margin-left: -200px; width: 350px; height:20px; color:#FFFFFF; font-size:13px; border: 0px solid #FFFFFF;}
Text über dem Design	<div id="technical_black"></div> <div id="header_container"><span>hier der titel</span></div>