@CHARSET "ISO-8859-1";
/* ------------------------------------------------
Filename: steupt.css
Author: Marc Dittmann
URL: css/style.css

Blue: 0088aa

Description: Dies ist die Style datei für tagCare.
Sie lädt zuerst die Setup um die Styles zu resetten
-------------------------------------------------*/

@IMPORT url("setup.css");

body {
	font-family:'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;	
	text-align:center;	
	color: #555;
	font-size: 12px;
}

.clear {
	height: 0px;
	display: block;
	clear: both;
}
input {
	background-color: #fdfdfd;
	color: #555555;
	padding:2px 4px 2px 4px;
	border:1px solid #999999;
	font-weight:bold;
}
input[type="submit"],
input[type="button"] {
	background:#f0f0f0;
}
.blue {
	color: #0088aa;
	font-weight: bold;
}


.s1 {	font-size: 8px; }
.s2 {	font-size: 9px; }
.s3 {	font-size: 10px; }
.s4 {	font-size: 11px; }
.s5 {	font-size: 12px; }
.s6 {	font-size: 13px; }
.s7 {	font-size: 14px; }
.s8 {   font-size: 15px; }
.s9 {   font-size: 16px; }
.s10 {   font-size: 17px; }
.s11 {   font-size: 18px; }
.s12 {   font-size: 19px; }
.s13 {   font-size: 20px; }
.s14 {   font-size: 21px; }
.pd_5 {padding: 5px;}
.pd_10 {padding: 10px;}
.mg_b_10 { margin-bottom: 10px;}
.mg_b_5 { margin-bottom: 5px;}
.mg_b_20 { margin-bottom: 20px;}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
a:hover {
	text-decoration:underline;
}
a:link:hover { 
text-decoration: none; 
}

p {
	font-size:12px;
	line-height:15px;
}

div#wrapper {
	 margin-top: 5px;
	 margin-left: auto;
	 margin-right:auto;	
	 width: 695px;
	 text-align: left;
	 position:relative;
}

div.logo {
	text-align:center;
}

.bad {
	text-decoration:line-through;
	color:#999;
	
}

.good {
	color: green;
	
}
.hi {
	visibility:hidden;
}

div.content h4 img {
	margin-right: 5px;
}

div.content h4 {
	
	padding-bottom: 3px;
	float:left;
	font-weight: normal;
}

div.navi {
	border-bottom: 0px dotted #ccc;
	text-align: left;
	padding-bottom:2px;
	margin-bottom: 10px;
}
div.navi > ul {
	margin: 10px 0px 0px 10px;
	float:left;
}

div.navi > ul > li {
	float:left;
	padding-right: 5px;
	padding-left: 10px;
	position:relative;
	width: 110px;
	height: 50px;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	border-right: 1px dotted #ccc;
}
div.navi > ul > li:hover {
	background-color: #fff;
	color:#0088aa;	
	border-right: 1px solid #666;
}

div.navi > ul > li a,
div.navi > ul > li a:hover {
	margin-left:5px;
	text-decoration:none;		
}

div.navi > ul > li > a > div {
	float: left;	
	padding-right: 15px;
}

div.navi > ul > li > a > div.last_one {
	border: 0px;
}

div.navi > ul > li > a > div > span.info {
	font-size: 10px;
	line-height: normal;
	color: #999;
}
div.navi > ul > li:hover > a div span.info {	
	color: #555;
}
div.navi > ul > li:hover ul {
	display:block;
}

div.navi > ul > li > ul {
	position:absolute;
	top: 45px;
	left: -1px;
	font-size: 10px;
	background-color: #fff;
	line-height: normal;
	color: #0088aa;
	display:none;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 120px;	
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px dotted #ccc;
	z-index:100;
}

div.navi > ul > li > ul > li {
	line-height: 15px;
	background-position-y: 3px;
}
div.navi > ul > li > ul > li:hover {
	color: #0088aa;
}
div.navi > ul > li > ul > li > a:hover {
	text-decoration:underline;
}


div.content > div {
	padding: 5px;
}

div.content .left {
	float:left;
	width: 62%;
}



div.content .right {
	float:right;
	background-color: #f0f0f0;
	width:32%;
	height: 100%;
}
 

div.footer {
	border-top: 1px dotted #999;
	padding: 10px;
	font-size: 10px;
	color: #999;
	margin-top: 20px;
}
div.footer .kat {
	float:left;
	border-right: 1px dotted #999;
	padding-right: 15px;
	margin-right: 15px;
}

div.footer li {
	line-height: 13px;
}

div.footer li.h {
	font-size: 12px;
	font-weight: bold;
}

div.content .box_head {
	border-bottom: 1px dotted #999;
	margin-bottom: 5px;
	font-size:14px;
}

div.content .tagcloud .tags {
	padding: 5px;
	
	background-color: #f0f0f0;
	font-size: 12px;
}

div.content .tagcloud .tags > a:hover {
	color: #0088aa;
}
span.t {
	font-weight:bold;
	position:relative;
}

span.t:hover div.tag {
	display:block;	
}
div.tag {	
	display:none;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background-color: #fff;
	position:absolute;
	top:-2px;
	left:0px;
	padding:2px;
	min-width:100px;
	z-index:33;
}
 span.tag {
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}

 .lang {
	float:right;
}
 .his {
	font-size:10px;
}
 .his .old {
	text-decoration:line-through;
}
 .his .new {
	color:#0088aa;
}

 .detail {
	font-size:10px;
	float:right;
	padding-top:5px;
}
 .srv {
	font-size:10px;	
}
 .srv img {
	padding-right:2px;
}



.t1 {
	font-weight:bold;
	display:inline;
	position:relative;
	
	border-left:1px hidden;
	border-top:1px hidden;
	border-bottom:1px hidden;
	white-space:nowrap;
	
}

.t3 {
	display:none;
	position:absolute;
	right:-21px;
	padding-left:3px;
	background:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	width:21px;
	top:-1px;
	bottom:-1px;
	background-image: url("/data/info_down.png");
	background-repeat:no-repeat;
	background-position:5px 0px;
	z-index:22;
}

.t1:hover .t3 {
	display:inline;
}
.t1:hover {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #333;
	background:#fff;
	
}

.t3:hover {
	background-image: url("/data/info_down-over.png");
	cursor:pointer;
}
.show4 .t4 {display:block;}

.t4 {
	display:none;
	position:absolute;
	top:13px;
	right:-21px;
	left:0px;
	background-color:#fff;
	z-index:33;
	border-left: 1px solid #ccc;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding-top:2px;
}

.t4 span {
	font-size:10px;
}








.realtag {
	cursor:pointer;
}


.tatotilang {
	float:left;
	padding:2px;
}
.tatotilang img {
	border: 1px solid #ccc;
	
}
.tatotilang img:hover {
	border: 1px solid #0088aa;
}
.tatotitagname {
	margin-left:22px;
	margin-right:45px;
}
.tatotitagname span {
	line-height:20px;
	white-space:nowrap;
}
.tatotiedit {
	float:right;
	padding-bottom:2px;
}