Ergebnisse des CSS Crunching von ansgarmann.de

Mal sehen was wir getan haben für ansgarmann.de

CSSCruncher.com hat dieser Webseite
17,18 %Code erspart! Wow!

Crunched CSS Code:

body{background:#888;font:70%/1.5em Verdana,Tahoma,arial,sans-serif;color:#000;margin:0 0;text-align:center}
a,a:visited{text-decoration:none;background:inherit;color:#000000}
a:hover{text-decoration:underline;background:inherit;color:#B70000}
p{font-size:125%;font-weight:normal;color:#000}
h1,h2,h3,h4{font-family:'Trebuchet MS',Tahoma,Sans-serif}
h1{font-size:180%;font-weight:bold;color:#B40000}
h2{font-size:160%;color:#B70000;font-weight:normal}
h3{font-size:135%;color:#222}
h4{font-size:135%;color:#B70000}
h5{font-size:115%;color:#B70000}
.ctr{text-align:center}
.just{text-align:justify}
.s90{font-size:90%}
.s110{font-size:110%}
.red{color:#B70000}
table.stor{border:none;width:100%;font-size:120%;font-weight:normal;color:#000}
table.stmr{border:1px solid #B70000;width:100%;font-size:120%;font-weight:normal;color:#000}
#backg{clear:both;width:900px;background:url(/images/background.png) repeat-y center top;margin:0 auto;text-align:left}
#header{position:relative;height:225px;background:#888 url(/images/headmainmenue.png) no-repeat center top;padding:0;color:#fff}
#header h1#logo-text a{position:absolute;margin:0;padding:0;font:bolder 55px 'Trebuchet MS',Arial,Sans-serif;letter-spacing:-3px;color:#fff;text-transform:none;text-decoration:none;background:transparent;top:28px;left:255px}
#header p#slogan{position:absolute;margin:0;padding:0;font:bold 13px 'Trebuchet MS',Arial,Sans-serif;text-transform:none;color:#FFF;top:80px;left:370px}
#header p#slogan1{position:absolute;margin:0;padding:0;font:bold 13px 'Trebuchet MS',Arial,Sans-serif;text-transform:none;color:#FFF;top:35px;left:285px}
#header p{color:#fff}
#header #header-links{position:absolute;color:#C6DDEE;font:bold 11px"Trebuchet MS",Arial,Tahoma,Sans-serif;top:10px;right:70px}
#header #header-links a{color:#fff;text-decoration:none}
#header #header-links a:hover{color:#FAE25A}
#header #vcp,#wosm,#wagggs{position:absolute;height:30px;width:30px;border:none}
#header #vcp{background:transparent url(/images/vcp.png) no-repeat;top:50px;left:810px}
#header #wosm{background:transparent url(/images/wosm.png) no-repeat;top:90px;left:810px}
#header #wagggs{background:transparent url(/images/wagggs.png) no-repeat;top:130px;left:810px}
#header #slideshow{position:absolute;height:120px;width:120px;border:none;top:20px;left:90px}
#header #blaetter_links{position:absolute;height:207px;width:152px;background:transparent url(/images/neuerast.png) no-repeat;border:none;z-index:4;top:5px;left:35px}
#menu{position:absolute;clear:both;margin:0 auto;padding:0;background:transparent;font:bold 16px/30px "trebuchet MS",Arial,Tahoma,Sans-serif;height:31px;width:690px;left:213px;top:194px}
#menu ul{float:right;list-style:none;margin:0;padding:0 70px 0 0}
#menu ul li{display:inline}
#menu ul li a{display:block;float:left;padding:0 12px;color:#fff;text-decoration:none}
#menu ul li a:hover{color:#FAE25A}
#menu ul li#current a{color:#FAE25A}
#header #infob{position:absolute;height:92px;width:201px;background:url(/images/infobox.png) no-repeat;top:150px;left:50px}
#infob h2{margin:5px 8px 5px 12px;font:bold 1.4em 'Trebuchet MS',Tahoma,Sans-serif;color:#B70000;text-align:left}
#infob p{font:1.0em 'Trebuchet MS',Tahoma,Sans-serif;font-size:100%;margin:0px 8px 5px 12px;color:#333}
#bottomschieb{width:900px;margin:0;padding:0;background:none}
#bbox{width:560px;margin:5px 60px 0 0;padding:5px 15px 0 5px;background:right;float:right}
#bbox div.alert{width:500px;position:relative;background:#FAE25A;border:2px solid #B70000;padding:3px 5px 3px 5px;margin-left:27px}
#bbox ul.aktlist{list-style:none;list-style-position:inside;border-top:1px solid #666;margin:0px 50px 0px 10px;padding:0 0 3px;background:none}
#bbox ul.aktlist li{padding:0;border-bottom:1px solid #B70000;font-size:110%}
#bbox ul.aktlist a{display:block;height:35px;padding:.4em 0 .3em 15px;text-decoration:none}
#bbox ul.aktlist a:hover{padding:.4em 0 .3em 10px;border-left:5px solid #B70000;color:#B70000}
#bbox #uploader{background:left url(/images/user.png) no-repeat;padding-left:25px;margin-left:50px;width:230px;float:left}
#bbox #kategorie a{background:left url(/images/folder.png) no-repeat;padding-left:25px;width:280px}
#bbox .photo{text-align:center;padding-top:15px}
#smenu{clear:both;width:201px;float:left;margin:25px 0 0 50px}
#smenu_top{background:transparent url(/images/sidemenu1.png) no-repeat;height:12px;width:201px;margin:0;border:0}
#smenu_middle{width:201px;margin:0;background:url(/images/sidemenu2.png) repeat-y top}
#smenu_bottom{height:12px;width:201px;margin:0;border:0;background:transparent url(/images/sidemenu3.png) no-repeat top}
#smenu h2{margin:0 5px 0 12px;font:bold 1.4em 'Trebuchet MS',Tahoma,Sans-serif;color:#B70000;text-align:left}
#smenu p{font:1.0em 'Trebuchet MS',Tahoma,Sans-serif;font-size:100%;margin:0 5px 0 12px;color:#222}
#smenu ul.sidemenu{list-style:none;margin:3px 10px 0px 10px;padding:0 0 3px;background:none;border-top:1px solid #666}
#smenu ul.sidemenu li{padding:0;border-bottom:1px solid #B70000}
#smenu ul.sidemenu a{display:block;font-weight:normal;color:#222;height:1.5em;padding:.3em 0 .3em 15px;line-height:1.5em;text-decoration:none}
#smenu ul.sidemenu a:hover{padding:.3em 0 .3em 10px;border-left:5px solid #B70000;color:#B70000}
#smenu ul.sidemenu li#scurrent a{padding:.3em 0 .3em 10px;border-left:5px solid #B70000;color:#B70000}
#smenu ul.sidemenu li.klapprdy a{background-image:url(/images/sidemenu_pfl_unten_tsp.png);background-repeat:no-repeat;background-position:right center}
#smenu ul.sidemenu li.klapprdy a:hover{background-image:url(/images/sidemenu_pfl_unten.png);background-repeat:no-repeat;background-position:right center}
#smenu ul.sidemenu li.klapp a{padding:.3em 0 .3em 10px;border-left:5px solid #B70000;color:#B70000;background-image:url(/images/sidemenu_pfl_unten.png);background-repeat:no-repeat;background-position:right center}
#smenu ul.sidemenu li.klapp a:hover{padding:.3em 0 .3em 10px;border-left:5px solid #B70000;color:#B70000;background-image:url(/images/sidemenu_pfl_oben.png);background-repeat:no-repeat;background-position:right center}
#smenu ul.subsidemenu{list-style:none;margin:0px 0px 8px 10px;padding:0;background:none}
#smenu ul.subsidemenu li{padding:0;border:0;line-height:1.1em}
#smenu ul.subsidemenu a{display:block;border-left:none;font-weight:normal;color:#333;height:1.1em;padding:.3em 0 .3em 20px;line-height:1.1em;text-decoration:none;background-image:none}
#smenu ul.subsidemenu li.noklapp a{display:block;border-left:none;font-weight:normal;color:#333;height:1.1em;padding:.3em 0 .3em 20px;line-height:1.1em;text-decoration:none;background-image:none}
#smenu ul.subsidemenu li.noklappmark a{padding:.3em 0 .3em 15px;color:#B70000;border-left:5px solid #B70000;background-image:none;height:1.1em}
#smenu ul.subsidemenu li.noklapp a:hover{padding:.3em 0 .3em 15px;color:#B70000;border-left:5px solid #B70000;background-image:none}
#smenu ul.subsidemenu li.noklappmark a:hover{padding:.3em 0 .3em 15px;color:#B70000;border-left:5px solid #B70000;background-image:none}
#bottom{background:#888 url(/images/bottom.png) no-repeat center top;clear:both;width:900px;height:35px;text-align:center;padding:10px 0}
#bottom p{font:1.0em 'Trebuchet MS',Tahoma,Sans-serif;font-size:100%;margin:0px 8px 5px 8px;color:#555}
#bottom a{font:1.0em 'Trebuchet MS',Tahoma,Sans-serif;font-size:100%;margin:0px 8px 5px 8px;color:#555}
.clear{clear:both;height:0;line-height:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.clearfix{height:1%}
.clearfix{display:block}
.tab{background:url(/images/tab_b.png) repeat-x 0 0;height:42px;position:relative;top:0;z-index:999}
.tab ul.login{display:block;position:relative;float:right;clear:right;height:42px;width:auto;font-weight:bold;line-height:42px;margin:0;right:150px;color:white;font-size:80%;text-align:center}
.tab ul.login li.left{background:url(/images/tab_l.png) no-repeat left 0;height:42px;width:30px;padding:0;margin:0;display:block;float:left}
.tab ul.login li.right{background:url(/images/tab_r.png) no-repeat left 0;height:42px;width:30px;padding:0;margin:0;display:block;float:left}
.tab ul.login li{text-align:left;padding:0 6px;display:block;float:left;height:42px;background:url(/images/tab_m.png) repeat-x 0 0}
.tab ul.login li a{color:#15ADFF}
.tab ul.login li a:hover{color:white}
.tab .sep{color:#414141}
.tab a.open,.tab a.close{height:20px;line-height:20px !important;padding-left:30px !important;cursor:pointer;display:block;width:130px;position:relative;top:11px}
.tab a.open{background:url(/images/bt_open.png) no-repeat left 0}
.tab a.close{background:url(/images/bt_close.png) no-repeat left 0}
.tab a:hover.open{background:url(/images/bt_open.png) no-repeat left -19px}
.tab a:hover.close{background:url(/images/bt_close.png) no-repeat left -19px}
#toppanel{position:absolute;top:0;width:100%;z-index:999;text-align:center;margin-left:auto;margin-right:auto}
#panel{width:100%;height:270px;color:#999999;background:#272727;overflow:hidden;position:relative;z-index:3;display:none}
#panel h1{font-size:1.6em;padding:5px 0 10px;margin:0;color:white}
#panel h2{font-size:1.2em;padding:10px 0 5px;margin:0;color:white}
#panel p{margin:5px 0;padding:0}
#panel a{text-decoration:none;color:#15ADFF}
#panel a:hover{color:white}
#panel a-lost-pwd{display:block;float:left}
#panel .content{width:960px;margin:0 auto;padding-top:15px;text-align:left;font-size:0.85em}
#panel .content .left{width:280px;float:left;padding:0 15px;border-left:1px solid #333}
#panel .content .right{border-right:1px solid #333}
#panel .content form{margin:0 0 10px 0}
#panel .content label{float:left;padding-top:8px;clear:both;width:280px;display:block}
#panel .content input.field{border:1px #1A1A1A solid;background:#414141;margin-right:5px;margin-top:4px;width:200px;color:white;height:16px}
#panel .content input:focus.field{background:#545454}
#panel .content input.bt_login, #panel .content input.bt_register{display:block;float:left;clear:left;height:24px;text-align:center;cursor:pointer;border:none;font-weight:bold;margin:10px 0}
#panel .lost-pwd{display:block;float:left;clear:right;padding:15px 5px 0;font-size:0.95em;text-decoration:underline}
#accordion{height:700px}
#accordion img{float:left;margin-right:10px;margin-bottom:10px}
#accordion ul li{height:140px}
#accordion ul{list-style:none}
#accordion #ukath2{}

» Zeige den Original CSS code

« Verberge den Original CSS code

/* Body */

body {
	background: #888;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #000;
	margin: 0 0;
	text-align: center;
}

/* links */
a, a:visited {
	text-decoration: none;
	background: inherit;
	color: #000000; 
}
a:hover {
	text-decoration: underline;
	background: inherit;
	color: #B70000;
}

p {
	font-size: 125%;	
	font-weight: normal;	
	color: #000;
	
}

/* headers, schriften */
h1, h2, h3, h4 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;  }
h1 {
	font-size: 180%;	
	font-weight: bold;	
	color: #B40000;
}
h2 {
	font-size: 160%;
	color: #B70000;
	font-weight: normal;
}
h3 {
	font-size: 135%;	 
	color: #222;
}
h4 {
	font-size: 135%;	 
	color: #B70000;
}
h5 {
	font-size: 115%;	 
	color: #B70000;
}

.ctr {
	text-align: center;
}

.just {
	text-align: justify;
}

.s90 {
	font-size: 90%;
}

.s110 {
	font-size: 110%;
}

.red {
	color: #B70000;
}
table.stor {
	border: none;
	width: 100%;
	font-size: 120%;	
	font-weight: normal;	
	color: #000;
}

table.stmr {
	border: 1px solid #B70000;
	width: 100%;
	font-size: 120%;	
	font-weight: normal;	
	color: #000;
}

/* BG */

#backg {
	clear: both;
	width: 900px;
	background: url(/images/background.png) repeat-y center top;
	margin: 0 auto;
	text-align: left;
	
}

/* Header */
#header {
	position: relative;
	height: 225px;
	background: #888 url(/images/headmainmenue.png) no-repeat center top;
	padding: 0;	
	color: #fff;
		
}

#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 55px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -3px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	background: transparent;
	
	
	top: 28px; left: 255px;	
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	
	top: 80px; left: 370px;		
}
#header p#slogan1 {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	
	top: 35px; left: 285px;		
}

/* Links im Head */

#header p {
	color: #fff;
}
#header #header-links {
	position: absolute;
	color: #C6DDEE;
	font: bold 11px"Trebuchet MS", Arial, Tahoma, Sans-serif;
	top: 10px; right: 70px;	
}
#header #header-links a {	
	color: #fff;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #FAE25A;	
}

/* VCP, WAGGGS; WOSM */

#header #vcp, #wosm, #wagggs{
	position: absolute;
	height: 30px;
	width: 30px;
	border: none;
}
#header #vcp {
	background: transparent url(/images/vcp.png) no-repeat;
	top: 50px; left: 810px;
}

#header #wosm {
	background: transparent url(/images/wosm.png) no-repeat;
	top: 90px; left: 810px;
}

#header #wagggs {
	background: transparent url(/images/wagggs.png) no-repeat;
	top: 130px; left: 810px;
}

/*Slideshow */

#header #slideshow {
	position: absolute;
	height: 120px;
	width: 120px;
	border: none;
	
	top: 20px; left: 90px;
	
}

/* Bl?er */

#header #blaetter_links {
	position: absolute;
	height: 207px;
	width: 152px;
	background: transparent url(/images/neuerast.png) no-repeat;
	border: none;
	z-index: 4;
	top: 5px; left: 35px;
}

/* Hauptmen?
#menu {
	position: absolute;
	clear: both;	
	margin: 0 auto; padding: 0;
	background:  transparent;	
	font: bold 16px/30px "trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 31px;
	width: 690px;	
	
	left: 213px; top: 194px;
}
#menu ul {
	float: right;
	list-style: none;
	margin:0; padding: 0 70px 0 0;
	
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 12px;
	color: #fff;	
	text-decoration: none;
}
#menu ul li a:hover {
	color: #FAE25A;	
}
#menu ul li#current a {	
	color: #FAE25A;
}

/* Infobox */

#header #infob {
	position: absolute;
	height: 92px;
	width: 201px;
	background: url(/images/infobox.png) no-repeat;
	top:150px; left: 50px;
	
	
}

#infob h2 {
	margin: 5px 8px 5px 12px;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #B70000;
	text-align: left;
}
#infob p {
	font: 1.0em 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 100%;
	margin: 0px 8px 5px 12px;
	color:#333;
}

#bottomschieb {
	width: 900px;
	margin: 0;
	padding: 0; 
	background: none;
}

#bbox {
	width: 560px;
	margin: 5px 60px 0 0;
	padding:5px 15px 0 5px; 
	background: right;
	float: right;
	
}

#bbox div.alert {
	width: 500px;
	position: relative;
	background: #FAE25A;
	border: 2px solid #B70000;
	padding: 3px 5px 3px 5px;
	margin-left: 27px;
}

/* Liste Aktionen */

#bbox ul.aktlist {
	list-style:none;
	list-style-position: inside;
	border-top: 1px solid #666;
	margin: 0px 50px 0px 10px;
	padding: 0 0 3px;
	background: none;
}

#bbox ul.aktlist li {
	padding: 0;
	border-bottom: 1px solid #B70000;
	font-size: 110%;
}
#bbox ul.aktlist a {
	display:block;
	height: 35px;	
	padding:.4em 0 .3em 15px;
	
	
	text-decoration:none;
}

#bbox ul.aktlist a:hover {
	padding: .4em 0 .3em 10px;
	border-left: 5px solid  #B70000;
	color: #B70000;		
}

#bbox #uploader {
	background: left url(/images/user.png) no-repeat;
	padding-left: 25px;
	margin-left:50px;
	width: 230px;
	float: left;
}

#bbox #kategorie a {
	background: left url(/images/folder.png) no-repeat;
	padding-left: 25px;
	width: 280px;
}

#bbox .photo {
	text-align: center;
	padding-top:15px;
}
/* Seitenmen?

#smenu {
	clear: both;
	width: 201px;
	float: left;
	margin: 25px 0 0 50px;
}

#smenu_top {
	background: transparent url(/images/sidemenu1.png) no-repeat;
	height: 12px;
	width: 201px;
	margin: 0;
	border: 0;
}

#smenu_middle {
	width: 201px;
	margin: 0;
	background: url(/images/sidemenu2.png) repeat-y top;
	
}

#smenu_bottom {
	height: 12px;
	width: 201px;
	margin: 0;
	border: 0;
	background: transparent url(/images/sidemenu3.png) no-repeat top;
}

#smenu h2 {
	margin: 0 5px 0 12px;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #B70000;
	text-align: left;
}
#smenu p {
	font: 1.0em 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 100%;
	margin: 0 5px 0 12px;
	color:#222;
}

/* ***************** */

#smenu ul.sidemenu {
	list-style:none;
	margin: 3px 10px 0px 10px;
	padding: 0 0 3px;
	background: none;
	border-top: 1px solid #666;
}
#smenu ul.sidemenu li {
	padding: 0;
	border-bottom: 1px solid #B70000;
}
#smenu ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #222;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	
	text-decoration:none;
}

#smenu ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #B70000;
	color: #B70000;		
}

#smenu ul.sidemenu li#scurrent a {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #B70000;
	color: #B70000;
}

#smenu ul.sidemenu li.klapprdy a {
	background-image: url(/images/sidemenu_pfl_unten_tsp.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#smenu ul.sidemenu li.klapprdy a:hover {
	background-image: url(/images/sidemenu_pfl_unten.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#smenu ul.sidemenu li.klapp a {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #B70000;
	color: #B70000;
	background-image: url(/images/sidemenu_pfl_unten.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#smenu ul.sidemenu li.klapp a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #B70000;
	color: #B70000;
	background-image: url(/images/sidemenu_pfl_oben.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#smenu ul.subsidemenu {
	list-style:none;
	margin: 0px 0px 8px 10px;
	padding: 0;
	background: none;
		
}
#smenu ul.subsidemenu li {
	padding: 0;
	border: 0;
	line-height: 1.1em;
}

#smenu ul.subsidemenu a {
	display:block;
	border-left: none;
	font-weight:normal;
	color: #333;
	height: 1.1em;
	padding:.3em 0 .3em 20px;
	line-height: 1.1em;
	text-decoration:none;
	background-image: none;
}

#smenu ul.subsidemenu li.noklapp a {
	display:block;
	border-left: none;
	font-weight:normal;
	color: #333;
	height: 1.1em;
	padding:.3em 0 .3em 20px;
	line-height: 1.1em;
	text-decoration:none;
	background-image: none;
}

#smenu ul.subsidemenu li.noklappmark a {
	padding: .3em 0 .3em 15px;
	color: #B70000;
	border-left: 5px solid  #B70000;
	background-image: none;
	height: 1.1em;
}

#smenu ul.subsidemenu li.noklapp a:hover {
	padding: .3em 0 .3em 15px;
	color: #B70000;
	border-left: 5px solid  #B70000;
	background-image: none;

}

#smenu ul.subsidemenu li.noklappmark a:hover {
	padding: .3em 0 .3em 15px;
	color: #B70000;
	border-left: 5px solid  #B70000;
	background-image: none;
}

/* *************** */

/* Bottom */

#bottom {
	background: #888 url(/images/bottom.png) no-repeat center top;
	clear: both;
	width: 900px;
	height: 35px;
	text-align: center;
	padding: 10px 0;
}

#bottom p {
	font: 1.0em 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 100%;
	margin: 0px 8px 5px 8px;
	color:#555;
}

#bottom a {
	font: 1.0em 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 100%;
	margin: 0px 8px 5px 8px;
	color:#555;
}

.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {height: 1%;}
.clearfix {display: block;}

.tab {
  	background: url(/images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(/images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(/images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(/images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 130px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(/images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 270px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

/* Akkordion */
#accordion {
	height: 700px;
}
#accordion img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#accordion ul li {
	height:140px;
}

#accordion ul {
	list-style:none;
}

#accordion #ukath2 {
	
}