/* BASE */

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



* { font-family: Verdana, Arial;  font-size:14px; } 



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



body { 

margin:0; padding:0; 

text-align:center; 

font-family: Verdana, Arial; 

font-size:14px; 

background:#66AACC; 

/* background: url('bgblue9.jpg') no-repeat center center fixed;  */



background: url('wolken1.jpg') no-repeat center center fixed; 



background-size: cover; 

-webkit-background-size: cover; 

-moz-background-size: cover; 

-o-background-size: cover; 

behavior:url(/border-radius.htc);

} 





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



a {  color: #3366AA;  text-decoration: none; } 

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

a img {  border: 0; }



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





.box { 

margin:6px; 

padding:4px; 

background:#DEDEDE; 

border:1px solid #FFFFFF;

-moz-border-radius:10px; 

-webkit-border-radius:10px; 

-khtml-border-radius:10px; 

border-radius:10px; 

}





.box2 { 

margin:6px; 

padding:6px; 

background:#EEEEEE; 

border:2px solid #FFFFAA;

-moz-border-radius:10px; 

-webkit-border-radius:10px; 

-khtml-border-radius:10px; 

border-radius:10px; 

}



.titlebox { 

margin:6px; 

padding:2px; 

background:#33AACC; 

border:2px solid #FFFF33;

-moz-border-radius:8px; 

-webkit-border-radius:8px; 

-khtml-border-radius:8px; 

border-radius:8px; 

}





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



.pagenav { 

margin:0 auto; 

padding:0; 

width:600px; 

}





#navi1 {  margin:0 auto;   padding:0  } 

#navi1 a:hover {  text-decoration: none;   border: 2px solid #FFFFFF;  } 

#navi1 a:hover span { color: #003366;  } 

#navi1 ul li a {  border: 2px solid #CACACA; } 





#navi2, #navi3 {  margin:0 auto;  padding:0;  } 

#navi2 a:hover, #navi3 a:hover {   text-decoration: none; }

#navi2 a:hover span, #navi3 a:hover span {   color: #003366; }

#navi2 ul li a, #navi3 ul li a {  border: 1px solid #AAAAAA; } 





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



.rund6 { 

	-moz-border-radius:6px; 

	-webkit-border-radius:6px; 

	-khtml-border-radius:6px; 

	border-radius:6px; 

} 



.rund10 { 

	-moz-border-radius:10px; 

	-webkit-border-radius:10px; 

	-khtml-border-radius:10px; 

	border-radius:10px; 

}



.rund20 { 

	-moz-border-radius:20px; 

	-webkit-border-radius:20px; 

	-khtml-border-radius:20px; 

	border-radius:20px; 

} 



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



#wrapper { 
  margin:6px auto; 
  padding:0; 
  width:1220px; 
  background-width: 100%; 
  text-align:center; 
} 

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

#mpage { 
  margin:0 auto;
  padding:0; 
  width:1200px; 
  /* text-align:left;  */
  text-align:center;
}



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



#infobox, #infobox2 { 

  margin:0px;

  padding: 4px 4px 4px 20px; 

}



#infobox ul, #infobox2 ul { 

  list-style-type: none;

  margin: 2px;

  padding: 2px;

  width: auto;

}



#infobox ul li, #infobox2 ul li { 

  list-style-type: none;

  margin: 0px;

  padding: 2px 0px 0px 0px;

  width: auto;

}



#infobox ul li a, #infobox2 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, #infobox2 ul li a:hover {

  background: #77AADD;

  color: #FFF;

}



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



#bpage { 

  margin:0 auto;

  padding:0; 

  min-width:990px;

}



#bcontent { 

  float:left; 

  clear:both; 

  margin:0 auto;

  padding:0;

/*  width: 70%; */

  min-width:500px;  

}



.bcontent { 

  clear:both; 

  margin:0 auto;

  padding:0;

  /* width: 70%; */

  min-width:500px; 

} 





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



#footer { 

  clear:both; 

  margin: 8px 12px 20px 12px;

  padding: 4px;

  width: auto;

  text-align:center; 

  font-size:15px;

  background:#EFEFEF; 

  color:#222200; 

}



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



input[type=submit] {

  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD));

  border: 1px solid #CCC;

  border-radius: 5px;

  font-size: 15px;

  padding: 4px 12px;

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

  -moz-border-radius: 5px;

}



input[type=submit]:active {

  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF));

}



input[type=submit]:hover {  border-color: #666; }



input[type=text],input[type=password],select,textarea {

  border: 1px solid #CCC;

  border-radius: 3px;

  font-size: 15px;

  padding: 4px 5px;

  -moz-border-radius: 3px;

} 





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



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 { 

  margin:0 aoto; 

  padding:6px 12px; 

  

/*  background:#66AAAA url('bg_orange1.jpg') top repeat-x;  */



  background:#99CCFF;

  border: 4px solid #CCCCCC;

  width:1140px; 

  min-height:160px; 

  clear: both;

}



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



div#header:after {

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

}





div#header h1 { 

  font-weight: bold; 

  text-align:left; 

  margin: 10px 6px 2px 24px;

  padding: 4px;

  font-size:32px; 

  text-shadow: 2px 2px 2px #FFFFFF;

} 



div#header h2 { 

  float:right; 

  font-weight: bold; 

  text-align:left; 

  margin: 12px 24px 2px 8px;

  padding: 4px;

  font-size:24px; 

  color:#666666; 

} 



html > body div#header.popup h1 {

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

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

}



div#header h1 a {

  color: #000;

  text-shadow: 2px 2px 2px #FFFFFF;

  font-size:36px; 

  

}



div#header h1 a:hover {

  color: #000066;

}



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



#toolbar { 

  margin:0 aoto; 

  padding:0; 

  text-align:center;

  width:1130px; 

}



#toolbar h1 { 

  margin: 2px 4px 2px 4px;

  padding: 6px; 

}





#toolbar h2 { 

  margin: 2px 4px 2px 4px;

  padding: 6px; 

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

  background: #333333; 

  border-bottom: 3px solid #DDD;

  text-align:left; 

  clear: both;

  color: #DDD;

  font-size: medium;

  letter-spacing: .1em; 

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

/*  text-transform: lowercase; */

}



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



#maincont { 

  margin: 0 auto;

  padding: 0; 

  width:850px; 

/* width:74%; */

  text-align:left; 

  float:left; 

} 





#maincont p { 

  margin:4px; 

  padding:4px; 

} 





#maincont h1 { 

  margin:4px 8px; 

  padding:4px 8px; 

  font-size:24px; 

} 





#maincont li { 

  margin:4px; 

  padding:4px; 

}



#maincont table { 

  margin:6px 18px; 

  padding:4px; 

  background:#DEDEDE; 

}





/* NAVIGATION */

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



#navigation { 

  margin:0 auto;

  padding:0; 

  font-size: 18px; 

} 



ul#navigation {

  list-style-type: none;

  margin: 4px 4px 20px 4px;

  padding: 2px;

  width: auto;

}



#navigation li { 

  margin:0 auto;

  padding:0;

} 



ul#navigation a {

  font-size: 18px;

  font-weight: bold;

  padding: 4px 8px; 

  margin:0px 2px; 

  color: #2222CC; 

  background: #CCCCAA;

  border:1px solid #FFFFFF;

}



ul#navigation a:hover {

  background: #666644;

  color: #FFFFFF; 

  border:1px solid #FFFF33;

}



ul#navigation li {

  float: left;

} 



ul#navigation li.access {

  float: right;

}



/* BOOKMARKS */

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



ol#bookmarks {

  list-style-type: none;

  margin: 0 auto;

  padding: 0 1em;

/*  width: 70%; */

}



html > body ol#bookmarks {

  margin: 2px 6px;

  padding: 4px;

}



ol#bookmarks img { 

margin:0 auto; 

padding:0 0 2px 0; 

border:none; 

} 



ol#bookmarks div.screen img { 

margin:8px; 

padding:4px; 

border:2px solid #AAAAAA; 

-moz-border-radius:10px; 

-webkit-border-radius:10px; 

-khtml-border-radius:10px; 

border-radius:10px; 

} 







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



.screen1 img { 

  -webkit-transition: all 0.4s ease; 

  transition: all 0.4s ease; 

} 



.screen1 img:hover { 

  -webkit-transform:scale(2.2); 

  transform:scale(2.2); 

} 





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





ol#bookmarks li { 

  border-bottom: 2px solid #00DD99; 

  margin:4px auto 12px auto;

  padding:0; 

}  





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



div.link {

  color: blue;

  margin:0 auto;

  padding:0; 

  height:40px; 

/*  background: #666666 url('vg_orange1.jpg') left repeat-y; background-size: 100% auto; */

  background:#CACACA; 

} 



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



div.link a {

  color: blue; 

  margin:0 auto;

  padding:2px 2px 2px 6px; 

  font-size: 18px; 

/* display:block; */

}



div.link a:visited {

  color: purple;

}





div.meta {

  color: #222222;

}



div.meta span {

  color: #22AA22;

}



li.xfolkentry {

  border-bottom: 2px solid #333333;

  background:#ECECEC; 

  margin: 4px 0px 2px 0px;

  padding: 1em .5em;

  clear:both; 

}

html > body li.xfolkentry {

  border-right: 2px solid #AAA;

  border-bottom: 2px solid #AAA;

}

li.xfolkentry div {

  padding: .1em;

}

li.xfolkentry.deleted {

  opacity: .5;

}

li.xfolkentry.private {

  border-left: 3px solid #F00;

}

li.xfolkentry.shared {

  border-left: 3px solid #FA0;

}



.xfolkentry p.description { 

  margin:16px 20px 8px 180px; 

  padding:8px 8px 8px 10px; 

  background:#EEEEEE; 

  font-size:15px; 

  border: 2px dotted #FFFFFF; 

  min-height:140px; 

}





.xfolkentry .screen img { 

  float:left; 

  margin:2px 8px 2px 4px; 

  padding:0px; 

} 





.xfolkentry p.tags { 

  clear:both; 

  margin:8px 18px 2px 18px; 

  padding:0px; 

}



.xfolkentry p.tags a { 

  margin:2px 2px 2px 2px; 

  padding:4px 6px 4px 6px; 

  text-decoration:none; 

  background:#DDDDFF; 

  color:#003366; 

}



.xfolkentry p.tags a:hover { 

  background:#FFFFFF; 

  color:#003366; 

}



.xfolkentry div.meta { 

  clear:both; 

  margin:2px 2px 2px 28px; 

  padding:0px; 

}





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



.taggedlink { 

   margin:4px; 

   padding:4px; 

} 



.urlinfo a { 

  color:#AA0033;

  margin: 16px 4px 4px 4px; 

  padding: 2px 6px; 

}



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





/* SIDEBAR */

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



div#sidebar {

  font-size: small;

  float:right;

  width: 25%;

}



div#sidebar div { 

  margin:2px auto; 

  padding:6px 8px; 

  

/*  background: #FFFFFF url("vg_orange2.jpg") left repeat-y;  */

/*  background:#99CCFF;  */



  background:#99CCFF;

  border: 2px solid #CCCCCC;

  color: #333333;

  margin-bottom: 1em; 

  text-align:left; 

}



div#sidebar a {

  color: #000066;

} 



div#sidebar a:hover {

  color: #006633;

}



div#sidebar h2 { 

  margin:2px 8px;

  padding:4px 8px; 

  background: transparent; 

  font-size:22px; 

  color:#003333; 

  letter-spacing: .05em; 

} 



div#sidebar h3 { 

  margin:2px 8px;

  padding:4px 8px; 

  background: transparent; 

  font-size:18px; 

  color:#003333; 

  letter-spacing: .05em; 

} 



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: 2px 4px 2px 8px;

  padding: 2px; 

}

div#sidebar ul li {

  margin: .5em 0;

}





/* 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;

}







/* OTHER GUFF */

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



table.profile th {

  width: 10em;

} 



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;

}

form#search {

/*   background: #FFF; */

  color: #555;

  font-size: small;

  margin-bottom: 1em;

}

form label,

form td,

form th {

  font-size: small;

}

form table {

  margin: 0 1em;

}



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





h1 {

  margin:8px 16px; 

  padding:4px; 

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

  letter-spacing: .05em; 

}



h2 {

  margin:8px 16px; 

  padding:4px; 

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

  letter-spacing: .05em; 

}



h3 {

  margin:8px 16px; 

  padding:4px; 

  font-size:20px; 

  color:#444400; 

  text-decoration:underline; 

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

  background: #DDDDDD;

  color: #444444;

  font-size: 20px;

  letter-spacing: .05em; 

}



h4 {

  margin:8px 16px; 

  padding:4px; 

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

  letter-spacing: .05em; 

}





li {

  font-size: small;

  margin-bottom: .5em;

}



p {

  font-size: small;

  margin: 1em;

}



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



#sort {

  float: right;

  margin:20px 20px 2px 2px;

  padding:2px; 

}



p#sort {

  font-size:14px; 

  color: #000000;

}



p#sort a {

  background: #AAAAAA;

  color: #333333;

  font-weight: bold; 

  font-size:12px; 

  margin:2px;

  padding:2px 6px;

  border-radius: .25em;

}





p#sort a:hover {

  background: #CCCCAA;

  color: #000033;

  text-decoration: none !important;

}



p#sort span {

  display: none;

}



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



.paging {

text-align:center; 

} 



p.paging {

  font-size:16px;

  margin:2px 4px;  

} 



p.paging a { 

  background: #AAAACC; 

  color: #222222; 

  font-size:18px;

  margin:2px 4px;

  padding:2px 4px; 

}





p.paging a:hover {

  background: #33AACC; 

  color: #FFFF66;

}



p.paging span {

  display: none;

}



p.paging span.disable { 

  display:inline; 

  font-size:18px;

  margin:2px 4px;

  padding:2px 4px; 

  background: #AAAAAA;

  color: #FFFFFF;

} 



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



.profile { 

  margin:2px 4px;

  padding:2px 4px;

} 



.profile a { 

  font-size:18px; 

} 



div.collapsible p.tags {

  line-height: 2.25em;

  margin: 1em 2em;

}

th label {

  padding-right: 1em;

}

ul {

  margin-right: 1em;

  width: 75%;

}



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



.title2 { 

margin:8px 16px; 

padding:4px; 

font-size:24px; 

color:#444400; 

text-decoration:underline; 

} 



.title3 { 

margin:8px 16px; 

padding:4px; 

font-size:20px; 

color:#444400; 

text-decoration:underline; 

} 



.title4 { 

margin:8px 16px; 

padding:4px; 

font-size:16px; 

color:#444400; 

text-decoration:underline; 

} 



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