/* ********************************************************************************************* */

/* Layout styles ******************************************************************************* */

/* ********************************************************************************************* */

* {

    margin: 0;

    padding: 0;

}

body {

    text-align: center;

    background: #333 url(../_gfx/design_body_bg.gif) left top repeat;

}

#container {

	margin: 0 auto;

    text-align: left;

    background: #333 url(../_gfx/design_container_bg.gif) left top repeat;

	width: 700px;

}

#header {

    position: relative;

	background: #333 url(../_gfx/design_header_bg.gif) left top no-repeat;

    height: 77px;

}

/* Navigation im header ******************************** */

#topNav {

    position: absolute;

    top: 35px;

    left: 265px;

}

#topNav ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

}

#topNav li { 

    display: block;

    float: left;

}

#topNav a, #topNav a:link, #topNav a:visited {

    display: block;

    padding-top: 11px;

    color: #000;

    font-family: Tahoma, Arial, Helvetica, sans-serif;

    text-decoration: none;

    text-align: center;

    background-position: 0 0;

    background-repeat: no-repeat;

    height: 38px;

    

    voice-family: "\"}\"";

    height: 27px;

    voice-family: "\"}\"";

}

#topNav a:hover, #topNav a:active, #topNav a:focus {

    padding-top: 15px;

    background-position: 0 -38px; 

}



#topNav a.news, #topNav a.news:link, #topNav a.news:visited, #topNav a.news:hover, #topNav a.news:active, #topNav a.news:focus {

    background-image: url(../_gfx/design_navi_news.gif);

    padding-left: 9px;

    width: 64px;

    

    voice-family: "\"}\"";

    width: 55px;

    voice-family: "\"}\"";

}

#topNav a.musik, #topNav a.musik:link, #topNav a.musik:visited, #topNav a.musik:hover, #topNav a.musik:active, #topNav a.musik:focus {

    background-image: url(../_gfx/design_navi_musik.gif);

    width: 51px;

}

#topNav a.bilder, #topNav a.bilder:link, #topNav a.bilder:visited, #topNav a.bilder:hover, #topNav a.bilder:active, #topNav a.bilder:focus {

    background-image: url(../_gfx/design_navi_bilder.gif);

    width: 53px;

}

#topNav a.info, #topNav a.info:link, #topNav a.info:visited, #topNav a.info:hover, #topNav a.info:active, #topNav a.infor:focus {

    background-image: url(../_gfx/design_navi_info.gif);

    width: 44px;

}

#topNav a.kontakt, #topNav a.kontakt:link, #topNav a.kontakt:visited, #topNav a.kontakt:hover, #topNav a.kontakt:active, #topNav a.kontakt:focus {

    background-image: url(../_gfx/design_navi_kontakt.gif);

    width: 65px;

}

#topNav a.links, #topNav a.links:link, #topNav a.links:visited, #topNav a.links:hover, #topNav a.links:active, #topNav a.links:focus {

    background-image: url(../_gfx/design_navi_links.gif);

    width: 47px;

}

#topNav a.forum, #topNav a.forum:link, #topNav a.forum:visited, #topNav a.forum:hover, #topNav a.forum:active, #topNav a.forum:focus {

    background-image: url(../_gfx/design_navi_forum.gif);

    padding-right: 6px;

    width: 92px;

    

    voice-family: "\"}\"";

    width: 86px;

    voice-family: "\"}\"";

}

/* ***************************************************** */



#leftCol {

    padding-left: 10px;

	float: left;

	width: 289px;

    

    voice-family: "\"}\"";

    width: 279px;

    voice-family: "\"}\"";

}



#rightCol {

	margin-left: 291px;

    padding-right: 10px;

}



/* 3 Pixel Bug im IE hacken */

/* Hide from IE5-mac \*/

* html #leftCol {

margin-right: -2px;

}



* html #rightCol {

height: 1%;

margin-left: 0;

}

/* End IE5/mac hide */

/* ************************ */



#footer {

    position: relative;

	clear: both;

    padding: 4px 20px 0 20px;

	background: #333 url(../_gfx/design_footer_bg.gif) left bottom no-repeat;

    height: 22px;



    voice-family: "\"}\"";

    height: 18px;

    voice-family: "\"}\"";

}

#footer p {

    position: absolute;

    left: 20px;

    padding: 0;

    float: left;

    text-align: left;

    width: 289px;

}

#footer a, #footer a:link, #footer a:visited  {

    color: #ccc;

    text-transform: uppercase;

    font: bold 90% Tahoma, Arial, Helvetica, sans-serif;

    text-decoration: none;

}

#footer a:hover, #footer a:active, #footer a:focus {

    text-decoration: underline;

}

#footer ul {

    position: absolute;

    right: 20px;    

    list-style-type: none;
	
	margin: 0;

}

#footer li {

    display: block;

    float: left;

}

#footer li a, #footer li a:link, #footer li a:visited  {

    display: block;

    margin-top: 3px;

    text-transform: uppercase;

    font: bold 90% Tahoma, Arial, Helvetica, sans-serif;

    color: #ccc;

    text-align: center;

    text-decoration: none;

    width: 90px;

}

#footer li a:hover, #footer li a:active, #footer li a:focus {

    text-decoration: underline;

}

#footer a span {

    text-transform: lowercase;

}



/* ********************************************************************************************* */

/* Content styles ****************************************************************************** */

/* ********************************************************************************************* */

body {

    font: normal 70%/17px Verdana, Arial, Helvetica, sans-serif;

    color: #ccc;

}

a, a:link, a:visited {

    color: #E7E79C;

    text-decoration: underline;

}

a:hover, a:active, a:focus {

    text-decoration: none;

}

p {

    padding-bottom: 10px;

}

ol {

    padding-left: 20px;

    padding-bottom: 10px;

}

ul {


    margin-left: 20px;

    padding-bottom: 10px;

}

ul.links, ul#gigList {

    margin: 0;

    line-height: 20px;

    list-style: none;

}

ul.links {

    text-align: center;

}

ul#gigList span {

    font-weight: bold;

}

/* Formatierte <hr /> ******************************** */

hr.line {

    display: none;

    clear: both;

}

div.rule {

	margin: 10px 0 20px 0;

	background: #ccc url(../_gfx/design_hr_bg.gif) left top repeat;

	border: none;

	height: 2px;

}

/* *************************************************** */



/* statische h1 Ueberschriften */

h1 span { /* imagereplacement */

    display: none;

}

h1#porterSagt {

    margin: 0;

    padding: 0;

    background: transparent url(../_gfx/h1_portersagt_bg.gif) left top no-repeat;

    height: 27px;

}

h1#gigs {

    margin: 0;

    padding: 0;

    background: transparent url(../_gfx/h1_gigs_bg.gif) left top no-repeat;

    height: 27px;

}

h1#musik {

    margin: 0;

    padding: 0;

    background: transparent url(../_gfx/h1_musik_bg.gif) left top no-repeat;

    height: 27px;

}

h1#news {

    margin: 0;

    background: transparent url(../_gfx/h1_news_bg.gif) left top no-repeat;

    height: 27px;

}

h1#tontraeger {

    margin: 0;

    background: transparent url(../_gfx/h1_tontraeger_bg.gif) left top no-repeat;

    height: 27px;

}

h1#christian {

    margin: 0;

    background: transparent url(../_gfx/h1_christian_bg.gif) left top no-repeat;

    height: 27px;    

}

h1#frank {

    margin: 0;

    background: transparent url(../_gfx/h1_frank_bg.gif) left top no-repeat;

    height: 27px;    

}

h1#lars {

    margin: 0;

    background: transparent url(../_gfx/h1_lars_bg.gif) left top no-repeat;

    height: 27px;    

}

h1#volker {

    margin: 0;

    background: transparent url(../_gfx/h1_volker_bg.gif) left top no-repeat;

    height: 27px;    

}

h1#markus {

    margin: 0;

    background: transparent url(../_gfx/h1_markus_bg.gif) left top no-repeat;

    height: 27px;    

}

h1#dominik {

    margin: 0;

    background: transparent url(../_gfx/h1_dominik_bg.gif) left top no-repeat;

    height: 27px;    

}

h1#history {

    margin: 0;

    background: transparent url(../_gfx/h1_history_bg.gif) left top no-repeat;

    height: 27px;   

}

h1#kontakt {

    margin: 0;

    background: transparent url(../_gfx/h1_kontakt_bg.gif) left top no-repeat;

    height: 27px;   

}

h1#direktkontakt {

    margin: 0;

    background: transparent url(../_gfx/h1_direktkontakt_bg.gif) left top no-repeat;

    height: 27px;   

}

h1#misclinks {

    margin: 0;

    background: transparent url(../_gfx/h1_misclinks_bg.gif) left top no-repeat;

    height: 27px;   

}

h1#bandlinks {

    margin: 0;

    background: transparent url(../_gfx/h1_bandlinks_bg.gif) left top no-repeat;

    height: 27px;   

}

h1#herausgeber {

    margin: 0;

    background: transparent url(../_gfx/h1_herausgeber_bg.gif) left top no-repeat;

    height: 27px;   

}

h1#datenschutz {

    margin: 0;

    background: transparent url(../_gfx/h1_datenschutz_bg.gif) left top no-repeat;

    height: 27px;   

}

h1#bildergalerie {

    margin: 0;

    background: transparent url(../_gfx/h1_bildergalerie_bg.gif) left top no-repeat;

    height: 27px;   

}

h1#bilderadmin {

    margin: 0;

    background: transparent url(../_gfx/h1_bilderadmin_bg.gif) left top no-repeat;

    height: 27px;   

}

h1#porterinbildern {

    margin: 0;

    background: transparent url(../_gfx/h1_porterinbildern_bg.gif) left top no-repeat;

    height: 27px;   

}

h1 {

    margin-bottom: 5px;

    font: bold 150% Verdana, Arial, Helvetica, sans-serif;

    color: #E7E79C;

}

h2 {

    margin-bottom: 5px;

    font: bold 100% Verdana, Arial, Helvetica, sans-serif;

    color: #E7E79C;

}

h3 {

    margin-bottom: 5px;

    font: bold 100% Verdana, Arial, Helvetica, sans-serif;

    color: #ccc;

}

.bold {

    font-weight: bold;

}

.small {

    font-size: 90%;

}

.smallRed {

    font-size: 90%;

    color: red;

}

.normText {

    font-size: 75%;

    line-height: 19px;

}



/* leftCol styles ****************************** */

div.leftBlock {

    padding: 10px 25px 0 25px;

    background: transparent url(../_gfx/design_leftBlock_bg.gif) left top repeat-y;

}

div.leftBottom {

    font-size: 1px; /* IE */

    background: transparent url(../_gfx/design_leftBottom_bg.gif) left bottom no-repeat;

    height: 14px;

}

#leftCol img {

    margin: 5px 0 5px 10px;

}

/* ********************************************* */



/* rightCol styles ***************************** */

div.rightBlock {

    padding: 10px 25px 0 25px;

    background: transparent url(../_gfx/design_rightBlock_bg.gif) left top repeat-y;

}

div.rightBottom {

    font-size: 1px; /* IE */

    background: transparent url(../_gfx/design_rightBottom_bg.gif) left bottom no-repeat;

    height: 14px;

}

#rightCol img {

    margin: 5px 0 5px 10px;

}

/* ********************************************* */



/* Formulare *********************************** */

input {

    margin-right: 2px;

	background-color: #999;

	color: #ff9;

}

select {

	background-color: #999;

	color: #ff9;

}

textarea {

	color: #ff9;

	background-color: #999;

}

option {

    padding-right: 5px;

}

/* ********************************************* */



/* Bilder ************************************** */

.borderImgRight {

    margin: 0 0 5px 20px;

    float: right;

    border: 1px solid #ccc;

}

.borderlessImgRight {

    margin: 0 0 5px 20px;

    float: right;

    border: none;

}

.borderImgLeft {

    margin: 0 20px 5px 0;

    float: left;

    border: 1px solid #ccc;

}

.borderlessImgLeft {

    margin: 0 20px 5px 0;

    float: left;

    border: none;

}

.borderImg {

    margin: 0 0 5px 20px;

    border: 1px solid #ccc;    

}

/* ********************************************* */



/* ********************************************************************************************* */

/* Admin styles ******************************************************************************** */

/* ********************************************************************************************* */

#adminContainer {

    padding: 50px;

    text-align: left;

}



/* ********************************************************************************************* */

/* Bildergalerie styles ************************************************************************ */

/* ********************************************************************************************* */

#picgalerie {

    margin: 0 11px;

    padding: 10px;

    background-color: #3B3B3B;

    text-align: left;

}

#picgalerie .footer { /* "Powered by Coppermine" link verbergen */

    display: none;

}

td.admin_menu {

    padding-right: 5px;

    vertical-align: top;

    text-align: left;

}

td.tableh2 {

    padding-bottom: 10px;

    padding-right: 5px;

    font-size: 120%;

    vertical-align: top;

    text-align: left;

}

td.tableh1 {

    padding-bottom: 10px;

    padding-right: 5px;

    vertical-align: top;

    text-align: left;

}

td.tableb {

    padding-bottom: 10px;

    padding-right: 5px;

    vertical-align: top;

    text-align: left;

}

td.tablef {

    padding-top: 25px;

}

td.thumbnails table td {

    padding: 2px;

}