/* - - - - - - - - - - - - - - - - - - - 
   R I N G O  S K A  W E B S I T E
   
   V E R S I O N  2 . 0
  
   D A T U M  2 0 0 6 - 0 5 - 2 2
- - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - 
   D E F A U L T
- - - - - - - - - - - - - - - - - - - */ 

body, div, h1, h2, h3, p, img {
	padding: 0px;
	margin: 0px;
	border: 0px;		
}

a { 
	outline: none; 
}

/*
html {
	overflow: -moz-scrollbars-vertical !important;
}
*/

/* - - - - - - - - - - - - - - - - - - - 
   L A Y O U T
- - - - - - - - - - - - - - - - - - - */

/* IDs */

body {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	color: #333;
	background: #c99c52 url(../img/pappe_bg.jpg) top left repeat-x;
}

#wrapper1 { 
	position: relative;
	width: 800px;
	height: auto;
	text-align: left;
	padding: 0px;
	margin: 20px auto 50px;
} 

#rand_oben { 
	width: 800px;
	height: 20px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background: url(../img/risskante_oben.gif) top left repeat-x;
} 

#rand_unten { 
	width: 800px;
	height: 20px;
	text-align: left;
	padding: 0px;
	margin: 0px; 
	background: url(../img/risskante_unten.gif) top left repeat-x;
} 

#wrapper2 { 
	width: 800px;
	height: auto;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background: #fffef3 url(../img/schirm_alleine.jpg) 508px 21px no-repeat;
} 

#linke_spalte { 
	float: left;
	display: inline;
	width: 460px;
	padding: 0px;
	margin: 35px 56px 35px 27px;
}

#rechte_spalte { 
	float: left;
	display: inline;
	width: 230px;
	padding: 0px;
	margin: 63px 27px 35px 0px;
}

#footer { 
	clear: both;
	display: block;
	padding: 0px;
	margin: 0px 0px 25px 27px;
}

#copyright { 
	float: left;
	display: inline;
	width: 460px;
	padding: 10px 0px 0px;
	margin: 0px 66px 0px 0px;
	border-top: 1px solid #999;
}

#toplink { 
	float: left;
	width: 220px;
	padding: 11px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#top {
	display: block;
	height: 1px;
}

#stoerer { 
    position: absolute;
    top: 130px;
	left: 745px;
	width: 114px;
	height: 114px;
    z-index: 100;
}


/* Klassen */

.box {
	margin: 0px 0px 40px;
}

.bandmember {
	clear: both;
	height: 230px;
	margin: 20px 0px 20px;
}

.wallpaper {
	clear: both;
	margin: 10px 0px 20px;
}



/* - - - - - - - - - - - - - - - - - - - -
   L O G O
- - - - - - - - - - - - - - - - - - - - */

#titel {
	display: block;
	padding: 50px 27px 0px;
	margin: 0px;
	border: 0px;	
}

#titel h1 {
	display: block;
	width: 375px;
	height: 29px;
	background: url(../img/titel_ringoska.gif) 0 0 no-repeat;
}

#titel h1 a {
	display: block;
	width: 375px;
	height: 29px;
	text-indent: -5000px;
	text-decoration: none;
}

#titel a:hover {
    background: url(../img/titel_ringoska_aktiv.gif) 0 0 no-repeat;
    text-decoration: none;
}



/* - - - - - - - - - - - - - - - - - - - -
   N A V I G A T I O N
- - - - - - - - - - - - - - - - - - - - */

/* Hauptnavigation */

/* Allgemeine Definitionen */

#navigation {
	display: block;
	padding: 48px 27px 0px;
    height: 20px;
	margin: 0px;
}

#navigation ul#hauptnavigation {
	list-style: none;
	margin: 0; 
	padding: 0;
}

#navigation ul#hauptnavigation li {
	display: inline;
	line-height: 20px;
	text-indent: -5000px;
}

#navigation ul#hauptnavigation li a {
	float: left;
	height: 20px;
	margin: 0px 15px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #777;
	text-decoration: none;
	background: url("../img/navigation.gif") no-repeat;
}


/* Normal und Hover Status fuer inaktive Navigationspunkte */

ul#hauptnavigation li#startseite a			{ background-position: 0px 0px; width: 33px; }
ul#hauptnavigation li#startseite a:hover	{ background-position: 0px -22px; }

ul#hauptnavigation li#termine a 			{ background-position: -48px 0px; width: 66px; }
ul#hauptnavigation li#termine a:hover		{ background-position: -48px -22px; }

ul#hauptnavigation li#band a 				{ background-position: -131px 0px; width: 31px; }
ul#hauptnavigation li#band a:hover			{ background-position: -131px -22px; }

ul#hauptnavigation li#download a 			{ background-position: -178px 0px; width: 65px; }
ul#hauptnavigation li#download a:hover		{ background-position: -178px -22px; }

ul#hauptnavigation li#shop a 				{ background-position: -259px 0px; width: 31px; }
ul#hauptnavigation li#shop a:hover			{ background-position: -259px -22px; }

ul#hauptnavigation li#guestbook a 			{ background-position: -307px 0px; width: 68px; }
ul#hauptnavigation li#guestbook a:hover		{ background-position: -307px -22px; }

ul#hauptnavigation li#kontakt a 			{ background-position: -391px 0px; width: 50px; }
ul#hauptnavigation li#kontakt a:hover		{ background-position: -391px -22px; }


/* Normal und Hover Status fuer aktive Navigationspunkte */

ul#hauptnavigation li#startseite a.aktiv, 
ul#hauptnavigation li#startseite a.aktiv:hover	{ background-position: 0px -44px;}

ul#hauptnavigation li#termine a.aktiv, 
ul#hauptnavigation li#termine a.aktiv:hover		{ background-position: -48px -44px; }

ul#hauptnavigation li#band a.aktiv, 
ul#hauptnavigation li#band a.aktiv:hover		{ background-position: -131px -44px; }

ul#hauptnavigation li#download a.aktiv, 
ul#hauptnavigation li#download a.aktiv:hover	{ background-position: -178px -44px; }

ul#hauptnavigation li#shop a.aktiv, 
ul#hauptnavigation li#shop a.aktiv:hover		{ background-position: -259px -44px; }

ul#hauptnavigation li#guestbook a.aktiv, 
ul#hauptnavigation li#guestbook a.aktiv:hover	{ background-position: -307px -44px; }

ul#hauptnavigation li#kontakt a.aktiv, 
ul#hauptnavigation li#kontakt a.aktiv:hover		{ background-position: -391px -44px; }


/* Unternavigation */

/* Liste Navigation Rechte Spalte */

.box ul.unternavigation {
	list-style: none;
    margin: 10px 0px 25px;
    padding: 0px;
}

.box ul.unternavigation li {
	padding: 0px 0px 0px 25px;
	line-height: 16px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	background: url("../img/pfeil_rechts_rot.gif") 10px 5px no-repeat;
}

.box ul.unternavigation li a {
}

.box ul.unternavigation li a, .box ul.unternavigation li a:link, .box ul.unternavigation li a:active, .box ul.unternavigation li a:visited {
	color: #333;
    text-decoration: underline; 
}

.box ul.unternavigation li a:hover  { 
	color: #761515;
    text-decoration: underline;
    background: #fafacd;    
}





/* - - - - - - - - - - - - - - - - - - - -
   T Y P O G R A F I E
- - - - - - - - - - - - - - - - - - - - */

/* Linke Spalte */

/* Headlines */

#linke_spalte h2, #linke_spalte h2 a {
    margin: 0px 0px 10px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	color: #761515;
	font-weight: bold;
}

#linke_spalte h3, #linke_spalte h3 a { 
	clear: both;
    margin: 25px 0px 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color: #761515;
}

#linke_spalte h3.wide, #linke_spalte h3.wide a { 
	clear: both;
    margin: 40px 0px 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color: #761515;
}


#linke_spalte h4, #linke_spalte h4 a {
    color: #555;
    font-weight: bold;
    margin: 10px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;	
}

#linke_spalte h4.news_teaser_headline {
    color: #555;
    font-weight: bold;
    margin: 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;	
}


/* Normal */

#linke_spalte p {
	width: auto;
    margin: 5px 0px 15px;
    line-height: 15px;
    color: #333;
}

#linke_spalte p.startartikel_teaser {
	width: auto;
    margin: 5px 0px 7px;
    line-height: 15px;
    color: #333;
}

#linke_spalte p.news_teaser_teaser {
	width: auto;
    margin: 3px 0px 15px;
    color: #333;
}

#linke_spalte p.news_teaser_datum {
    color: #888;
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px 0px 3px;
    font-size: 11px;
    font-weight: normal;
}

#linke_spalte strong {
    color: #666;
    font-weight: normal;
}

#linke_spalte p a, ul.termine li a {
    color: #333;
    text-decoration: underline; 
}

#linke_spalte p a:hover, ul.termine li a:hover, ul.termine li.hellgrau a:hover {
    color: #761515;
    text-decoration: underline;
    background: #fafacd;
}

.datum {
	color: #777;
    font-weight: normal;
    font-size: 11px;
}

#linke_spalte p.newsartikel {
	margin: 10px 0px 25px;
}

.box p {
	width: 220px;
    margin: 0px 0px 10px;
    padding: 0px 0px 0px 10px;
    color: #666;
}

#linke_spalte p.termin_bold, #linke_spalte p.teaser_bold {
    font-weight: bold;
    margin: 5px 0px 7px;
}

#linke_spalte p.toplink {
	display: block;
	width: 220px;
	padding-top: 3px;
	height: 24px;
	text-indent: 24px;
	background: url("../img/pfeil_toplink_intern.jpg") 0px 0px no-repeat;
}

#linke_spalte p.toplink a {
    color: #333;
    text-decoration: underline; 
}

#linke_spalte p.toplink a:hover {
    color: #761515;
    text-decoration: underline;
    background: #fafacd;  
}


/* Liste fuer Termine */

ul.termine {
	list-style: none;
    margin: 10px 0px 15px;
    padding: 0px;
}

ul.termine li {
	line-height: 20px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

ul.termine li.hellgrau, ul.termine li.hellgrau a {
    color: #777; 
    text-decoration:line-through;
}

.box ul.termine {
    margin: 0px 0px 10px;
    padding: 0px 0px 0px 10px;
}

.box ul.termine li {
	line-height: 16px;
	color: #666;
}


/* Liste fuer Download */

ul.download {
	list-style: none;
    margin: 10px 0px 25px;
    padding: 0px;
}

ul.download li {
	padding: 5px 0px 0px 15px;
	line-height: 16px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background: url("../img/pfeil_rechts_rot.gif") 0px 11px no-repeat;
}

ul.download li a {
}

ul.download li a, ul.download li a:link, ul.download li a:active, ul.download li a:visited {
	color: #333;
    text-decoration: underline; 
}

ul.download li a:hover  { 
	color: #761515;
    text-decoration: underline;
    background: #fafacd;    
}


/* Liste fuer Pressestatement */

ul.pressestatements {
	list-style: none;
    margin: 10px 0px 25px;
    padding: 0px;
}

ul.pressestatements li {
	padding: 5px 0px 0px 15px;
	line-height: 16px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background: url("../img/pfeil_rechts_rot.gif") 0px 11px no-repeat;
}



/* Rechte Spalte */

/* Headlines */

.box h2 { 
	width: 220px;
	height: 23px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 10px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	color: #761515;
	font-weight: bold;
	border-bottom: 1px solid #999;
}


/* Normal */

#rechte_spalte strong {
    color: #761515;
    font-weight: normal;
}

.box p.weiterlesen {
	width: 205px;
    padding: 0px 0px 0px 25px;
	background: url("../img/pfeil_rechts_rot.gif") 10px 5px no-repeat;
}

.box p.umfliessen {
	width: auto;
}

.box p a, .box ul.termine li a {
    color: #666;
    text-decoration: underline;
}

.box p a:hover, .box ul.termine li a:hover {
    color: #761515;
    text-decoration: underline;
    background: #fafacd;  
}


/* Footer */

#copyright p {
    color: #999;
	margin: 0px;
}

#copyright p a {
    color: #999;
    text-decoration: underline; 
}

#copyright p a:hover {
    color: #761515;
    background: #fafacd; 
}

#toplink p {
	text-indent: 12px;
	background: url("../img/pfeil_up_rot.gif") 0px 3px no-repeat;
}

#toplink p a {
    color: #999;
    text-decoration: underline; 
}

#toplink p a:hover {
    color: #761515;
    text-decoration: underline;
    background: #fafacd;  
}


/* Sonstiges */

p.rot {
    color: #761515; 
}

#rechte_spalte p.fehlermeldung, #rechte_spalte li.fehlermeldung, #linke_spalte p.fehlermeldung {
	font-weight: normal;
	color: #761515;
}




/* - - - - - - - - - - - - - - - - - - - -
   T A B E L L E N
- - - - - - - - - - - - - - - - - - - - */

table.newsletter {
	width: 220px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	table-layout: fixed;
}

#linke_spalte table.newsletter {
	/*margin-left: -10px;*/
}

#rechte_spalte table.newsletter {
	margin-left: 10px;
}

table.newsletter tr {
}

table.newsletter th, table.newsletter td {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px; 
	font-family: verdana, geneva, sans-serif;
	border: 0px solid #000;
	padding: 3px 0px 3px 0px;
	text-align: left;
}

#linke_spalte table.newsletter th, #linke_spalte table.newsletter td {
	color: #333;
}

td.bezeichnung {
	font-weight: normal;
	width: 60px;
}

td.eingabe {
	font-weight: normal;
	width: auto;
}




/* - - - - - - - - - - - - - - - - - - - -
   F O R M U L A R E
- - - - - - - - - - - - - - - - - - - - */

input, textarea, select {
    /*margin: 5px 0px 15px;*/
}




/* - - - - - - - - - - - - - - - - - - - -
   B I L D E R
- - - - - - - - - - - - - - - - - - - - */

#linke_spalte img {
    margin: 0px 0px 0px 0px;   
}

#linke_spalte img.srr_logo {
    margin: 0px 0px 15px 0px;   
}

#linke_spalte img.icon {
	float: left;
	width: 32px;
	height: 32px;
    margin: 10px 10px 0px 0px;  
}

#linke_spalte .wallpaper img.icon {
    margin: 0px 10px 0px 0px;  
}

#linke_spalte img.portrait {
	float: left;
    margin: 0px 10px 10px 0px;   
}

#linke_spalte img.signatur {
    margin: 10px 0px 0px 0px;  
}

.box img {
	float: left;
	width: 60px;
	height: 60px;
    margin: 3px 10px 7px 10px;
}




/* - - - - - - - - - - - - - - - - - - - -
   H E L F E R L E I N
- - - - - - - - - - - - - - - - - - - - */

.invisible {
	display: none;
}

.floataround {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
}

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

 .clearfix {
display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

.seitenanfang {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}