@charset "UTF-8";
/**
 * 
 ____ ____ ____ ____ ____ ____ ____ ____ 
||h |||o |||m |||b |||r |||e |||0 |||8 ||
||__|||__|||__|||__|||__|||__|||__|||__||
|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|
                      WWW.PORKHEAD.ORG 08
 */

@media all
{
/**
*
* @section layout-basics
*/

/* Related Footer */

body {margin:0}/* for ie mac*/
/* commented backslash hack v2 \*/ 
html, body{height:100%;padding:0} 
/* end hack */ 
.spacer {height:50px;}/* same height as footer/header to preserve space*/

html>body #footer{position:fixed}/* for moz/opera and others*/


/* Bug clear */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Randbereiche & Seitenhintergrund */

html,body {
background:#000 url(../img/bgt.jpg) repeat-x 50% 35%;
background-attachment:fixed;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #7FB24E;
text-align: center;
}


/* Layout: Breite, Hintergrund, Rahmen */


#wrap{ 
margin: 0 auto 0 auto;
background:#000 url(../img/wrap.gif) repeat-y top left;
padding:0;
width: 850px;
}

#page_margins { 
margin: 0 auto 0 auto;
padding:0;
width: 850px;
height:auto !important;
background:transparent;
text-align:left;
}

#header {
width:850px;
height:250px;
}


#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:28px;
z-index:999;
}

#footer-inner {
height:28px;
background:transparent url(../img/footer.gif) repeat-x bottom left;
text-align: right;
}

#arch {
margin-top:25px;
}


 /**
  *Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { float: left; width: 210px; margin:0; background:transparent url(../img/col1.gif) no-repeat 0px 28px; padding-top:1px;}
  #col2 { float: right; width: 215px; margin:0; background:transparent url(../img/col2.gif) no-repeat 0px 28px;}
  #col3 { width: auto; margin: 0 210px 0 215px;}
  #col1_content { padding: 0 20px 0 21px;}
  #col2_content { padding: 0 15px 0 20px;}
  #col3_content { padding: 0px 24px 0 10px;}


 /**
  * Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
/***************************************************    FONTS */
  
p { 
margin-left:0 0 0 2px;
/*neu*/
padding:0;
line-height:16px;
}

.concert p { 
margin-left:2px;
line-height: 13px;
vertical-align:bottom;
}

h1 {
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
text-transform:uppercase;
font-weight: bold;
font-size: 24px;
color: #76A548;
margin:25px 0 -10px 0;
}

.arch h1 {
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
text-transform:uppercase;
font-weight: bold;
font-size: 24px;
color: #76A548;
margin:0;
}

.link h3 {
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
text-transform:uppercase;
color: #000;
font-size: 16px;
text-decoration:none;
padding:0;
margin:7px 0 -5px 0;
border-bottom: 1px solid #182707;
}

*:first-child+html .link h3 {margin:15px 0 -12px 0;} /* IE7 */

.gusign h3 {
color: #4A7615;
font-size: 12px;
text-decoration:none;
padding:10px 0 0 0;
margin:0 0 -5px 0;
}

#footer h3  {
margin:0;
padding:0;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-weight: bold;
font-size: 20px;
color: #B6CE70;
position:absolute;
top: 5px;
right: 30px;  
}

#content {
float:left;
}

#content span {
font-size: 10px;
color: #4A7615;
}

#content p {
font-size: 12px;
color:#a1cf76;
}


/***************************************************  PLAYER */

.anim { 
background:transparent;
display:inline;
}

/***************************************************  LINKS */

a {outline:none;}


h1 a:link, h1 a:active, h1 a:visited {
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
text-transform:uppercase;
font-weight: bold;
text-decoration:none;
font-size: 24px;
color: #76A548;
margin:0;
}

h1 a:hover {
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
text-transform:uppercase;
font-weight: bold;
text-decoration:none;
font-size: 24px;
color: #182707;
margin:0;
}
  
   
.gusign h3 a:link, .gusign h3 a:active, .gusign h3 a:visited {
color: #4A7615;
font-size: 12px;
text-decoration:none;
padding:0;
margin:0;
border-bottom: 1px solid #182707;
}

.gusign h3 a:hover {
color: #182707;
font-size: 12px;
text-decoration:none;
padding:0;
margin: 0;
border:0;
}


#content p a:link, #content p a:visited {
font-weight: bold;
color: #4A7615;
font-size: 12px;
text-decoration:none;
margin:0;
padding:0;
border-bottom: 1px solid #000;
}

#content p a:hover {
font-weight: bold;
color: #182707;
font-size: 12px;
text-decoration:none;
margin:0;
padding:0;
}

.contact a:link, .contact a:active, .contact a:visited {
font-weight: bold;
color: #4A7615;
font-size: 12px;
text-decoration:none;
margin:0;
padding:0;
border-bottom: 1px solid #182707;
}

.contact a:hover {
font-weight: bold;
color: #182707;
font-size: 12px;
text-decoration:none;
margin:0;
padding:0;
border:0;
}
  
.link a:link, .link a:active, .link a:visited {
font-weight: bold;
color: #4A7615;
font-size: 12px;
text-decoration:none;
margin-left:-2px;
padding:0;
}

.link a:hover {
font-weight: bold;
color: #182707;
margin-left:-2px;
padding:0;
border:0;
}

.concert a:link, .concert a:active, .concert a:visited {
font-weight: bold;
color: #4A7615;
font-size: 12px;
text-decoration:none;
margin:0;
padding:0;
}

.concert a:hover {
font-weight: bold;
color: #182707;
padding:0;
margin:0;
}

.guhead a:link, .guhead  a:active, .guhead  a:visited {
font-weight: bold;
color: #4A7615;
font-size: 12px;
text-decoration:none;
margin:0;
padding:0;
}

.guhead a:hover {
font-weight: bold;
color: #182707;
margin:0;
padding:0;
}

.txt a:link, .txt  a:active, .txt a:visited {
font-weight: bold;
color: #4A7615;
font-size: 12px;
text-decoration:none;
margin:0;
padding:0;
}

.txt a:hover {
font-weight: bold;
color: #182707;
margin:0;
padding:0;
}

.gusign span a:link, .gusign span a:active, .gusign span a:visited {
color: #4A7615;
font-size: 11px;
text-decoration:none;
border-bottom: 1px solid #182707;
margin:0;
padding:0;
}

.gusign span a:hover {
color: #182707;
margin:0;
padding:0;
border:0;
}

  
/**********************************************   IMG */
  
#col1_content img a  {
border:0;
}

#content .left {
float:left;
border:1px solid;
border-color:#4A692B;
background:#0C1403;
padding:3px;
margin:3px 8px 15px 0;
}

#content .right {
float:right;
border:1px solid;
border-color:#4A692B;
background:#0C1403;
padding:3px;
margin:3px 0 15px 8px;
}

#content .block {
border:1px solid;
border-color:#4A692B;
background:#0C1403;
padding:3px;
position:relative;
clear:both;
margin:3px 7px 5px 0;
}


.link a img {
margin: 5px 0 0 0;
outline:none;
border:0 !important;
}

.downl a img {
height:117px;
width:156px;
margin:2px 0 0 -1px;
border:1px solid;
border-color:#4A692B;
background:#0C1403;
padding:3px;
}

.img_r {
height:117px;
width:156px;
margin:2px 0 0 -1px;
border:1px solid;
border-color:#4A692B;
background:#0C1403;
padding:3px;
}


/**********************************************   GALLERY */
  
*:first-child+html #pan h1 {margin:25px 0 0 0;}/* IE7 */

#pan img {
border:1px solid;
border-color:#4A692B;
background:#0C1403;
padding:3px;
}

.imgcont {
float:left;
display:inline-block;
width:175px;
padding: 13px 15px 0 5px;
}

.cbtextc {
font-size: 11px;
padding: 7px 5px 15px 5px;
line-height: 17px;
}

.cbtextc {
text-align: left;
padding:0 5px 5px 5px;
background-color:#000;
}


/* DECO */


#watermark_box {
position:relative;
display:block;
}

img.watermark {
  position: absolute;
  top: 62px;
  left: 98px;
}


/********************************************** GUESTBOOK */

*:first-child+html #guest h1 {margin:25px 0 0 0;} /* IE7 */
  
#gu { margin:12px 0 0 0;} 

#gu .guhead {
padding-left: 3px;
margin: 0 10px 20px 0;
}   

#gu .gusign {
text-align: left;
width: auto;
padding:0 10px 15px 10px;
margin-bottom:8px;
border: 1px solid #182707;
}

#gu .error {
color: #D61841;
text-align: left;
width: auto;
padding:10px;
border: 1px solid #182707;
}

#gu .gusign p {padding-left:-1px;}

#gu .signtable {font-weight: bold; font-size: 12px;}

#gu .count {font-weight: normal;}

/**********************************************    FORMS */


.newsletter .input, .newsletter .field { 
width:165px;
padding:2px;
border: #819472 1px inset;
background:#D9F8C0 url(../img/form.png) repeat top left;
color: #000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
font-size:12px;
margin-bottom:-5px;
}


.label {
margin:10px 0 1px 0;
padding-left: 2px;
font-weight: bold;
color: #7FB24E;
font-size: 12px;
text-decoration:none;
}

#box { 
display:inline;
width:150px;
vertical-align:text-top;
}

#gu .input, #gu .field { 
width:245px;
padding:2px;
border: #819472 1px inset;
background:#D9F8C0 url(../img/form.png) repeat top left;
color: #000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
font-size:12px;
scrollbar-arrow-color: #000;
scrollbar-base-color: #8FBD6A;
scrollbar-track-color: #8FBD6A;
scrollbar-face-color: #8FBD6A;
scrollbar-highlight-color: #8FBD6A;
scrollbar-3dlight-color: #8FBD6A;
scrollbar-darkshadow-color: #8FBD6A;
scrollbar-shadow-color: #8FBD6A;
}


#gu .submit { 
cursor:pointer;
width: 67px;
height: 25px;
margin:-10px 0 0 2px;
padding:0;
border:0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000;
background:#8FBD6A url(../img/button_new.gif) repeat top left;
}

#content .submit {
float:left;
cursor:pointer;
width: 67px;
height: 25px;
margin:20px 0 0 5px;
padding: 0 1px 0 0;
border:0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000;
background:#8FBD6A url(../img/button_new.gif) repeat top left;
}


#newsletter .submit {
display:block;
cursor:pointer;
width: 67px;
height: 25px;
margin:10px 0 35px 0;
padding:0;
border:0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000;
background:#8FBD6A url(../img/button_new.gif) repeat top left;
}

.signme .box { 
margin-top:10px;
padding:0;
border:0;
background:#000;
vertical-align:text-top;
}



}