Results of the CSS crunched for static.werkenntwen.de

Let's see what we've done for static.werkenntwen.de

CSSCruncher.com has crunched this CSS to
21.21 %Less Size! That's Incredible!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

html{font-size:10px}
body{background:#4481B9 url(http://static.werkenntwen.de/images/layout/bg.jpg) repeat-x scroll center top;font-family:Arial,Verdana,Sans-serif;text-align:center;color:#333}
body#admin{background:#faa}
body#advertisingpreview{background:#ff44bb}
*{margin:0px;padding:0px;font-size:1em}
.cl{clear:both}
.away{position:absolute;top:0;left:0}
.left{float:left}
.right{float:right}
img.right{margin:0px 0px 10px 10px}
img.left{margin:0px 10px 10px 0px}
.center{text-align:center}
.alignLeft{text-align:left}
.alignRight{text-align:right}
h1,h2,h3,h4,h5,h6{clear:both;font-family:Arial,Verdana,sans-serif}
h1{font-size:24px;font-weight:bold;margin:11px 0}
h2{font:12px/12px;margin:12px 0;padding:0;height:auto;background:url(http://static.werkenntwen.de/images/layout/h2-right.gif) top right no-repeat}
h2 span{font-weight:bold;color:#fff;padding:6px 8px 4px;display:block;background:url(http://static.werkenntwen.de/images/layout/h2-left.gif) top left no-repeat}
h2 span a{font-weight:normal}
#right-col h2{font-size:12px}
h3{font:bold 11px/11px;color:#900;margin:12px 0}
h4{font:bold 11px/11px;color:#333;margin:12px 0 0}
p{margin:18px 0;line-height:17px}
small{font-size:10px}
ul,ol{padding-left:25px}
ol.lower-latin{list-style-type:lower-latin}
img{border:0px}
em,i{font-style:italic}
strong,b{font-weight:bold}
a{color:#135AA0;text-decoration:none}
a:link{}
a:visited{}
a:hover{text-decoration:underline}
a:active{}
a:focus{}
button{background-color:#EFF3FC;border:1px solid #87A6E7;padding-left:5px;padding-right:5px}
input{padding:2px 3px;background-color:#FFF;border:1px solid #87A6E7}
select{border:1px solid #87A6E7}
option{padding-right:5px}
optgroup{font-weight:bold;margin-top:5px}
optgroup option{color:#000;padding:2px 5px 2px 10px}
textarea{font-family:Arial,Verdana,sans-serif;border:1px solid #87A6E7;padding:2px 3px}
.isOnline{background:url('http://static.werkenntwen.de/images/icons/icon_ok.gif') 2px 2px no-repeat}
.chat{background:url('http://static.werkenntwen.de/images/icons/icon_chat.gif') 2px 2px no-repeat}
.messageTo, .mailGroup{background:url('http://static.werkenntwen.de/images/icons/icon_user_message.gif') 2px 2px no-repeat}
.ichkenne, .joinGroup{background:url('http://static.werkenntwen.de/images/icons/icon_user_add.gif') 2px 2px no-repeat}
.kenneNicht, .leaveGroup{background:url('http://static.werkenntwen.de/images/icons/icon_user_delete.gif') 2px 2px no-repeat}
li.ignore{background:url('http://static.werkenntwen.de/images/icons/icon_ignore.gif') 2px 2px no-repeat}
.profilMelden, .sneakGroup{background:url('http://static.werkenntwen.de/images/icons/icon_sneak.gif') 2px 2px no-repeat}
.routeTo{background:url('http://static.werkenntwen.de/images/icons/icon_route.gif') 2px 2px no-repeat}
.waiting{background:url('http://static.werkenntwen.de/images/icons/icon_wait.gif') 2px 2px no-repeat}
.backend, .backendGroup{background:url('http://static.werkenntwen.de/images/icons/icon_admin.gif') 2px 2px no-repeat}
.editGroupPic, .editMyPic, .editBlog{background:url('http://static.werkenntwen.de/images/icons/icon_image_edit.gif') 2px 2px no-repeat}
.editGroup, .editMe{background:url('http://static.werkenntwen.de/images/icons/icon_user_edit.gif') 2px 2px no-repeat}
.deleteMyPic, .deleteGroup, .deleteBlog{background:url('http://static.werkenntwen.de/images/icons/icon_waste.gif') 2px 2px no-repeat}
.inviteToGroup, .addToEvent, .createGroup{background:url('http://static.werkenntwen.de/images/icons/icon_group_add.gif') 2px 2px no-repeat}
.viewDetails{background:url('http://static.werkenntwen.de/images/icons/icon_view_detail.gif') 2px 2px no-repeat}
.downloadPDF{background:url('http://static.werkenntwen.de/images/icons/icon_file_pdf.gif') 2px 2px no-repeat}
.clubInvitePremium{background:url('http://static.werkenntwen.de/images/icons/icon_star_small.gif') 2px 2px no-repeat}
.inviteTan{background:transparent url(http://static.werkenntwen.de/images/icon_key_add.gif) no-repeat scroll 2px 2px}
.tanList{background:transparent url(http://static.werkenntwen.de/images/icon_page_keys.gif) no-repeat scroll 2px 2px}
.showAdressbook{background:transparent url(http://static.werkenntwen.de/images/icons/icon_adresses.gif) no-repeat scroll 2px 2px}
.showAdressbook{background:transparent url(http://static.werkenntwen.de/images/icons/icon_adresses.gif) no-repeat scroll 2px 2px;padding-left:25px}
a.box{color:#333}
a.box:hover{text-decoration:none}
.box{padding:10px 5px 10px 30px;border:1px solid;margin:10px 0px}
.box.left, .box.right{width:210px}
.box p{margin:0;padding:0}
.box.info{border-color:#B6CCE4;background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_message.gif') 10px 10px no-repeat}
.box.chatrequest{border-color:#B6CCE4;background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_chat.gif') 10px 10px no-repeat}
.box.default{border-color:#B6CCE4;padding:10px 5px 10px 10px;background:#E7EEF5}
.box.email{border-color:#B6CCE4;background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_email.gif') 10px 10px no-repeat}
.box.key{border-color:#F2CE3B;background:#FCF5CE url('http://static.werkenntwen.de/images/icons/icon_key.gif') 10px 10px no-repeat}
.box.success{border-color:#a1cf93;background:#d1e8c8 url('http://static.werkenntwen.de/images/icons/icon_ok.gif') 10px 10px no-repeat}
.box.error{border-color:#e4ccb6;background:#f5eee7 url('http://static.werkenntwen.de/images/icons/icon_error.gif') 10px 10px no-repeat}
#wrapper{margin:0px auto;width:1000px;text-align:left;font-size:12px}
#shadow{padding:0px 7px 0px 0px;width:780px;background:url(http://static.werkenntwen.de/images/layout/middle.png) right repeat-y}
#topad{padding:0;margin:0;margin-top:20px;width:800px;float:left}
#ads{float:right;margin-top:20px;width:200px;overflow:hidden;text-align:left}
#seite{margin-top:20px;float:left;width:778px}
#seite.wallpaperTop{margin-top:10px}
#main{padding:0px 1px;border-left:1px solid #7b8cb2;background:#fff}
#rahmen{padding:10px}
#rahmen.submenuActive{padding-top:30px}
#footer{clear:both;background:url(http://static.werkenntwen.de/images/layout/bottom.png) no-repeat;width:787px;padding:15px 0px 10px;margin:0px;text-align:center;color:#fff;font-size:1em}
#footer p{font-size:0.9em;margin:0px}
#footer a{color:#fff}
#banner{background:url(http://static.werkenntwen.de/images/layout/banner.png) no-repeat;width:787px;overflow:hidden;padding:0px 0px 5px 0px}
#topright{margin-top:10px}
#banner img{margin:15px 0px 0px 10px;float:left}
.lowerBanner{padding-top:80px}
#topright{width:420px;float:right;margin-right:12px}
.welcome a{color:#666;font-weight:normal}
p.welcome{text-align:right;font-weight:bold;margin-top:0}
#login{float:right;margin-top:30px;margin-bottom:5px}
#login label{display:block}
#login p{float:left;margin:0 0 0 10px;width:auto}
#login p.options{width:250px}
#login a{font-size:11px;font-weight:bold}
#login input{width:100px;padding:2px 3px;border:1px solid #7b8cb2}
#login .submit, #searchfield .submit, input.submit{width:auto;border:0px}
#login input.submit{margin-top:15px}
#searchfield{float:right;clear:both}
#searchfield ul{margin:0px;padding:0px;overflow:hidden;clear:both;list-style-type:none}
#searchfield li{margin:0px;padding:0px;float:left}
#searchfield li img{margin:0px;padding:0px}
#searchfield input{border:1px solid #76A3CD;float:left;margin:0px;padding:2px 3px;width:120px}
#searchfield form{clear:both}
#searchfield .submit{border:0px;padding:0;margin-left:10px;width:auto}
#googlesearch{display:none}
p.options{clear:both;font-size:0.9em;margin:0}
p.options a, #searchfield a{font-weight:bold;color:#135AA0}
#navigation, #navbalken{clear:both;height:25px;overflow:hidden;background:url(http://static.werkenntwen.de/images/layout/nav-bg.gif) no-repeat}
#navigation ul{margin:0;padding:3px 0px 0px 4px;list-style-type:none}
#navigation li{float:left}
#navigation a{text-decoration:none;display:block;color:#fff;font-weight:bold;padding:4px 8px 4px 8px}
#navigation a:hover, #navigation .active a{color:#135aa0}
#navigation ul ul{position:absolute;padding-left:8px}
#navigation ul ul a{padding:2px 12px 2px 0px;color:#135aa0;border-bottom:3px solid #74a0cb}
#navigation ul ul a:hover, #navigation ul ul .active a{color:#135aa0;border-bottom:3px solid #135aa0}
div#reiter{background-image:url(http://static.werkenntwen.de/images/layout/reiterbg.jpg);height:25px}
.submenu-item, .submenu-item-active{padding:5px;font-size:0.95em;font-weight:bold;background:transparent}
.submenu-item-link{color:#fff;font-weight:bold}
.submenu-item-active a:hover, .submenu-item-active a{color:#135aa0;font-weight:bold;text-decoration:none}
.menu-item-active a:hover, .menu-item-active a{font-weight:bold;color:#135aa0;text-decoration:none}
#content, #content_main{float:left;width:570px}
#sidebar{float:right;width:170px}
#sidebar p, #sidebar li, #sidebar center, #sidebar dt, #sidebar dd{font-size:11px}
#sidebar ul{list-style-type:none;padding:0px}
.reiter{clear:both;background:url(http://static.werkenntwen.de/images/layout/reiterbg.jpg) repeat-x;text-align:center;overflow:hidden}
.reiter ul{display:block;width:100%;margin:0px auto;list-style-type:none;padding:0px}
.reiter li{float:left}
.reiter li a{padding:0.5em 0.7em;font-size:0.8em;display:block;font-weight:bold;color:#fff}
.indent{padding-left:55px}
#closeBox{position:absolute;top:0px;right:0px}
div.tagBox{background:#fff}
.tagBox ul{margin-top:10px;height:200px;overflow:scroll;clear:both;padding:0px;list-style:none}
.tagBox li{clear:both}
.tagBox a{display:block;padding:5px 0px;overflow:hidden;background:#fff}
.tagBox p a{display:inline;padding:0;background:transparent}
.tagBox a:hover{background:#74A3CE}
.tagBox p a:hover{background:transparent}
.select_inline select{float:left;margin-right:5px;overflow:hidden;margin-bottom:10px}
.locator{margin-top:10px}
#aboutGroup{padding:0px 10px;font-size:11px}
th.detailhead{font-weight:normal;color:#999;width:110px}
td.detailvalue{margin-right:10px}
.radio_buttons{float:left}
.breadcrumbs{display:block;margin:20px 0px}
table.people{border-collapse:collapse;width:100%;font-size:1.1em}
table.people th, table.press th{text-align:left;padding:5px;background-color:#88aed3;color:#fff;font-weight:bold;font-size:12px}
table.people tr.normal{background-color:#D7E2F6}
table.people tr.odd{background-color:#EEF2FD}
table.people td{padding:5px;vertical-align:top}
table.people td td{padding:0}
table.people td input{padding:2px 3px}
table.press{border:1px solid #87A6E7;border-collapse:collapse;width:100%}
table.press tr.normal{border-bottom:1px solid #87A6E7}
table.press tr.odd{border-bottom:1px solid #87A6E7}
table.press td{padding:10px;vertical-align:top}
tr.normal.neu td, tr.normal.neu a, tr.odd.neu td, tr.odd.neu a{font-weight:bold}
table.people tr.normal, table.press tr.normal{background-color:#dce8f4}
table.people tr.odd, table.press tr.odd{background-color:#cddded}
table.people td, table.press td{vertical-align:top;font-size:11px}
.helpbox, .tagBox, .errorbox{position:absolute;display:none;width:250px;background:#e9f0f8;border:3px solid #74a3ce;padding:10px;text-align:left;font-size:1.1em}
.errorbox img, .helpbox img{position:absolute;top:0px;right:0px}
.errorbox{border:3px solid #e4ccb6;background:#f5eee7}
.neues{clear:both;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dce8f4}
.meta{overflow:hidden;padding:0px;margin-bottom:10px}
.post{border-top:1px solid rgb(204,204,204)}
.meta p{margin:3px 0px;padding:0px}
.meta .left, .meta .right{width:40%}
.meta .right{text-align:right}
.post{clear:both}
.neues.person{border-bottom:1px solid rgb(204,204,204)}
.neues.person .meta{border:0px;margin:0px;padding:0px}
.neues.person .meta p{color:rgb(204,204,204);margin:0px;padding:0px}
.neues.person .post{border:0px}
.neues.blog{border:0px;padding-bottom:0px;margin-bottom:45px}
.neues.gb{border:1px solid #4481B9;padding:10px}
.neues.gb .post{clear:both;padding-top:10px}
.neues.bilder{overflow:hidden;padding-bottom:15px}
.neues.bilder .meta{padding-bottom:0px;border:0px}
.neues.bilder .meta p{margin-bottom:0px}
.neues table.bilderliste{clear:both;padding:0px}
.neues .bilderliste td{width:105px;height:105px;text-align:center;vertical-align:middle;background:#dce8f4}
.neues .bilderliste td.first{background:#b4cee7}
.newpics li{text-align:center}
#neues_alben dt, #neues_alben dd{text-align:center}
table#activityList{padding:0px;margin:0px;width:100%}
#activityList td{vertical-align:middle;background-color:#DCE8F4;padding:5px;margin:0px}
#activityList td.pic{text-align:center;width:35px}
#activityList tr.odd td{background-color:#CDDDED}
div.textad{background-color:#BFD4E7;border:1px solid #76A3CD;width:116px}
div.textad-header{background-color:#76A3CD;color:#000000;font-size:9px;padding-left:4px;padding-top:4px}
div.textad-item{border-top:4px solid #76A3CD;line-height:16px;overflow:hidden;padding:2px}
#auskenner_schrift{margin-bottom:15px}
#person_picture{position:relative;z-index:1;margin:0px 0px 10px}
#person_auskenner{position:absolute;left:-32px;top:-30px;z-index:2}
#search_extended fieldset{border:0px;margin:0;padding:0;margin-bottom:1em}
#search_extended legend{font:bold 11px/1em Arial,Verdana,sans-serif;color:#900;margin-bottom:1em}
#search_extended p{width:300px;float:left;margin:0}
#se_gender p{display:inline;width:auto;margin-right:20px}
#se_place p{display:inline;width:auto;margin-right:20px}
.groupOptions{margin-top:10px;padding:0px;list-style-type:none;font-size:11px}
.groupOptions li{padding:3px 0px 3px 25px}
h3.news{color:#333}
#singleTan{margin:30px 0px 30px 30px}
#singleTan span{float:left;padding:8px 0px}
p#afterTan{clear:both;padding-top:30px}
span#tanBox{margin-left:30px;background:#FCF5CF url(http://static.werkenntwen.de/images/icon_key.gif) 4px center no-repeat;padding:8px 8px 8px 30px;border:1px solid #F1D13C;font-family:Verdana,Arial,monospace}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1px}
.clearfix{display:block}

» Show original CSS code

« Hide original CSS code

/* Grundformatierungen
-------------------------------------------------------- */

html{font-size:10px;}

body{
	background:#4481B9 url(http://static.werkenntwen.de/images/layout/bg.jpg) repeat-x scroll center top;
	font-family:Arial,Verdana,Sans-serif;
	text-align:center;
	color:#333;
}

body#admin{background:#faa;}

body#advertisingpreview{background:#ff44bb;}

*{
	margin:0px;
	padding:0px;
	font-size:1em;
}

/* Hilfsklassen
-------------------------------------------------------- */
.cl{
	clear:both;
}
.away{
	position:absolute;
	top:0;
	left:0;
}
.left{
	float:left;
}
.right{
	float:right;
}
img.right{
	margin:0px 0px 10px 10px;
}
img.left{
	margin:0px 10px 10px 0px;
}
.center{
	text-align:center;
}
.alignLeft{
	text-align:left;
}
.alignRight{
	text-align:right;
}

/* Elemente
-------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
	clear:both;
	font-family:Arial, Verdana,sans-serif;
}

h1{
	font-size:24px;
	font-weight:bold;
	margin:11px 0;
}

h2{
	font:12px/12px;
	margin:12px 0;
	padding:0;
	height:auto;
	background:url(http://static.werkenntwen.de/images/layout/h2-right.gif) top right no-repeat;
}

h2 span{
	font-weight:bold;
	color:#fff;
	padding:6px 8px 4px;
	display:block;
	background:url(http://static.werkenntwen.de/images/layout/h2-left.gif) top left no-repeat;
}

h2 span a{font-weight:normal;}

#right-col h2{font-size:12px;}

h3{
	font:bold 11px/11px;
	color:#900;
	margin:12px 0;
}

h4{
	font:bold 11px/11px;
	color:#333;
	margin:12px 0 0;
}

p{
	margin:18px 0;
	line-height:17px;
}

small{
	font-size:10px;
}

ul,ol{
	padding-left:25px;
}

ol.lower-latin{
	list-style-type:lower-latin;
}

img{
	border:0px;
}

em,i{font-style:italic;}
strong, b{font-weight:bold;}

a{
	color:#135AA0;
	text-decoration:none;
}
a:link {}
a:visited {}
a:hover {
	text-decoration:underline;
}
a:active {}
a:focus {}

button {
	background-color:#EFF3FC;
	border:1px solid #87A6E7;
	padding-left:5px;
	padding-right:5px;
}

input{
	padding:2px 3px;
	background-color:#FFF;
	border:1px solid #87A6E7;
}

select{
	border:1px solid #87A6E7;
}

option{
	padding-right:5px;
}

optgroup{
	font-weight:bold;
	margin-top:5px;
}

optgroup option{
	color:#000;
	padding:2px 5px 2px 10px;
}

textarea{
	font-family:Arial,Verdana,sans-serif;
	border:1px solid #87A6E7;
	padding:2px 3px;
}

/* Icons
-------------------------------------------------------- */
.isOnline{		background:url('http://static.werkenntwen.de/images/icons/icon_ok.gif') 2px 2px no-repeat;}
.chat{			background:url('http://static.werkenntwen.de/images/icons/icon_chat.gif') 2px 2px no-repeat;}
.messageTo,
.mailGroup{		background:url('http://static.werkenntwen.de/images/icons/icon_user_message.gif') 2px 2px no-repeat;}
.ichkenne,
.joinGroup{		background:url('http://static.werkenntwen.de/images/icons/icon_user_add.gif') 2px 2px no-repeat;}
.kenneNicht,
.leaveGroup{	background:url('http://static.werkenntwen.de/images/icons/icon_user_delete.gif') 2px 2px no-repeat;}
li.ignore{		background:url('http://static.werkenntwen.de/images/icons/icon_ignore.gif') 2px 2px no-repeat;}
.profilMelden,
.sneakGroup{	background:url('http://static.werkenntwen.de/images/icons/icon_sneak.gif') 2px 2px no-repeat;}
.routeTo{		background:url('http://static.werkenntwen.de/images/icons/icon_route.gif') 2px 2px no-repeat;}
.waiting{		background:url('http://static.werkenntwen.de/images/icons/icon_wait.gif') 2px 2px no-repeat;}
.backend,
.backendGroup{	background:url('http://static.werkenntwen.de/images/icons/icon_admin.gif') 2px 2px no-repeat;}
.editGroupPic,
.editMyPic,
.editBlog{		background:url('http://static.werkenntwen.de/images/icons/icon_image_edit.gif') 2px 2px no-repeat;}
.editGroup,
.editMe{		background:url('http://static.werkenntwen.de/images/icons/icon_user_edit.gif') 2px 2px no-repeat;}
.deleteMyPic,
.deleteGroup,
.deleteBlog{	background:url('http://static.werkenntwen.de/images/icons/icon_waste.gif') 2px 2px no-repeat;}
.inviteToGroup,
.addToEvent,
.createGroup{	background:url('http://static.werkenntwen.de/images/icons/icon_group_add.gif') 2px 2px no-repeat;}
.viewDetails{	background:url('http://static.werkenntwen.de/images/icons/icon_view_detail.gif') 2px 2px no-repeat;}
.downloadPDF{	background:url('http://static.werkenntwen.de/images/icons/icon_file_pdf.gif') 2px 2px no-repeat;}
.clubInvitePremium{
				background:url('http://static.werkenntwen.de/images/icons/icon_star_small.gif') 2px 2px no-repeat;}
.inviteTan{		background:transparent url(http://static.werkenntwen.de/images/icon_key_add.gif) no-repeat scroll 2px 2px;}
.tanList{		background:transparent url(http://static.werkenntwen.de/images/icon_page_keys.gif) no-repeat scroll 2px 2px;}
.showAdressbook {
				background:transparent url(http://static.werkenntwen.de/images/icons/icon_adresses.gif) no-repeat scroll 2px 2px;}
.showAdressbook {
				background:transparent url(http://static.werkenntwen.de/images/icons/icon_adresses.gif) no-repeat scroll 2px 2px;
				padding-left:25px;}

/* Boxen
-------------------------------------------------------- */
a.box{
	color:#333;
}

a.box:hover{
	text-decoration:none;
}

.box{
	padding:10px 5px 10px 30px;
	border:1px solid;
	margin:10px 0px;
}

.box.left,
.box.right{
	width:210px;
}

.box p{
	margin:0;
	padding:0;
}

.box.info{
	border-color:#B6CCE4;
	background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_message.gif') 10px 10px no-repeat;
}

.box.chatrequest{
	border-color:#B6CCE4;
	background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_chat.gif') 10px 10px no-repeat;
}

.box.default{
	border-color:#B6CCE4;
	padding:10px 5px 10px 10px;
	background:#E7EEF5;
}

.box.email{
	border-color:#B6CCE4;
	background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_email.gif') 10px 10px no-repeat;
}

.box.key{
	border-color:#F2CE3B;
	background:#FCF5CE url('http://static.werkenntwen.de/images/icons/icon_key.gif') 10px 10px no-repeat;
}

.box.success{
	border-color:#a1cf93;
	background:#d1e8c8 url('http://static.werkenntwen.de/images/icons/icon_ok.gif') 10px 10px no-repeat;
}

.box.error{
	border-color:#e4ccb6;
	background:#f5eee7 url('http://static.werkenntwen.de/images/icons/icon_error.gif') 10px 10px no-repeat;
}

/* Seiten-Elemente
-------------------------------------------------------- */
#wrapper{
	margin:0px auto;
	width:1000px;
	text-align:left;
	font-size:12px;
}

#shadow{
	padding:0px 7px 0px 0px;
	width:780px	; /* -7 wegen padding */
	background:url(http://static.werkenntwen.de/images/layout/middle.png) right repeat-y;
}

#topad{
	padding:0;
	margin:0;
	margin-top:20px;
	width:800px;
	float:left;
}

#ads{
	float:right;
	margin-top:20px;
	width:200px;
	overflow:hidden;
	text-align:left;
}

#seite{
	margin-top:20px;
	float:left;
	width:778px;
}

#seite.wallpaperTop{
	margin-top:10px;
}

#main{
	padding:0px 1px;
	border-left:1px solid #7b8cb2;
	background:#fff;
}

#rahmen{
	padding:10px;
}

#rahmen.submenuActive{
	padding-top:30px;
}

#footer{
	clear:both;
	background:url(http://static.werkenntwen.de/images/layout/bottom.png) no-repeat;
	width:787px;
	padding:15px 0px 10px;
	margin:0px;
	text-align:center;
	color:#fff;
	font-size:1em;
}

#footer p{
	font-size:0.9em;
	margin:0px;
}

#footer a{
	color:#fff;
}

/* Banner
-------------------------------------------------------- */
#banner{
	background:url(http://static.werkenntwen.de/images/layout/banner.png) no-repeat;
	width:787px;
	overflow:hidden;
	padding:0px 0px 5px 0px;
}

#topright{
	margin-top:10px;
}

#banner img{
	margin:15px 0px 0px 10px;
	float:left;
}

/* zus. Banner
-------------------------------------------------------- */
.lowerBanner{
	padding-top:80px;
}

/* oben rechts
-------------------------------------------------------- */
#topright{
	width:420px;
	float:right;
	margin-right:12px;
}

.welcome a{
	color:#666;
	font-weight:normal;
}

p.welcome{
	text-align:right;
	font-weight:bold;
	margin-top:0;
}

/* LogIn
-------------------------------------------------------- */
#login{
	float:right;
	margin-top:30px;
	margin-bottom:5px;
}

#login label{
	display:block;
}

#login p{
	float:left;
	margin:0 0 0 10px;
	width:auto;
}

#login p.options{
	width:250px;
}

#login a{
	font-size:11px;
	font-weight:bold;
}

#login input{
	width:100px;
	padding:2px 3px;
	border:1px solid #7b8cb2;
}

#login .submit,
#searchfield .submit,
input.submit{
	width:auto;
	border:0px;
}

#login input.submit{
	margin-top:15px;
}

/* Searchfield
-------------------------------------------------------- */
#searchfield{
	float:right;
	clear:both;
}

#searchfield ul{
	margin:0px;
	padding:0px;
	overflow:hidden;
	clear:both;
	list-style-type:none;
}

#searchfield li{
	margin:0px;
	padding:0px;
	float:left;
}

#searchfield li img{
	margin:0px;
	padding:0px;
}

#searchfield input {
	border:1px solid #76A3CD;
	float:left;
	margin:0px;
	padding:2px 3px;
	width:120px;
}

#searchfield form{
	clear:both;
}

#searchfield .submit {
	border:0px;
	padding:0;
	margin-left:10px;
	width:auto;
}

#googlesearch{
	display:none;
}

p.options {
	clear:both;
	font-size:0.9em;
	margin:0;
}

p.options a,
#searchfield a{
	font-weight:bold;
	color:#135AA0;
}

/* Navigation
-------------------------------------------------------- */
#navigation,
#navbalken{
	clear:both;
	height:25px;
	overflow:hidden;
	background:url(http://static.werkenntwen.de/images/layout/nav-bg.gif) no-repeat;
}

#navigation ul{
	margin:0;
	padding:3px 0px 0px 4px;
	list-style-type:none;
}

#navigation li{
	float:left;
}

#navigation a{
	text-decoration:none;
	display:block;
	color:#fff;
	font-weight:bold;
	padding:4px 8px 4px 8px;
}

#navigation a:hover,
#navigation .active a{
	color:#135aa0;
}

#navigation ul ul{
	position:absolute;
	padding-left:8px;
}

#navigation ul ul a{
	padding:2px 12px 2px 0px;
	color:#135aa0;
	border-bottom:3px solid #74a0cb;
}

#navigation ul ul a:hover,
#navigation ul ul .active a{
	color:#135aa0;
	border-bottom:3px solid #135aa0;
}

/* Untermenue
-------------------------------------------------------- */
div#reiter{
	background-image:url(http://static.werkenntwen.de/images/layout/reiterbg.jpg);
	height:25px;
}

.submenu-item,
.submenu-item-active {
	padding:5px;
	font-size:0.95em;
	font-weight:bold;
	background:transparent;
}

.submenu-item-link  {
	color:#fff;
	font-weight:bold;
}

.submenu-item-active a:hover,
.submenu-item-active a{
	color:#135aa0;
	font-weight:bold;
	text-decoration:none;
}

.menu-item-active a:hover,
.menu-item-active a{
	font-weight:bold;
	color:#135aa0;
	text-decoration:none;
}

/* Inhaltsbereich
-------------------------------------------------------- */
#content,
#content_main{
	float:left;
	width:570px;
}

/* Sidebar
-------------------------------------------------------- */
#sidebar{
	float:right;
	width:170px;
}

#sidebar p,
#sidebar li,
#sidebar center,
#sidebar dt,
#sidebar dd{
	font-size:11px;
}

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

/* Reiter
-------------------------------------------------------- */
.reiter{
	clear:both;
	background:url(http://static.werkenntwen.de/images/layout/reiterbg.jpg) repeat-x;
	text-align:center;
	overflow:hidden;
}

.reiter ul{
	display:block;
	width:100%;
	margin:0px auto;
	list-style-type:none;
	padding:0px;
}

.reiter li{
	float:left;
}

.reiter li a{
	padding:0.5em 0.7em;
	font-size:0.8em;
	display:block;
	font-weight:bold;
	color:#fff;
}

/* static
-------------------------------------------------------- */
.indent{
	padding-left:55px;
}

/* Tagging-Box
-------------------------------------------------------- */
#closeBox{
	position:absolute;
	top:0px;
	right:0px;
}

div.tagBox{
	background:#fff;
}

.tagBox ul{
	margin-top:10px;
	height:200px;
	overflow:scroll;
	clear:both;
	padding:0px;
	list-style:none;
}

.tagBox li{
	clear:both;
}

.tagBox a{
	display:block;
	padding:5px 0px;
	overflow:hidden;
	background:#fff;
}

.tagBox p a{
	display:inline;
	padding:0;
	background:transparent;
}

.tagBox a:hover{
	background:#74A3CE;
}

.tagBox p a:hover{
	background:transparent;
}

/* diverses
-------------------------------------------------------- */

.select_inline select{
	float:left;
	margin-right:5px;
	overflow:hidden;
	margin-bottom:10px;
}

.locator{
	margin-top:10px;
}

#aboutGroup{
	padding:0px 10px;
	font-size:11px;
}

th.detailhead{
	font-weight:normal;
	color:#999;
	width:110px;
}

td.detailvalue{
	margin-right:10px;
}

.radio_buttons{
	float:left;
}

.breadcrumbs{
	display:block;
	margin:20px 0px;
}

/* Tabellen
-------------------------------------------------------- */
table.people {
	border-collapse:collapse;
	width:100%;
	font-size:1.1em;
}

table.people th,
table.press th {
	text-align:left;
	padding:5px;
	background-color:#88aed3;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}

table.people tr.normal {
	background-color:#D7E2F6;
}
table.people tr.odd {
	background-color:#EEF2FD;
}
table.people td {
	padding:5px;
	vertical-align:top;
}

table.people td td{
	padding:0;
}

table.people td input {
	padding:2px 3px;
}

table.press {
	border:1px solid #87A6E7;
	border-collapse:collapse;
	width:100%;
}

table.press tr.normal {
	border-bottom:1px solid #87A6E7;
}

table.press tr.odd {
	border-bottom:1px solid #87A6E7;
}

table.press td {
	padding:10px;
	vertical-align:top;
}

tr.normal.neu td,
tr.normal.neu a,
tr.odd.neu td,
tr.odd.neu a{
	font-weight:bold;
}

table.people tr.normal,
table.press tr.normal {
	background-color:#dce8f4;
}
table.people tr.odd,
table.press tr.odd {
	background-color:#cddded;
}
table.people td,
table.press td {
	vertical-align:top;
	font-size:11px;
}

/* Helpbox
-------------------------------------------------------- */
.helpbox,
.tagBox,
.errorbox{
	position:absolute;
	display:none;
	width:250px;
	background:#e9f0f8;
	border:3px solid #74a3ce;
	padding:10px;
	text-align:left;
	font-size:1.1em;
}

.errorbox img,
.helpbox img{
	position:absolute;
	top:0px;
	right:0px;
}

.errorbox{
	border:3px solid #e4ccb6;
	background:#f5eee7;
}

/* Neues
-------------------------------------------------------- */
.neues{
	clear:both;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px solid #dce8f4;
}

.meta{
	overflow:hidden;
	padding:0px;
	margin-bottom:10px;
}

.post{
	border-top:1px solid rgb(204,204,204);
}

.meta p{
	margin:3px 0px;
	padding:0px;
}

.meta .left,
.meta .right{
	width:40%
}

.meta .right{
	text-align:right;
}

.post{
	clear:both;
}

.neues.person{
	border-bottom:1px solid rgb(204,204,204);
}

.neues.person .meta{
	border:0px;
	margin:0px;
	padding:0px;
}

.neues.person .meta p{
	color:rgb(204,204,204);
	margin:0px;
	padding:0px;
}

.neues.person .post{
	border:0px;
}

.neues.blog{
	border:0px;
	padding-bottom:0px;
	margin-bottom:45px;
}

.neues.gb{
	border:1px solid #4481B9;
	padding:10px;
}

.neues.gb .post{
	clear:both;
	padding-top:10px;
}

.neues.bilder{
	overflow:hidden;
	padding-bottom:15px;
}

.neues.bilder .meta{
	padding-bottom:0px;
	border:0px;
}

.neues.bilder .meta p{
	margin-bottom:0px;
}

.neues table.bilderliste{
	clear:both;
	padding:0px;
}

.neues .bilderliste td{
	width:105px;
	height:105px;
	text-align:center;
	vertical-align:middle;
	background:#dce8f4;
}

.neues .bilderliste td.first{
	background:#b4cee7;
}

.newpics li{
	text-align:center;
}

#neues_alben dt,
#neues_alben dd{
	text-align:center;
}

/* Neues - Activity
-------------------------------------------------------- */

table#activityList{
	padding:0px;
	margin:0px;
	width:100%;
}

#activityList td{
	vertical-align:middle;
	background-color:#DCE8F4;
	padding:5px;
	margin:0px;
}

#activityList td.pic{
	text-align:center;
	width:35px;
}

#activityList tr.odd td{
	background-color:#CDDDED;
}

/* Werbung
-------------------------------------------------------- */
div.textad {
	background-color:#BFD4E7;
	border:1px solid #76A3CD;
	width:116px;
}

div.textad-header {
	background-color:#76A3CD;
	color:#000000;
	font-size:9px;
	padding-left:4px;
	padding-top:4px;
}

div.textad-item {
	border-top:4px solid #76A3CD;
	line-height:16px;
	overflow:hidden;
	padding:2px;
}

/* Auskenner
-------------------------------------------------------- */
#auskenner_schrift{
	margin-bottom:15px;
}

#person_picture{
	position:relative;
	z-index:1;
	margin:0px 0px 10px;
}

#person_auskenner{
	position:absolute;
	left:-32px;
	top:-30px;
	z-index:2;
}
/* Profi-Suche
-------------------------------------------------------- */
#search_extended fieldset{
	border:0px;
	margin:0;
	padding:0;
	margin-bottom:1em;
}

#search_extended legend{
	font:bold 11px/1em Arial, Verdana,sans-serif;
	color:#900;
	margin-bottom:1em;
}

#search_extended p{
	width:300px;
	float:left;
	margin:0;
}

#se_gender p{
	display:inline;
	width:auto;
	margin-right:20px;
}

#se_place p{
	display:inline;
	width:auto;
	margin-right:20px;
}

/* Optionen
-------------------------------------------------------- */

.groupOptions{
	margin-top:10px;
	padding:0px;
	list-style-type:none;
	font-size:11px;
}

.groupOptions li{
	padding:3px 0px 3px 25px;
}

/* Startseitennews
-------------------------------------------------------- */

h3.news{
	color:#333;
}

/* Tans
-------------------------------------------------------- */
#singleTan{
	margin:30px 0px 30px 30px;
}

#singleTan span{
float:left;
padding:8px 0px;
}

p#afterTan{
clear:both;
padding-top:30px;
}

span#tanBox{
	margin-left:30px;
	background:#FCF5CF url(http://static.werkenntwen.de/images/icon_key.gif) 4px center no-repeat;
	padding:8px 8px 8px 30px;
	border: 1px solid #F1D13C;
	font-family:Verdana, Arial, monospace;
}

/* clearfix
-------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE */
.clearfix { display: inline-block; }
/* vor IE5/Mac verstecken \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende Anpassung fuer IE5/Mac */

Some information about this website:

URL: http://static.werkenntwen.de/
CSS URL: http://static.werkenntwen.de/css/body/main.css
Title: