
/*
Theme Name: picoCMS
Theme URI: http://stereophone.de/
Description: Klassisches CMS Template mit Page/Subpage Navigation
Author: stereophone
Author URI: http://stereophone.de/
*/

body {
background: #4f718b;
margin: 0px;
padding: 10px 0 10px; 0;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
text-align:center;
font-size: 12px;
}

a {
font-weight: bold;
text-decoration:none;
color: #E62C39;
}

a:hover {
color: #000;
}

h1 {margin:0px;}
h2 {margin: 0;border-bottom: solid 1px #ccc;}

.submenue {
	float:right;
	padding:10px;
	display:inline;
}

.submenue li {
	width: 170px;
height: 22px;
background: #fff;
border-left: solid 5px #eee;
margin-bottom: 5px;
padding-left: 5px;
padding-top: 5px;
list-style: none;
}

.submenue li:hover {
background: #eee;
border-left: solid 5px #4f718b;
}

#interface {
width: 800px;
margin: 0 auto;
text-align:left;
padding: 15 px;
border: 1px solid #fff;
}


#head {
width: 800px;
height: 179px;
background: #fff url(pics/header/header6.jpg) no-repeat;
border-bottom: 1px solid #000;
margin: 0px;
padding: 0px;
}

#head-startseite {
width: 800px;
height: 179px;
background: #fff url(pics/header/header-startseite.jpg) no-repeat;
border-bottom: 1px solid #000;
margin: 0px;
padding: 0px;
}

#head a h1 {
color: #5A7800;
padding-top: 20px;
text-align: center;
display: block;
width: 100%;
height: 100%;
}

#head a:hover {
}

.description {text-align: center;}

#menu {
background-color: #fff;
width: 800px;
height: 30px;
padding-top: 5px;
}

/*
#menu a{
color: #CA0601;
font-size: 14px;
display: block;
height: 100%;
width: 100%;
}

#menu a:hover {
color: #000;
background: url(pics/link-bg-hover.gif) no-repeat;
}

#menu ul{margin: 0; padding: 0;
}

#menu li{
float:left;
width: 105px;
height: 25px;
list-style: none;
text-align: center;
background: url(pics/link-bg.gif) no-repeat;
}
*/

#container {
width: 800px;
padding-top:10px;
background: #fff;
}

#navi {
float:right;
width: 280px;
background: #fff;
margin-top: 20px;
text-align: right;
}

#navibox ul, .categories li{
margin: 0;
padding: 0;
list-style:none
}

#navibox li, categories ul{
width: 200px;
height: 22px;
background: #fff;
border-left: solid 5px #eee;
padding-left: 5px;
padding-top: 5px;
list-style: none;
}

#navibox li:hover, .categories ul:hover{
background: #eee;
border-left: solid 5px #4f718b;
}

.sidebar-content {
width: 200px;
background: #fff;
margin-left: 5px;
margin-bottom: 10px;
}

#navibox, .categories {
width: 200px;
background: #eee;
margin-left: 10px;
margin-bottom: 10px;
}

#navibox:hover {
	background: #fff;
}


#content {
float:left;
width: 500px;
background: #fff; 
}

#content-page {
float:left;
width: 500px;
background: #fff; 
}

#content h2 {
background: url(pics/cc-80x15.png) no-repeat right;
}

#contentbox {
width: 490px;
margin-left: 10px;
margin-bottom: 10px;
}

#content-breit {
float:left;
width: 800px;
background: #fff; 
}

#contentbox-breit {
width: 750px;
margin-left: 10px;
margin-bottom: 10px;
}

#footer {
clear:both;
width: 800px;
height: 30px;
background: #fff;
text-align: center;
}

#footerlink{
float:right;
margin: 6px 10px 0 10px;
}

/*---:[ comment styles ]:---*/

#comments { width: 500px; float: left; clear: both; }

	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
		ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
		ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('pics/trackback_bg.gif'); }
				
			.comment_meta { margin: 0 0 1.2em 0; }
			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				
				.comment_meta strong { font-size: 1.6em; }
					
				.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 1.0em 0; }
			


/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

	#comment_form p { padding: 0.6em 0; }
	
		#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

		#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 321px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 0.4em 4px; background: url('pics/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			

/* For Link Indication plugin */
a.liexternal {
padding-right: 12px;
background: url(pics/link-icon_external.gif) no-repeat right;
}
a.liwikipedia {
padding-right: 14px;
background: url(pics/link-icon_wikipedia.gif) no-repeat right;
}
a.liimdb {
padding-right: 18px;
background: url(pics/link-icon_imdb.png) no-repeat right;
}
a.liftp {
padding-right: 13px;
background: url(pics/link-icon_ftp.png) no-repeat right;
}
a.limailto {
padding-right: 18px;
background: url(pics/link-icon_mail.png) no-repeat right;
}
a.liinternal {
padding-right: 18px;
background: url(pics/zitzewitz.gif) no-repeat right;	
}
a.del {
	padding-left: 18px;
background: url(pics/del.gif) no-repeat left;
}
a.google {
	padding-left: 18px;
background: url(pics/google.png) no-repeat left;
}
a.feed {
	padding-right: 18px;
	background: url(pics/rss-feed.png) no-repeat right;
}
a.pdf {	padding-right: 18px;
	background: url(pics/link-icon_pdf.png) no-repeat right;
}

.rahmen-wasserzeichen {
	width: 180px;
	border: 1px solid #959596;
	padding: 5px;
	background: url(pics/wasserzeichen-130.jpg) no-repeat center;
	margin:auto;
	margin-top: 10px;
	
}

.rahmen-wasserzeichen ul {
	margin: auto;
}

.rahmen-wasserzeichen h2 {
	font-size: 12px;
}

.rahmen-wasserzeichen li {
	list-style: none;
}

.kasten {
	border: 1px solid #959596;
}

.breadcrumb {
}

.musik {
	display:none;
	background: url(pics/wock.jpg) no-repeat right;
	border:1px solid #000;
	padding: 5px;
	width: 170px;
}


.drop,.drop ul {
	padding:0;margin:0 0px;
  z-index: 195;
}

.drop {
	margin: 0 0 0 0px;
  z-index: 195;
  font-size: 14px;
}

.drop li ul a {
	padding-left:5px;
	margin-bottom:5px;
	background-color: #fff;
	margin: 0px 0 0 0;
	z-index:99;
}

.drop li {
	float:left;
	margin: 0px 10px 0px 10px;
	position:relative;
	list-style-type:none;
	font-weight:600;
	line-height: 25px;
	width: 105px;
	z-index:99;
	}

.drop li a {
	margin-left: 0px;
	padding-left: 3px;
	padding-bottom: 3px;
	display: block;
	color: #000;
	text-decoration: none;
	background: url(pics/link-bg.gif) no-repeat;
	text-align: center;
	}

.drop li a:hover {
	color: #000;
	background: #fff url(pics/link-bg-hover.gif) no-repeat;

}

.drop li ul a {
	width: 105px;
	color: #000;
	line-height: 25px;
	font-weight:normal;

}

.drop li ul a:hover {
	margin-left: 0px;
	width: 105px;
	color: #000;
	font-weight:bold;

}

.drop li li ul a {
	width:105px;
	color: #000;
	background-color: #fff;
	line-height: 14px;
	font-weight:normal;

}

.drop li ul li {
	background-color: transparent;
	width: 105px;
	margin-left: 0px;

}

.drop li ul li ul {
	visibility:hidden;
	position: absolute;
	top: 0px;
	background-color: transparent;
	width: 105px;
	margin-left: 221px;

}


.drop li ul {
	visibility:hidden;
	position:absolute;
	width:105px;

}

.drop ul ul li {
	visibility:hidden;
	position:absolute;
	width:239px;

}


.drop li:hover ul,.drop li.msieFix ul {
	visibility:visible;
	background-color:transparent;

}

.drop li li:hover li,.drop li li.msieFix li{
	visibility:visible;
	position:relative;
	background-color:transparent;

}

* html .drop li:hover ul,* html .drop li.msieFix ul {
	top:2em;
	left:0em;

}

* html .drop li li:hover li,* html .drop li li.msieFix li {
	top:-2em;
	left:0em;

}

.barrow {
	margin: 0px;
	z-index:99;
}

h1 a {
	clear:left;
}

.drop li ul li a.backarrow {
	background-color: #eee;
	font-weight: bold;
	color: #000;
}
