html {
  overflow-y: scroll;
}

html, body {
  height: 100%;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  line-height: 14px;
  color: #5C5C5C;
  padding:0px;
  margin:0px;
  position:relative;
  background:#E6E6E6;
}

#container {
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
}

#container.con_start {
}

#container2 {
/*  width:980px; */
  min-height:100%;
  padding:0px;
  margin:0px;
  background:#ffffff;
}

#header {
/*  width:980px; */
  height:220px;
  position:relative;
  margin:0px;
  padding:15px 0 0 0;
  background:url('../pics/pat.gif') repeat-x;
}

#header #logo {
  width:220px;
  height:95px;
  padding:0; 
  border:0px;
  position:absolute;
  top:20px;
  right:10px;
  background:transparent;
}

#header h1 {
  font:normal 22px/24px Verdana, Arial, sans-serif;
  margin:0;
  padding:0 0 131px 30px;
  text-transform:uppercase;
}

#main {
/*  width:950px; */
  margin:0 0 0 0px;
  padding:15px 0 0 30px;
  position:relative;
}

#infos {
  width:350px;
  height:auto;
  float:right;
  background:#F4F4F4;
  margin:0 15px 0 0;
  padding:15px;
  
}

#loginform {
  float:left;
}


/* NAVI ==================================================================*/

#navidiv {
    width:100%;
    height:30px;
    background:url('pics/navipat.gif') repeat-x;
}

ul#navi, ul#navi ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

ul#navi {
    height:30px;
float:left;
}

ul#navi ul {
    width:auto;
}

ul#navi li {
    float:left;  
    margin:0px;
    padding:0px;
    width:100px
}

ul#navi li#home {
    width:30px;
}

ul#navi li#home a img {
    margin:4px 0 0 0;
}

ul#navi li a {
    height:22px;
    display:block;
  background:url('pics/navipat.gif') repeat-x;
  padding:3px 10px;
  line-height:20px;
    font-size:13px;
  text-transform:uppercase;
  color:#5C5C5C;
    border-right:1px solid #ffffff;
}

ul#navi li a:hover, ul#navi li a.active {
  background:url('pics/navipat_a.gif') repeat-x;
  padding:3px 10px;
  line-height:20px;
  color:#ffffff;
}

ul#navi li ul {
    margin:0px 0 0 0;
    position:absolute;
}


ul#navi li ul li a {
    height:20px;
    display:block;
  background:#878787;
  padding:3px 10px 0 10px;
  line-height:16px;
    font-size:11px;
  text-transform:uppercase;
  color:#ffffff;
    border-right:1px solid #A8A8A8;
}

ul#navi li ul li a:hover, ul#navi li ul li a.active {
  background:#6B6B6B;
  padding:3px 10px 0 10px;
  line-height:16px;
  color:#ffffff;
}





#logout {
    float:right;
}

#logoutlink {
    height:30px;
    display:block;
    float:right;
    line-height:30px;
    padding:0px 10px 0 10px;
    text-transform:uppercase;
    color:#5C5C5C;
    border-left:1px solid #ffffff;
    margin:0 0px 0 10px;
}

#logoutlink:hover {
    background:url('pics/navipat_a.gif') repeat-x;
    color:#ffffff;
}

#logoutlink img {
    margin:0px 0 -2px 5px;
}

#loggedinuser {
    height:30px;
    float:left;
    line-height:30px;
    background:url('pics/user.gif')center left no-repeat;
    padding:0px 0px 0 23px;
}

/* NAVI ==================================================================*/

a {
	color:#3963B0;
	text-decoration:none;
	padding:0 0 0 0px;
}

a:hover, a.active {
	color: #000000;
}

a img {
  border:0px;
}

a.button {
  background:#E6E6E6;
  padding:3px 10px;
  line-height:20px;
  text-transform:uppercase;
  color:#5C5C5C;
}

a.button.float {
  padding:0px 10px;
}

a.button:hover, a.button.active {
  background:#aaaaaa;
  line-height:20px;
  color:#ffffff;
}

a.no {
	color:#5C5C5C;
	text-decoration:none;
	background:none;
	padding:0px;
}

p {
  width:314px;
  margin:0 0px 10px 0;
  padding:0;
}

h1 {
  font:normal 22px/24px Verdana, Arial, sans-serif;
  margin:0;
  padding:0px 0 30px 0;
  text-transform:uppercase;
}

h2 {
  font:normal 18px/20px Verdana, Arial, sans-serif;
  margin:0;
  padding:0 0 10px 0;
  text-transform:uppercase;
}

td {
  vertical-align:top;
}

td b {
  display:block;
  margin:15px 0 0 0;
}


.clearer {
  clear:both;
}


th {
  text-align:left;
  border-bottom:1px solid #aaaaaa;
  padding:0 10px 5px 0;
}

td {
  padding:0 10px 5px 0;
}
/* Form --------------------------------------------*/

form {
  margin:0;
  padding:0px;
} 

label {
  display:block;
  width:150px;
  float:left;
}

input, textarea {
  width:314px;
  border:0px;
  border-bottom:1px solid #B5B5B5;
  font: normal 11px/15px Verdana;
  color:#5C5C5C;
  padding:2px;
  margin:0 0 10px 0;
}

select  {
  width:318px;
  border:1px solid #B5B5B5;
  font: normal 11px/20px Verdana;
  color:#5C5C5C;
  padding:2px;
  margin:0 0 10px 0;
}

textarea  {
  height:100px;
}

input.submit  {
  width:auto;
  background:#E6E6E6;
  padding:2px;
  margin:0px;
  border:0px;
  line-height:20px;
  text-transform:uppercase;
  color:#5C5C5C;
}

input.submit:hover  {
  cursor:pointer;
  background:#aaaaaa;
  color:#ffffff;
}

#calendar select {
  width:auto;
}

input.check, input#galzahl {
  width:auto;
}


/* Galerien =================================================================*/

#galleryinfos {
    width:auto;
    padding:0 0 20px 0;
}

#galleryinfos div {
    float:left;
    width:auto;
    margin:0 20px 0 0;
}

#galleryinfos .clearer {
    float:none;
    margin:0;
}

#galleryinfos h2, #galleryinfos h4 {
    font-size:11px;
    font-weight:normal;
    line-height:14px;
    text-transform:uppercase;
    padding:0;
    margin:0;
}

#galleryinfos h3 {
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0;
    margin:0;
}

#galleryinfos h5 {
    font-size:11px;
    font-weight:normal;
    line-height:14px;
    padding:0;
    margin:0;
}

#galleryinfos #gi_right {
    float:right;
    width:auto;
    margin:0 0px 0 0;
}



#fotonavi {
    width:100%;
    border-top:1px solid #E6E6E6;
    border-bottom:1px solid #E6E6E6;
    clear:both;
    margin:0 0 50px 0;
    padding:4px 0 5px 0;
}

.seitennavi {
    float:left;
}

#metanavi {
    width:auto;
    float:right;
    line-height:20px;
}

#fotos #metanavi .button, #metanavi b {
    float:left;
    padding:0 10px;
    margin:0 5px 0 0;
}

#fotos #metanavi .ranking {
    margin:0 5px 0 0;
}

#fotos #metanavi #pdflink {
    width:14px;
    height:17px;
    padding:1px 20px;
    display:block;
    float:left;
}

#fotos #metanavi #maillink {
    width:15px;
    height:11px;
    padding:4px 20px 5px 20px;
    margin:0 0px 0 5px;
    border-left:1px solid #585858;
    border-right:1px solid #585858;    
    display:block;
    float:left;
}

#pdflink:hover {    
    background:url('pics/pdf_h.gif') center 1px no-repeat;
}

#maillink:hover {    
    background:url('pics/mail_h.gif') center 4px no-repeat;
}


#showlabel {
    font-weight:bold;
    display:block;
    float:left;
    margin:0px 10px 0 0px;
}

a#rankuseractive, a#sortactive {
	display:block;
	float:left;
	margin:0px 0 0 0px;
	text-transform:none;
	background:#E6E6E6 url('pics/downarrow.gif') right 10px no-repeat;
	padding:0px 16px 0 10px;
	line-height:20px;
	color:#5C5C5C;
}

a#rankuseractive:hover, a#sortactive:hover {
	background:#aaaaaa url('pics/downarrow.gif') right 10px no-repeat;
	color:#ffffff;
}

a.rankerbutton, a#sortlink {
	display:block;
	background:#E6E6E6;
	padding:0px 10px 0 10px;
	line-height:20px;
	color:#5C5C5C;
}

a.rankerbutton:hover, a#sortlink:hover {
	background:#aaaaaa;
	color:#ffffff;
}

#rankingslabel {
    display:block;
    float:left;
    background:#aaaaaa;
    padding:0 10px 0 3px;
    margin:0 5px 0 0;
    color:#ffffff;
}

#rankersdiv {
    position:relative;
    border-right:1px solid #585858;
    margin:0 10px 0 0;
    float:left;
}

#rankersdiv2 {
    background:red;
    position:absolute;
    top:20px;
    left:0px;
    z-index:1000;
    width:auto;
    height:auto;
    white-space:nowrap;
    display:none;
}


#sortlabel {
    font-weight:bold;
    display:block;
    float:left;
    margin:0px 10px 0 0px;
    padding:0 0 0 10px;
    text-transform:uppercase;
    border-left:1px solid #585858;
}

#sortdiv {
    float:left;
    position:relative;
    border-right: 1px solid #585858;
    margin:0 10px 0 0;
}

a#sortactive {
    margin:0 10px 0 0;
}

a#sortlink {
    position:absolute;
    top:20px;
    left:0px;
    display:none;    
}

#allrankings {
    float:left;
    height:20px;
    padding:0 5px 0 0;
}

/* THUMBS ==================================================================*/

#fotos .pic {
  display:block;
  width:265px;
  height:290px;
  float:left;
  margin:0 40px 60px 0px;
  border-bottom:1px solid #F0F0F0;
  font-size:10px;
position:relative;
}

.pic a {
  display:block;
  width:265px;
  height:262px;
  text-align:center;
  background:#F5F5F5;
  margin:0 0 4px 0;
}

.pic a img {
  margin:6px;
  vertical-align:middle;
}

.pic a:hover img {
  margin:4px;
  border:2px solid #aaaaaa;
}

.sel a {
  background:#C0C0C0;
}

.selector {
  background:#e6e6e6;
  padding:2px 10px;
  cursor:pointer;
  color:#5C5C5C;
  line-height:20px;
}

.selector:hover {
  background:#aaaaaa;
  color:#ffffff;
}

/* THUMBS ==================================================================*/



#fotos a.button, #fotos .seitennavi a {
    width:auto;
    height:auto;
    display:inline;
    background:#E6E6E6;
    padding:3px 10px;
    line-height:20px;
    text-transform:uppercase;
    color:#5C5C5C;
}

#fotos a.button:hover, #fotos  a.button.active, #fotos .seitennavi a:hover, #fotos .seitennavi a.active {
  background:#aaaaaa;
  color:#ffffff;
}

#fotos a.no {
  background:none;
  padding:0px;
  text-transform:none;
  color:#5C5C5C;
  width:auto;
  height:auto;
  display:inline;
}

#fotos a.no:hover {
  background:none;
  color:#5C5C5C;
}


.fotoname {
	float:left;
    overflow:hidden;
    width:140px;
    white-space:nowrap;
}


a.dellink, .pic a.dellink, a.dllink, .pic a.dllink {
    width:9px;
    height:9px;
    margin:0px;
    border:0px;
    padding:0px;
    background:transparent;
}

.pic a.dellink, .pic a.dllink {
    position:absolute;
    bottom:32px;
    right:20px;
}

.pic a.dllink {
    right:5px;
}

a.dellink img, .pic a.dellink img, a.dllink img, .pic a.dllink img {
    width:9px;
    height:9px;
    margin:0px;
    border:0px;
    padding:0px;
}

a.dellink:hover, .pic a.dellink:hover {
    background:url('pics/del_h.png') no-repeat;
}

a.dllink:hover, .pic a.dllink:hover {
    background:url('pics/down_h.png') no-repeat;
}

a.dellink:hover img, .pic a.dellink:hover img, a.dllink:hover img, .pic a.dllink:hover img {
    visibility:hidden;
}


/* RANKING ==================================================================*/

.ranking {
    margin:0px;
    padding:0px;
    display:block;
    float:left;
}

.pic .ranking {
    margin:0px;
    padding:0px;
    display:block;
    float:right;
    line-height:20px;
}

.pic .ranking a, .pic .ranking a img, .ranking a, .ranking a img {
    width:14px;
    height:8px;
    margin:0px;
    border:0px;
    padding:0px;
    background:transparent;
    display:inline;
    vertical-align:baseline;
}

.ranking a.active, .pic .ranking a.active {
    background: url('pics/rankbut_a.png') center center no-repeat;
}

.ranking a:hover, .pic .ranking a:hover {
    background:url('pics/rankbut_h.png') center center  no-repeat;
}

.pic .ranking a.norank:hover {
    background:url('pics/norankbut_h.png') center center  no-repeat;
}

.ranking a.active img, .ranking a:hover img, .pic .ranking a.active img, .pic .ranking a:hover img {
    visibility:hidden;
}




.pic .openclose {
    width:20px;
    height:20px;
    display:block;
    float:right;
    margin:0px;
    padding:0;
}

.pic .openclose.none {
    display:none;
}

.pic a.openbut, .pic a.openbut img, a.openbut, a.openbut img {
    width:9px;
    height:9px;
    display:block;
    background:none;
    margin:0;
}

a.openbut {
    padding:5px;
    margin:0px;
}

.pic a.openbut {
    border-left:1px solid #E6E6E6;
    padding:5px;
    margin:0px;
}

a.openbut:hover img {
    visibility:hidden;
}

.pic a.openbut:hover, a.openbut:hover {
    background:url('pics/open_h.png') 5px 5px no-repeat;
}

.pic a.openbut.close, a.openbut.close {
    display:none;
}

.pic a.openbut.close:hover, a.openbut.close:hover {
    background:url('pics/close_h.png') 5px 5px no-repeat;
}




.rankings {
    width:255px;
    height:auto;
    padding:5px;
    display:none;
    background:#C0C0C0;
    position:absolute;
    top:290px;
    z-index:5;
    border-bottom:20px solid #ffffff;
}

.rankings p {
    width:auto;
    padding:0 0 2px 0;
    margin:2px 0 0 0px;
    border-bottom:1px solid #E6E6E6;
    position:relative;
}

.rankings p img {
    margin:4px 20px 0 0;
    position:absolute;
    right:0px;
}


.rankings h6 {
    font:bold 11px/11px Verdana, sans-serif;
    padding:0px;
    margin:0 0 10px 0;
}


/* MISC ==================================================================*/

#list {
    list-style-type:none;
    margin:0 0 20px 0;
    padding:0px;
}

#list_head {
    list-style-type:none;
    margin:0 0 0px 0;
    padding:0px;
}

#list li, #list_head li {
    width:580px;
    height:20px;
    margin:0 0 10px 0;
    position:relative;
}

#list_head li {
    height:20px;
    border-bottom:1px solid #AAAAAA;
}

#list li span, #list_head li span {
    margin:0 15px 0 0;
    font-weight:normal;
    line-height:20px;
    position:absolute;
}

#list li:hover {
    background:#E6E6E6;
    cursor:n-resize;
}

#list li span b {
    font-weight:normal;
}

#list_head li span {
    font-weight:bold;
}

#list li span.nid {
}

li span.dat {
    left:30px;
}

li span.txt {
    left:40px;
}

li span.txte {
    left:210px;
}


li span.edit {
    left:380px;
}


li span.del {
    left:480px;
}


#meldung {
    width:300px;
    height:200px;
    padding:20px;
    border:2px solid red;
    background:#ffffff;
    position:absolute;
    left:300px;
    z-index:300;
    font:bold 16px/24px Verdana, sans-serif;
    visibility:hidden;
}


#mail{
    width:700px;
    height:auto;
    padding:20px;
    border:2px solid #888888;
    background:#ffffff;
    position:absolute;
    top:50px;
    left:100px;
    z-index:300;
}

#mail form {
    float:left;
}

#mailiste {
    width:200px;
    float:left;
    margin:0 0 0 20px;
}


#uploadfoldersel {
    width:200px;
    height:500px;
    float:left;
}



/* bild.php */


body.bild {
  padding:10px 20px 20px 20px;
  background:#ffffff;
}

body.bild #bildnavi {
    position:relative;
  height:2em; 
  border-top:1px solid #E6E6E6;
  border-bottom:1px solid #E6E6E6;
  margin:0 0 10px 0;
  padding: 3px 0;
}

#leftnavi {
    position:absolute;
}

#rightnavi {
    height:20px;
    line-height:20px;
    position:absolute;
    right:0px;
    background:#ffffff;
    z-index:42;
}

#rightnavi a {
    float: left;
    margin:0 0 0 5px;
}

body.bild #zur {
  height:100%; 
  width:50%; 
  position:absolute;
  background:url('pics/t.gif');
}

body.bild #nr {
  width:auto;
  float:left;
  line-height:20px;
  padding:0 10px 0 0px;
}

body.bild #navi {
  width:140px;
  float:left;
}

#picfilename {
    float:left;
    padding:0 10px 0 10px;
    border-left:1px solid #585858;
    line-height:20px;
    overflow:hidden;
}

#bild_ranking {
    height:20px;
    line-height:20px;
    float:left;
    border-right:1px solid #585858;
    padding:0 10px 0 0px;
    margin:0 5px 0 0px;
}

#bild_ranking span.ranking {
    line-height:20px;
    float:none;
    padding:7px 0px 0 0px;
}