/* BASE */

* {
  font-family: helvetica, arial, sans-serif;
}

a {
  color: #47A;
  text-decoration: none;
}

a:hover {
  color: #258;
  text-decoration: underline;
}

a img {
  border: 0;
}

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

.versteckt { display:none; visibility:hidden; } 

#wrapper1 { 
  margin: 0 auto;
  padding: 4px;
  text-align:center;
  width:1100px; 
  background-color: #DDEEFF; 
} 



#mainpage { 
  text-align:left; 
  min-width:950px;
}


#bcontent { 

  float:left; 
  margin: 0 auto;
  padding: 0px; 
  width: 72%;
  min-width:610px; 
/*  background-color: #DDEEFF; */
  background-color: #DEDEDE; 

} 


.infobox { 

  margin: 0px;
  padding: 4px 4px 4px 20px;

}



.infobox ul { 

  list-style-type: none;

  margin: 2px;

  padding: 2px;

  width: auto;

}



.infobox ul li { 

  list-style-type: none;

  margin: 0px;

  padding: 2px 0px 0px 0px;

  width: auto;

}



.infobox ul li a { 

  display:block; 

  font-size: 18px;

  font-weight: bold;

  padding: 2px 2px 2px 12px;

  background: #DEDEDE;

  color: #3366AA;

}



.infobox ul li a:hover {

  background: #77AADD;

  color: #FFF;

}





#adbox { 

  clear:both; 

  margin: 0 auto;

  padding: 4px 4px 4px 4px;

  text-align:center; 

}



.adbox { 

  clear:both; 

  margin: 0 auto;

  padding: 4px 4px 4px 4px;

  text-align:center; 

}





input[type=submit] {

  background-color: #DDEEFF;

  border: 1px solid #CCC;

/*  border-radius: 5px; */

  font-size: 13px;

  padding: 4px 12px;

  text-shadow: #FFF 1px 1px 0px;



}

input[type=submit]:active {

  background-color: #DDEEFF;

}

input[type=submit]:hover {

  border-color: #666;

}

input[type=text],

input[type=password],

select,

textarea {

  border: 1px solid #CCC;

/*  border-radius: 3px; */

  font-size: 13px;

  padding: 4px 5px;



}

p.error,

p.success {

  border: 1px solid;

  font-size: small;

  margin: .5em;

  padding: .5em;

  width: 70%;

}

p.error {

  background: #FCC;

  border-color: #966;

  color: #633;

}

p.success {

  background: #CFC;

  border-color: #696;

  color: #363;

}

td#availability {

  color: #285;

  font-weight: bold;

}

td#availability.not-available {

  color: #F00;

}

textarea {

  font-size: small;

  padding: .2em;

}

th {

  padding-right: 1em;

  text-align: right;

}



/* HEADER */



div#header {

  background: #FFF url('bg_header2.png') bottom repeat-x;

  border-bottom: 3px solid #9CD;

  clear: both;

}

div#header:after {

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

}

* html div#header {

  height: 1%;

}



h1 {

  float: left;

  font-size: x-large;

  font-weight: bold;

  margin: 0;

  padding: 1em;

/*  text-transform: lowercase; */

}



html > body h1 {

  

/*

  background: url('logo.png') no-repeat 10px; 

  padding-left: 75px;

*/



  background: url('logo3.png') no-repeat 10px; 

  padding-left: 75px;



}



html > body div#header.popup h1 {

  background: url('logo_24.png') no-repeat 10px;

  padding: .5em .5em .5em 50px;

}



h1 a {

  color: #000;

  text-shadow: 2px 2px 2px #9CD;

}

h1 a:hover {

  color: #000;

}

h2 {

  background: #666 url('bg_bar.png') center repeat-x;

  border-bottom: 3px solid #DDD;

  clear: both;

  color: #DDD;

  font-size: medium;

  letter-spacing: .1em;

  margin: 0 0 1em 0;

  padding: .5em 1em;

  text-shadow: 1px 1px 1px #333;

/*  text-transform: lowercase; */

}



/* NAVIGATION */



ul#navigation { 

  margin: 0; 

  list-style-type: none; 

  padding: 4px 2px;

/*  text-transform: lowercase; */

  width: auto; 

}



ul#navigation a {

  margin: 2px; 

  font-size: medium;

  font-weight: bold;

  padding: 2px 4px;

  border: 1px solid #333333; 

}



ul#navigation a:hover {

  background: #7AD;

  color: #FFF;

}





ul#navigation a:hover span {

  color: #003366; 

  background:#EEEECC;

}





ul#navigation li { 

  float: left;

  margin: 12px 2px 4px 2px; 

}

ul#navigation li.access {

  float: right; 

  margin: 12px 2px 4px 2px; 

} 





/* BOOKMARKS */





#bookmarks { 

margin: 0 auto; 

}





ol#bookmarks {

  list-style-type: none;

  margin: 0 auto; 

  padding: 2px 4px; 

}





div.screen {

	float:left; 

	margin:4px; 

	padding:0px;

}



div.screen a img {

  border: 1px solid #AAAAAA;

  margin:0px 6px 4px 0px; 

  padding:0px;

}





div.edit {

	float:right; 

	margin:4px; 

	padding:0px 18px 0px 0px;

}





div.link a {
  margin:2px 8px 4px 8px; 
  padding:6px 12px; 
  color: blue; 
  display:block; 
  font-size: 18px; 
  background:#CCEEEE; 
}


div.link a:hover {
  color: purple; 
}

div.link a:visited {
  color: purple; 
}




div.meta {

  padding:0px 0px 0px 14px;

  color: #222;

}



div.meta span {

  color: #AAAAAA;

}



li.xfolkentry { 

  background:#EEEECC; 

  margin-bottom: 8px; 

  padding: 6px 10px; 

  border-bottom: 2px dotted #006666;

} 





li.xfolkentry div {

  padding: .1em;

}



/* 

li.xfolkentry.deleted { opacity: .5; }

*/


.ytag { 
color:#000000; 
font-size:13px; 
} 


.ctags {
  margin:4px; 
  padding:4px; 
  color:#000066; 
  line-height:28px; 
} 

.ctags a {
  margin:2px; 
  padding:2px 4px 2px 4px; 
  background:#EEEEEE; 
  border:1px solid #3333AA; 
}

.ctags a:hover {
  margin:2px; 
  padding:1px 4px 3px 4px; 
  background:#FFFFAA;
  border:1px solid #AA3333; 
}






li.xfolkentry.private {

  border-left: 3px solid #F00;

}

li.xfolkentry.shared {

  border-left: 3px solid #FA0;

}



.description { 

  margin: 4px 4px 4px 220px; 

  padding: 0; 

  border:2px solid #FFFFFF; 

}



.description p { 

  margin: 0; 

  padding: 6px 12px 6px 12px; 

  background:#EFEFEF; 

}



/* SIDEBAR */





div#sidebar { 

  margin:0; 

  padding:4px;

  background-color: #DEDEDE; 

/*  background-color: #DDEEFF; */

  min-width:230px; 

  font-size: small; 

  float:right; 

  width: 27%;

} 





div#sidebar a {

  color: #999966; 

  text-decoration: none; 

}

div#sidebar a:hover {

  color: #666600;

  text-decoration: none; 

}



div#sidebar a:hover span { 

  color: #003366;

}



div#sidebar div {

  background: #FFF url('bg_sidebar.png') bottom repeat-x;

  border: 1px solid #CC8;

  color: #555;

  margin: 0;

  padding: 0; 

}



div#sidebar h2 {

  background: #ACACAC;

  border: 0;

  color: #006666; 

  letter-spacing: 0;

  margin: 0;

  padding: 4px 8px;

  text-shadow: none;

}

div#sidebar hr {

  display: none;

}

div#sidebar p {

  margin: 1em;

}

div#sidebar p.tags a {

  margin: 0;

}

div#sidebar table {

  margin: .5em .5em 0 .5em;

}

div#sidebar table td {

  padding-bottom: .25em;

  padding-right: .5em;

}

div#sidebar ul {

  list-style-type: none;

  margin: 0;

  padding: 4px 4px 16px 2px;

}

div#sidebar ul li {

  margin: 4px 4px 4px 2px;

}



/* TAGS */



p.tags {

  line-height: 2.25em;

  margin: 2em 10%;

  text-align: justify;

  vertical-align: middle;

}

p.tags a,

p.tags span {

  color: #47A;

  margin-right: .5em;

}

p.tags span:hover {

  cursor: pointer;

  text-decoration: underline;

}

p.tags span.selected {

  background: #CEC;

}



/* PROFILE */



table.profile th {

  width: 10em;

}



/* OTHER GUFF */



dd {

  background: #CEC;

  border-right: 4px solid #ACA;

  color: #464;

  padding: 6px;

}

dd a {

  color: #464;

}

dd a:hover {

  color: #000 !important;

  text-decoration: underline !important;

}



dl {

  font-size: small;

  margin: 1em;

/*   width: 70%; */

}

dl#profile dd {

  background: #CDE;

  border-color: #ABC;

  color: #247;

}

dl#profile dt {

  background: #BCE;

  border-color: #9AC;

  color: #245;

  display: block;

  font-weight: bold;

  padding: 6px;

}

dl#profile a {

  color: #446;

}

dl#profile a:hover {

  color: #000 !important;

  text-decoration: underline !important;

}

dl#meta dd {

  line-height: 1.5em;

}

dl#meta dt {

  background: #BDB;

  color: #353;

  display: block;

  font-weight: bold;

  padding: 6px;

}

dt {

  border-right: 4px solid #9B9;

}

dt a {

  background: #BDB;

  color: #353;

  display: block;

  font-weight: bold;

  padding: 6px;

}

dt a:hover {

  background: #ACA;

  border: 0;

}



form {

  margin: 0;

}



#serachbox { 

  margin: 0;

  padding: 0;

} 



form#search { 

  margin:2px; 

  padding:2px; 

  background-color: #AAAAAA;

  color: #222222;

  font-size: small; 

}



form label,

form td,

form th {

  font-size: small;

}



form table {

  margin: 0 1em;

}





h3 {

  background: #EEEEFF;

  color: #555;

  font-size: small;

  letter-spacing: .2em;

  margin: 2em 1em 1em 1em;

  padding: .5em .75em;

  text-shadow: 1px 1px 1px #FFF;

}

li {

  font-size: small;

  margin-bottom: .5em;

}

p {

  font-size: small;

  margin: 1em;

}



#sort {

  color: #AAA;

  font-size: small;

  float: right;

  margin: -44px 0 0 0;

  position: relative;

}



html > body p#sort {

  margin-right: .75em;

}



#sort a {

  background: #DEDEDE;

  color: #555;

  font-weight: normal;

  margin-right: .5em;

  padding: 0 1em;

/*  border-radius: .25em; */

}



html > body #sort a {

  margin-right: 0;

}



#sort a:hover {

  background: #CCC;

  text-decoration: none !important;

}



#sort span {

  display: none;

}

p.paging { 

  margin: 0 auto; 

  font-size: small;

  /* margin-left: 1em; */

}



p.paging a,

p.paging span.disable {

  background: #888;

  color: #FFF;

  display: inline;

  margin-right: .5em;

  padding: .25em 1em;

}

p.paging a:hover {

  background: #666;

}

p.paging span {

  display: none;

}

p.paging span.disable {

  background: #DDD;

  color: #AAA;

}

div.collapsible p.tags {

  line-height: 2.25em;

  margin: 1em 2em;

}

th label {

  padding-right: 1em;

}

ul {

  margin-right: 1em;

  width: 75%;

}