Ergebnisse des CSS Crunching von www.myjobfuture.de

Mal sehen was wir getan haben für www.myjobfuture.de

CSSCruncher.com hat dieser Webseite
16,41 %Code erspart! Wow!

Crunched CSS Code:

body{margin:0;padding:0 0 40px 0;background-color:#ececec;background-image:url("../images/bg.png");background-repeat:no-repeat;font-family:Verdana,sans-serif;font-size:0.8em;color:#555}
a{color:#0067B6;text-decoration:none}
a:hover{color:#A4BCDE}
img{border:0px}
.clearLeft{clear:left;height:1px;font-size:1px}
.clearRight{clear:right;height:1px;font-size:1px}
.clearBoth{clear:both;height:1px;font-size:1px}
.floatLeft{float:left;height:1px;font-size:1px}
.floatRight{float:right;height:1px;font-size:1px}
.highlight{font-weight:bold;color:#0067B6}
#container{padding:0px 0 0 63px;width:850px}
#header{height:155px}
#logo{width:820px;height:120px;position:absolute;margin:20px 15px}
#logo a{width:820px;height:120px;display:block}
#main{margin-top:20px;padding:0px 0 0px 0;background-color:white;min-height:500px}
#content{float:left;width:500px;padding:0px 0 15px 15px}
#sidebar{width:333px;float:right;margin:-17px 0 0 0}
.menuBox{width:332px}
.menuBox .left, .menuBox .right{float:left;width:165px}
.menuBox .right{margin-left:2px}
.menuBox a{width:155px;height:18px;margin-bottom:0px;display:block;color:white;letter-spacing:0px}
#menu .menuBox .left li a{background-image:url("../images/menuLeftNoactive.png");background-repeat:no-repeat;padding:2px 10px 0 0;text-align:right}
#menu .menuBox .left li.active a{background-image:url("../images/menuLeftActive.png")}
#menu .menuBox .left a:hover{background-image:url("../images/menuLeftHover.png");color:white}
#menu .menuBox .right li a{background-image:url("../images/menuRightNoactive.png");background-repeat:no-repeat;padding:2px 0 0 10px}
#menu .menuBox .right li.active a{background-image:url("../images/menuRightActive.png")}
#menu .menuBox .right a:hover{background-image:url("../images/menuRightHover.png");color:white}
#menu ul{list-style-type:none;padding:0;margin:0 0 0px 0}
#menu ul.second, #menu ul.third{margin-top:4px !important}
#menu li.parent{background-color:#ccc;color:#666;padding:2px 0 0 10px;margin-bottom:2px}
h1{padding:20px 0px 0 0px;margin:0;color:#797979;font-size:1.5em;font-weight:normal}
h2{color:#777;padding:20px 0 0px 0;margin:5px 0 0px 0;font-size:1.1em;font-weight:bold}
h3{color:#0067B6;padding:10px 0 0px 0;margin:5px 0 0px 0;font-size:1.1em;font-weight:normal}
#content img{border:1px solid #e1e1e1;padding:2px}
p{line-height:1.35em;padding:0 75px 0 0;margin:15px 0 0px 0}
#content .articleCapTexPicSmall{}
#content .articleCapTexPicSmall p, #content .articleCapTexPicMini p{padding-right:0}
#content .articleCapTexPicSmall .text{width:200px;float:left}
#content .articleCapTexPicMini .text{width:350px;float:left}
#content .articleCapTexPicSmall .pic, #content .articleCapTexPicSmall .picSmall{padding-top:15px;width:250px;float:right}
#content .articleCapTexPicMini .pic{padding-top:15px;width:100px;float:right}
#content .special{}
#content .special p{padding:3px;color:#FF6600;font-weight:bold}
#content .failure p{padding:3px;color:#FF6600;font-weight:bold}
span.remind{padding:5px 0 0 0;color:#ff6600}
#content ul li, #content ol li{margin:8px 0 8px 0;line-height:1.35em}
#footer{background-image:url("../images/bgFooter.png");background-repeat:no-repeat;height:120px}
#copyright{position:absolute;margin:80px 0 0 78px}
#footer .menuBox{position:absolute;margin:11px 0 0 580px}
#footer .menuBox a{color:white}
#footer .menuBox .left a{background-image:url("../images/menuFooterLeftNoactive.png");background-repeat:no-repeat;padding:2px 10px 0 0;text-align:right}
#footer .menuBox .left a:hover{background-image:url("../images/menuFooterLeftHover.png")}
#footer .menuBox .right a{background-image:url("../images/menuFooterRightNoactive.png");background-repeat:no-repeat;padding:2px 0 0 10px}
#footer .menuBox .right a:hover{background-image:url("../images/menuFooterRightHover.png")}
fieldset{padding:10px 0px 10px 10px;background-color:#FaFaFa;border:1px dotted #666;margin:20px 0px 20px 0px}
fieldset legend{font-weight:bold;color:#666}
fieldset label{vertical-align:top}
fieldset .entry, fieldset .entry-vertical{padding-top:10px}
.label{padding-top:5px}
fieldset .label{float:left;width:200px;vertical-align:top}
fieldset .entry-vertical .label{padding:10px 0 5px 0}
.input{padding-top:5px}
fieldset .entry .input{float:left;width:250px;padding-top:0px}
fieldset .entry .entryEnd{clear:left}
fieldset input, fieldset select{width:30%;border:1px solid #bbb;font-family:verdana,sans-serif;font-size:1.0em;padding:2px 3px 2px 3px;margin-right:10px}
textarea{width:99%;height:60px;border:1px solid #bbb;font-family:verdana,sans-serif;font-size:1.0em;padding:5px 3px 5px 3px;margin-right:10px;color:#333}
fieldset .entry-vertical textarea{height:300px}
textarea.mediumhigh{height:100px !important}
fieldset input.checkbox{width:15px;height:15px;background-color:white;border:1px solid #bbb}
fieldset input.readonly{background-color:#ededed}
fieldset input.radio{width:15px;height:15px;background-color:white;border:0}
form .submit2{border:1px solid #999;background-color:white;width:auto;font-family:verdana,sans-serif;margin-left:31px}
form .submit3{margin-top:10px;border:1px solid #999;background-color:white;font-family:verdana,sans-serif}
fieldset .entry .fillMe{border:1px solid #FF6600 !important}
fieldset .entry .dateDay, fieldset .entry .dateMonth{width:50px}
fieldset .entry .dateYear{width:75px}
#form_mail{width:475px;border-top:1px solid #dfdfdf;margin-top:20px}
#form_mail .row{clear:both;padding:15px 0 10px 0}
#form_mail .row .col1{width:170px;float:left;padding-top:5px}
#form_mail .row .col2,#form_mail .row .col2b{width:212px;float:right}
#form_mail .row textarea,#form_mail .row input,#form_mail .row select{width:100%;border:1px solid #dfdfdf;color:#666666;font-family:arial,sans-serif;font-size:1.0em;background-color:white}
#form_mail .row .col2b input{width:80px;border:1px solid #dfdfdf}
#form_mail .row textarea{height:150px}
#form_mail .submit{background-color:white;border:1px solid #dfdfdf}
#form_mail .fill_me{visibility:hidden;display:none}
.hashimage{vertical-align:top;margin-top:-2px;border:0 !important}
.hashLink{padding:0 !important;border:0 !important;margin:0 !important}
div.table h2, div.easyTable h2{font-weight:bold}
div.table h3, div.easyTable h3{margin-bottom:5px}
div.table{padding:10px 10px 0 0}
div.table .row{padding:7px 0 2px 0;border-bottom:1px dotted #ddd}
div.table .row p{margin:0 !important;padding:0 !important}
div.table .row .col1{float:left;width:50%}
div.table .row .col2{float:left;width:50%}
div.table .row .col1b{float:left;width:70%;padding-right:10%}
div.table .row .col2b{float:left;width:20%}
div.table .row a{padding-left:10px}
div.table .row .rowEnd{clear:left}

» Zeige den Original CSS code

« Verberge den Original CSS code

a {
	color: #0067B6;
	text-decoration: none;
}

a:hover {
	color: #A4BCDE;
}

img { border: 0px; }
.clearLeft { clear: left; height: 1px; font-size: 1px; }
.clearRight { clear: right; height: 1px; font-size: 1px; }
.clearBoth { clear: both; height: 1px; font-size: 1px; }
.floatLeft { float: left; height: 1px; font-size: 1px; }
.floatRight { float: right; height: 1px; font-size: 1px; }
.highlight { font-weight: bold; color: #0067B6; }

#container {
	padding: 0px 0 0 63px;
	width: 850px;
}

#header {
	height: 155px;
}

#logo {
	width: 820px;
	height: 120px;
	position: absolute;
	margin: 20px 15px;
}

#logo a {
	width: 820px;
	height: 120px;
	display: block;
}

#main {
	margin-top: 20px;
	padding: 0px 0 0px 0;
	background-color: white;
	min-height: 500px;
}

#content {
	float: left;
	width: 500px;
	padding: 0px 0 15px 15px;
}

#sidebar {
	width: 333px;
	float: right;
	margin: -17px 0 0 0;
}

.menuBox {
	width: 332px;
}

.menuBox .left,
.menuBox .right {
	float: left;
	width: 165px;
}

.menuBox .right {
	margin-left: 2px;
}

.menuBox a {
	width: 155px;
	height: 18px;
	margin-bottom: 0px;
	display: block;
	color: white;
	letter-spacing: 0px;
}

#menu .menuBox .left li a {
	background-image: url("../images/menuLeftNoactive.png");
	background-repeat: no-repeat;
 	padding: 2px 10px 0 0;
	text-align: right;
/* 	color: #FFE0CC; */
}

#menu .menuBox .left li.active a {
	background-image: url("../images/menuLeftActive.png");
}

#menu .menuBox .left a:hover {
	background-image: url("../images/menuLeftHover.png");
	color: white;
}

#menu .menuBox .right li a {
	background-image: url("../images/menuRightNoactive.png");
	background-repeat: no-repeat;
	padding: 2px 0 0 10px;
/* 	color: #CCE1F0; */
}

#menu .menuBox .right li.active a {
	background-image: url("../images/menuRightActive.png");
}

#menu .menuBox .right a:hover {
	background-image: url("../images/menuRightHover.png");
	color: white;
}

#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0px 0;
}

#menu ul.second,
#menu ul.third {
 	margin-top: 4px !important;
}

#menu li.parent {
	background-color: #ccc;
	color: #666;
	padding: 2px 0 0 10px;
	margin-bottom: 2px;
}

h1 {
	padding: 20px 0px 0 0px;
	margin: 0;
	color: #797979;
	font-size: 1.5em;
	font-weight: normal;
}

h2 {
	color: #777;
	padding: 20px 0 0px 0;
	margin: 5px 0 0px 0;
	font-size: 1.1em;
	font-weight: bold;
}

h3 {
	color: #0067B6;
	padding: 10px 0 0px 0;
	margin: 5px 0 0px 0;
	font-size: 1.1em;
	font-weight: normal;
}

#content img {
	border: 1px solid #e1e1e1;
	padding: 2px;
}

p {
	line-height: 1.35em;
	padding: 0 75px 0 0;
	margin: 15px 0 0px 0;
}

#content .articleCapTexPicSmall {
}
#content .articleCapTexPicSmall p,
#content .articleCapTexPicMini p {
	padding-right: 0;
}

#content .articleCapTexPicSmall .text {
	width: 200px;
	float: left;
}

#content .articleCapTexPicMini .text {
	width: 350px;
	float: left;
}

#content .articleCapTexPicSmall .pic,
#content .articleCapTexPicSmall .picSmall {
	padding-top: 15px;
	width: 250px;
	float: right;
}

#content .articleCapTexPicMini .pic {
	padding-top: 15px;
	width: 100px;
	float: right;
}

#content .special {
/* 	border: 1px solid #FF6600; */
}

#content .special p {
	padding: 3px;
	color: #FF6600;
	font-weight: bold;
}

#content .failure p {
	padding: 3px;
	color: #FF6600;
	font-weight: bold;
}

span.remind {
	padding: 5px 0 0 0;
	color: #ff6600;
}

#content ul li,
#content ol li {
	margin: 8px 0 8px 0;
	line-height: 1.35em;
}

#footer {
	background-image: url("../images/bgFooter.png");
	background-repeat: no-repeat;
	height: 120px;
}

#copyright {
 	position: absolute;
	margin: 80px 0 0 78px;
}

#footer .menuBox {
	position: absolute;
	margin: 11px 0 0 580px;
}

#footer .menuBox a {
	color: white;
}

#footer .menuBox .left a {
	background-image: url("../images/menuFooterLeftNoactive.png");
	background-repeat: no-repeat;
 	padding: 2px 10px 0 0;
	text-align: right;
}

#footer .menuBox .left a:hover {
	background-image: url("../images/menuFooterLeftHover.png");
}

#footer .menuBox .right a {
	background-image: url("../images/menuFooterRightNoactive.png");
	background-repeat: no-repeat;
	padding: 2px 0 0 10px;
}

#footer .menuBox .right a:hover {
	background-image: url("../images/menuFooterRightHover.png");
}

/* ORDER FORM */

fieldset {
	/*width: 480px;*/
	padding: 10px 0px 10px 10px;
	background-color: #FaFaFa;
	border: 1px dotted #666;
	margin: 20px 0px 20px 0px;
}

fieldset legend {
	font-weight: bold;
	color: #666;
}

fieldset label {
	vertical-align: top;
}

fieldset .entry,
fieldset .entry-vertical  {
	padding-top: 10px;
}

.label {
	padding-top: 5px;
}

fieldset .label {
	float: left;
	width: 200px;
	vertical-align: top;
}

fieldset .entry-vertical .label {
	padding: 10px 0 5px 0;
}

.input {
	padding-top: 5px;
}

fieldset .entry .input {
	float: left;
	width: 250px;
	padding-top: 0px;
}

fieldset .entry .entryEnd {
	clear: left;
}

fieldset input,
fieldset select {
	width: 30%;
	border: 1px solid #bbb;
	font-family: verdana, sans-serif;
	font-size: 1.0em;
	padding: 2px 3px 2px 3px;
	margin-right: 10px;
}

textarea {
	width: 99%;
	height: 60px;
	border: 1px solid #bbb;
	font-family: verdana, sans-serif;
	font-size: 1.0em;
	padding: 5px 3px 5px 3px;
	margin-right: 10px;
	color: #333;
}

fieldset .entry-vertical textarea {
	height: 300px;
}

textarea.mediumhigh {
	height: 100px !important;
}

fieldset input.checkbox {
	width: 15px;
	height: 15px;
	background-color: white;
	border: 1px solid #bbb;
}

fieldset input.readonly {
	background-color: #ededed;
}

fieldset input.radio {
	width: 15px;
	height: 15px;
	background-color: white;
	border: 0;
}

form .submit2 {
	/* submit after all field sets */
	border: 1px solid #999;
	background-color: white;
	width: auto;
	font-family: verdana, sans-serif;
	margin-left: 31px;
}

form .submit3 {
	/* submit integrated in field set */
	margin-top: 10px;
	border: 1px solid #999;
	background-color: white;
	font-family: verdana, sans-serif;
}

fieldset .entry .fillMe {
	border: 1px solid #FF6600 !important;
}

fieldset .entry .dateDay,
fieldset .entry .dateMonth {
	width: 50px;
}

fieldset .entry .dateYear {
	width: 75px;
}

/* CONTACT FORM */

#form_mail { width: 475px; border-top: 1px solid #dfdfdf; margin-top: 20px; }
#form_mail .row { clear: both; padding: 15px 0 10px 0; }
#form_mail .row .col1 { width: 170px; float: left; padding-top: 5px;}
#form_mail .row .col2, #form_mail .row .col2b  { width: 212px; float: right; }
#form_mail .row textarea, #form_mail .row input, #form_mail .row select {
	width: 100%;
	border: 1px solid #dfdfdf;
	color: #666666;
	font-family: arial, sans-serif;
	font-size: 1.0em;
	background-color: white;
}
#form_mail .row .col2b input { width: 80px;  border: 1px solid #dfdfdf; }
#form_mail .row textarea { height: 150px; }
#form_mail .submit { background-color: white; border: 1px solid #dfdfdf; }
#form_mail .fill_me {
	visibility: hidden;
	display: none;
}

/* Hash Image */

.hashimage {
	vertical-align: top;
	margin-top: -2px;
	border: 0 !important;
}

.hashLink {
	padding:0 !important;
	border: 0 !important;
	margin: 0 !important;
}

/* table */
div.table h2,
div.easyTable h2
{
	font-weight: bold;
}

div.table h3,
div.easyTable h3
{
	margin-bottom: 5px;
}

div.table {
	padding: 10px 10px 0 0;
}

div.table .row {
	padding: 7px 0 2px 0;
	border-bottom: 1px dotted #ddd;
}

div.table .row p {
	margin: 0 !important;
	padding: 0 !important;
}

div.table .row .col1 {
	float: left;
	width: 50%;
}

div.table .row .col2 {
	float: left;
	width: 50%;
}

div.table .row .col1b {
	float: left;
	width: 70%;
	padding-right: 10%;
}

div.table .row .col2b {
	float: left;
	width: 20%;
}

div.table .row a {
	padding-left: 10px;
}

div.table .row .rowEnd {
	clear: left;
}