/* ALLGEMEIN


	gelb			#fcff00
	magenta   #d6156c
	cyan			#0b8c8f

------------------------------------------------------------------------------*/

*{
	color:#000;
	font-family: georgia;
	font-size:13px;

}

body{
	background:#FFF;
	padding:0;
	margin:0;
	text-align:center;
}

form{
  margin:0;
  padding:0;
}


img{
  border:0;
}

a,
input{
  outline:none;
}

.clear{
  clear:both;
}

p,
ul{
  line-height: 1.5em;
}

.logo{
  position:absolute;
	top:100px;
	margin-left:630px;
}

.title{
  position:absolute;
	top:163px;
  letter-spacing:-0.05em;
	font-size:20px;
	font-weight:bold;
}
.title span{
	font-size:20px;
	font-weight:bold;
  color:#999;
}



hr{
  clear:both;
	border:0;
	border-bottom:2px solid #CCC;
	margin:30px 0 20px 0;
}


/* RATING
------------------------------------------------------------------------------*/

#ratetxt{
  font-size:11px;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
  border-top:2px solid #CCC;
	color:#999;
  line-height:1.5em;
}


/* TAGCLOUD
------------------------------------------------------------------------------*/

.tagcloud{
  text-align: justify;
}


.tagcloud a{
  text-decoration: none;
  margin:0 5px 0 0;
  font-size:12px;
}

.tagcloud a:hover{
  background:#fcff00;
}

/* TOOLTIP
------------------------------------------------------------------------------*/

#tooltip {
	padding: 2px 5px;
	background: #d6156c;
	border: 1px solid #d6156c;
	text-align: left;
	font-size: 11px;
	color:#FFF;
}

/* SEARCH
------------------------------------------------------------------------------*/

form#search{
  margin:20px 0;
}

form#search input{
  width:160px;
  border:2px solid #CCC;
  float:left;
}

form#search input:focus{
  border:2px solid #d6156c;
}

form#search input.btn{
  width:30px;
  float:right;
  margin:0 0 0 5px;
  cursor:pointer;
  background:#CCC;
}

/* SUBMIT
------------------------------------------------------------------------------*/

form#submit{
  margin:20px 0;
}

form#submit label{
  text-transform:uppercase;
  color:#999;
  font-size:11px;
  margin:15px 0 10px 0;
  display: block;
}


form#submit input,
form#submit textarea{
  font-size:20px;
  width:500px;
  border:2px solid #CCC;
}

form#submit input.btn{
  width:200px;
  cursor:pointer;
  margin:15px 0;
  background:#CCC;
}

form#submit input:focus,
form#submit textarea:focus{
  border:2px solid #d6156c;
}

form#submit textarea{
  height:300px;
  overflow:auto;
}


/* COMMENT
------------------------------------------------------------------------------*/

form#comment{
  margin:20px 0;
}


form#comment label{
  width:240px;
	float:left;
	margin:5px 20px 0 0;
  padding-top:2px;
  text-align:right;
  text-transform:uppercase;
  color:#999;
  font-size:11px;
}

form#comment input,
form#comment textarea{
  width:460px;
  border:2px solid #CCC;
  margin:5px 0;
}

form#comment textarea{
  height:150px;
  overflow:auto;
}

form#comment div.btn{
  text-align:right;
  margin:0 5px 0 0;
}

form#comment input.btn{
  width:100px;
  cursor:pointer;
  margin:10px 0;
  background:#CCC;
}

form#comment input:focus,
form#comment textarea:focus{
  border:2px solid #d6156c;
}


div.error{
  width:460px;
  padding:10px 20px;
  background:#e982b1;
  border:2px solid #d6156c;
}

div.error_comment{
  width:430px;
  padding:10px 20px;
  background:#e982b1;
  border:2px solid #d6156c;
  float:right;
}


input.txttxt{
  display:none;
}

fieldset{
  border:0;
  margin:0;
  padding:0;
}



/* CONTENT
------------------------------------------------------------------------------*/

#content a{
	text-decoration:none;
}

#content a:hover{
	background:#fcff00;
}


#content .txt{
  width:240px;
	float:left;
	margin:0 20px 0 0;
}

#content h1{
	margin:0 0 20px 0;
	padding:0;
}

#content h1 span{
  color:#999;
  margin-left:5px;
}

#content h2{
	margin:0 0 10px 0;
	padding:0;
}

#content h3{
	margin:20px 0 0 0;
	padding:10px 0 0 0;
  border-top:2px solid #CCC;
}

#content p.desc{
  font-size: 11px;
}

#content p.desc a{
  font-size:11px;
	color:#333;
	background:#fcff00;
}


#content h1,
#content .txt h1,
#content .txt h1 a{
  color:#d6156c;
	font-size:16px;
	text-decoration:none;
	letter-spacing:-0.05em;
}

#content .txt h1 a:hover{
	color:#d6156c;
	background:#fcff00;
}

#content .txt p.info{
  font-size:11px;
	margin:0;
	padding:0 0 10px 0;
	color:#999;
  line-height:1.5em;
}

#content .txt p.info a{
  font-size:11px;
	color:#666;
	text-decoration:none;
}

#content .txt p.info a:hover{
	background:#fcff00;
}

#content .txt p.info a.external{
  font-size:11px;
	color:#666;
  background:#fcff00;
	text-decoration:none;
}

#content .txt p.info a:hover.external{
	background:#d6156c;
  color:#FFF;
}



#content .img{
  width:460px;
	float:left;
}

#content .img a img{
  border:4px solid #CCC;
	display:block;
}

#content .img a:hover img{
  border:4px solid #fcff00;
	display:block;
}

#content .tn a img{
  border:4px solid #CCC;
	display:block;
  float:left;
  margin:0 10px 10px 0;
  width:150px;
  height:150px;
  background:transparent url(../images/layout/loader.gif) no-repeat 50% 50%;
}

#content .tn a:hover img{
  border:4px solid #fcff00;
	display:block;
}

/* COMMENT
------------------------------------------------------------------------------*/


#content .comment{
	margin:20px 0;
}

#content .comment .info{
  width:240px;
	float:left;
	margin:0 20px 0 0;
  font-size:11px;
	color:#999;
  line-height:1.5em;
}

#content .comment .info b{
  color:#666;
  font-weight:normal;
}

#content .comment .text{
  width:440px;
	float:left;
  background: #f8f8f8;
  padding:10px;
}


/* PAGINATION
------------------------------------------------------------------------------*/

.pagination{
  width:100%;
	border-top:2px solid #DDD;
  padding:10px 0 0 0 ;
	margin:20px 0 0 0;
}

.pagination span{
	color:#777;
	float:left;
}

.pagination i{
	color:#666;
	font-style:normal;
}

.pagination a,
.pagination b{
  display:block;
	float:left;
	padding:0 3px;
}

.pagination .disabled,
.pagination .current{
 padding:0 3px;
}


/* SIDEBAR
------------------------------------------------------------------------------*/

#sidebar h2{
  color:#333;
	font-size:16px;
	margin:0;
	padding:0 0 2px 0;
	letter-spacing:-0.05em;
	border-bottom:2px solid #CCC;
}

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

#sidebar ul li a{
	text-decoration:none;
}

#sidebar ul li a:hover{
	background:#fcff00;
}


/* HEADER > BANNER
------------------------------------------------------------------------------*/

#header div.banner{
  position:absolute;
  top:20px;
}



/* CONTAINER
------------------------------------------------------------------------------*/

#container{
  width:960px;
	margin:0 auto;
	text-align:left;
}

#header{
  height:200px;
	border-bottom:4px solid #000;
	margin:0 0 50px 0;
}

#content{
  width:730px;
	margin:0 30px 0 0;
	float:left;
}

#sidebar{
  width:200px;
	float:right;
}

#footer{
	border-top:4px solid #000;
  padding:10px 0;
	margin:20px 0;
	font-size:11px;
}

#footer a,
#footer div.copy{
	font-size:11px;
	text-decoration:none;
}

#footer a:hover{
	background:#fcff00;
}

#footer .copy{
  width:400px;
	float:left;
}

#footer .web20{
  width:400px;
	float:left;
}
#footer .web20 a:hover{
  background: transparent;
}


#footer .top{
  width:50px;
	float:right;
	text-align:right;
}