/* css from ftp and txp unstructured combined */

a img
{border:none;}

body
{background:url(../img/bg_head.png) -15px 0 repeat-x fixed #030;
color:#ff0;}

ul, ol, dl
{list-style-type:none;}

dl#linklist dt, dl#linklist dd
{padding:0 5px;}

#navigation form, #navigation ul, #navigation h3
{padding:5px;}

body
{font:100%/150% "trebuchet ms", verdana, arial, helvetica, sans-serif;
background-color:#030;
color:#ff0;}

h1, h2, h3, h4, h5, h6
{font-size:100%;}

#header h1
{height:100%;
overflow:hidden;}

#header h1 a
{width:100%;
height:100%;
display:block;
text-indent:-9999px;}

#content h2
{padding:4px 0;
border-top:1px solid #ff0;
border-bottom:1px solid #ff0;
text-align:center;}

#content ul
{margin-bottom:10px;}

#content p, #content ul li
{padding:5px 7px;}

#content p
{font-size:125%;
line-height:1.5;
padding:5px 0;}

#content ol.comments li p
{padding:0;}

#content p.postmetadata
{line-height:25px;
padding-bottom:25px;
margin-bottom:5px;}

#content h2 a
{background-color:#ff0;
color:#030;
padding:2px;
margin-top:10px;
font: 150%/1.75 georgia, times, times new roman, serif;
text-decoration:none;}

#content h2 a:hover {
  text-decoration:underline;
}

#content p a, #content ul li a, 
#navigation ul li a, #footer p a,
#content ol.commentlist li a,
#content dl#linklist a
{color:#fff;}

#content p.navigation
{margin-bottom:10px;}

#content .spieltag {
  background-color:#ffd700;
  color:#080;
  padding:0 5px;
  border-radius:5px 5px 0 0;
  border:0;
  margin-bottom:10px;
}

#content .spieltag h2 {
  border-top:0;
  border-bottom-color:#080;
}

#navigation ul li h2
{background-color:#090;
color:#030;}

#content ol.comments li
{margin-bottom:10px;
padding:10px;
color:#ff0;}

#content ol.comments li cite, #content ol.comments li cite a
{margin:0 0 0 10px;
background-color:#ff0;
color:#030;}

#content ol.comments li p.small
{background-image:none; background-color:transparent;}

#footer p
{color:#ff0;
line-height:50px;
text-align:center;}

#footer p a
{background-color:#ff0;
color:#030;
padding:0 5px;}

/* forms.css fuer vestpiraten.de */

textarea, input
{background-color:#090;
border:1px solid #ff0;
width:75%;
color:#ff0;}

input[type="text"]
{height:1.5em;
line-height:1.5;}

label 
{display:block;}

input[type="submit"], input.button
{width:25%;
text-align:center;
margin-right:5px;}

/* frames.css fuer vestpiraten.de */

#wrap
{min-width:900px;
max-width:66em;
width:auto;
margin:10px auto;
/*background-color:#030;*/
background-color:rgba(0,33,0,0.75);
border:5px solid #ff0;
border-radius:5px;
-moz-border-radius:5px;
box-shadow:0 0 10px #000;
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;}

#header
{width:100%;
height:400px;
background:url(../img/logo.png) 50% 50% no-repeat transparent;}

#content
{width:70%;
max-width:80%;
float:left;
margin-left:15px;}

#navigation, .sidebar
{width:25%;
background-color:rgba(0,128,0,0.75);
float:right;
margin:0 0 10px 1%;
border:2px solid #ff0;
border-right:0!important;
-moz-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;}

#footer
{width:100%;
height:50px;
clear:both;}

/* mediaqueries */

@media (max-width:1000px) {
  #wrap {margin:10px 5px; width:auto; min-width:100%;}
  #footer {width:100%;}
}

@media (max-width:780px) {
  img {max-width:100%; height:auto!important;}
  #header {background-size:100%;}
  #navigation {margin:0;}
  #navigation ul, #navigation h3, #navigation form {margin:0; word-wrap:break-word;}
}

@media (max-width:640px) {
  #content, #navigation {float:none; width:100%; max-width:100%; margin:10px 0;}
  img {max-width:100%; height:auto!important;}
}

::selection {
  color:#080;
  background-color:#ff0;
}

::-moz-selection {
  color:#080;
  background-color:#ff0;
}

.article {
  word-wrap:break-word;
  hyphens:auto;
}

.article p img {
  border:1px solid #ff0;
  padding:3px;
  max-width:100%;
  height:auto;
}

#content .spieltag p a {
  color:#030;
}

#content h3 {
  font-family:georgia, times, "times new roman", serif;
}

#content table th {
  padding:0 3px 0 0;
}

.recent_comments li:before {
  content: "\2605";
  margin-right: 5px;
}

/* 10 yrs */

#header {
  position:relative;
}

#header b {
  width:228px;
  height:227px;
  position:absolute;
  right:-50px;
  top:0;
  display:block;
  background:url(http://vestpiraten.de/images/47t.png) 0 0 no-repeat transparent;
  transform:rotate(25deg);
}

@media screen and (max-width:48rem) {
#header {
    height:250px;
    background-position:50% 100%;
  }
#header b {
    width:125px;
    height:125px;
    background-size:cover;
    right:0;
  }
}

.blaettern {
  text-align:center;
  font-size:125%;
}

.blaettern a {
  margin:0 10px;
}

.comments li a {
  color:#fff;
}

.recent_comments a {
  word-wrap:break-word;
}

.fupa {
  height:250px;
  border:2px solid #ff0;
  margin-bottom:15px;
}