/***************
 * RESET
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4 {font-weight: normal;}

body {
	cursor: url(../img/fischcursor.gif);
}

div, span, a, p, ul, li, input, textarea {
	font-family: Verdana, Arial, sans-serif;
}

/*** Hintergrund ***********
 * 
 */
div.fischbg {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div#fischbg1 {
	background: #fff url(../img/bg/klein/5.jpg) no-repeat;
	z-index: -1;
}

div#fischbg2 {
	background: #fff url(../img/bg/klein/11.jpg) no-repeat;
	z-index: -2;
}

h1 {
	font-size: 128px;
	letter-spacing: 19px;
	color: #c56119;	
}

/*** Haupttitel ***********
 * 
 */
h2 {
	font-size: 50px;
	letter-spacing: 7px;
	color: #c56119;	
}

#head h1 {
	padding: 20px 0 0 10px;
}

#head h2 {
	padding: 0 0 20px 19px;
}

#head {
	position: absolute;
	width:100%;
	bottom: 30px;
	background-color: #7fb8bd;
	padding:0;
	opacity:0.85;
	text-align:center;
	filter:alpha(opacity=85);
}

/*** Dosen Basics ***********
 * 
 */

div .titel, div .text, div .titel span, div .text span, div.frame, div.schliessen, div.closer, div.opener {
	position: absolute;
}

div.gross, div.gross .text, div.gross .titel {
	width: 500px;
	height:286px;
}

div.klein, div.klein .text, div.klein .titel {
	width: 300px;
	height:172px;
}
	
div.gross .text {
	background: transparent url(../img/dose_offen_500_blau.png) no-repeat;
}

div.klein .text {
	background: transparent url(../img/dose_offen_300_blau.png) no-repeat;
}

/*-- dose titel --*/
div.titel span {
	color: #C56119;
	padding:6px;
}

div.gross div.titel span {
	font-size: 48px;
	right: 70px;
	bottom:34px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

div.klein div.titel span {
	font-size: 20px;
	line-height:22px;
	right: 46px;
	bottom:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.klein div.titel span span {
	opacity: 1;
	}

/*-- dose text --*/
div.text span {
	color: #C56119;
}

div.text span h3 {
	font-size:110%;
	padding-bottom:8px;
}

div.text span p {
	padding: 0 0 4px 0;
}

div.text span p.portrait {
	clear:both;
}

div.text span p.portrait img {
	margin: 0 4px 6px 0;
	float:left;
}

div.text span a {
	color: #9f4a0d;
}

div.text span a:hover {
	color: #C56119;
}

div.gross div.text span {
	font-size: 12px;
	padding: 25px 10px 10px 102px;
}


div.klein div.text span {
	font-size: 12px;
	padding: 24px 24px 10px 60px;
}

/*-- dose schliessen/öffnen --*/
div.text div.schliessen {
	color: #d6d6a1;
}

div.text div.schliessen:hover {
	color: #7FB8BD;
}

div.text div.schliessen {
	font-size: 10px;
	bottom:20px;
	right:46px;
}

div.klein div.closer {
	top: 63px;
	left: 15px;
	width:36px;
	height:50px;
}

div.klein div.opener {
	top: 63px;
	right: 15px;
	width:72px;
	height:50px;
}

div.gross div.closer {
	top: 109px;
	left: 34px;
	width:46px;
	height:72px;
}

div.gross div.opener {
	top: 103px;
	right: 28px;
	width:122px;
	height:79px;
}


/*** Konzerdose
*
*/

div#konzerte li {
	list-style:disc;
	padding-left:0px;
}

div#konzerte ul {
	padding-left:1.1em;
}

/*** Musikdose ***********
 * 
 */
div#musik {
	top: 250px;
	left: 350px;
}
div#musik .titel {
	background: transparent url(../img/dose_musik_500.png) no-repeat; 
}

div#musik li {
	float:left;
	background-color:transparent;
	padding: 4px;
	-moz-border-radius-topleft:3px 6px;
	-moz-border-radius-topright:3px 6px;
	-webkit-border-top-left-radius:3px 6px;
	-webkit-border-top-right-radius:3px 6px;
}

div#musik li.active {
	float:left;
	background-color:#8abec2;
	padding: 4px;
}

div#musik li a {
	color: #C56119;
	text-decoration: none;	
}

div#musik li a:hover {
	color: #ededed;	
}

div#musik li a.album {
	color: #ededed
}

div#musik li a.album:hover {
	color: #C56119
}

div#musik li.active a.album {
	color: #C56119
}



div#musik div#album-tabs div.album-tab {
	clear:both;
	background-color: #8abec2;
	padding:6px;
	width:310px;
	height:200px;
	border-top:0;
	-moz-border-radius:6px 12px;
	-webkit-border-radius:6px 12px;
}

div#musik div#album-tabs div#tabs-1 {
	-moz-border-radius-topleft:0;
	-webkit-border-top-left-radius:0;
}


div#musik ul.tracks li {
	float: none;
	padding: 0 0 1px 0;
}

div#musik ul.tracks li.jplayer_playlist_current a {
	color: #1e1e1e;
}

div#musik div#album-tabs img.cover {
	position: absolute;
	top:53px;
	right:19px;
}

div#musik div#album-tabs p.yearUnder {
	position: absolute;
	top:158px;
	right:19px;
}

div#musik div#album-tabs p.yearUp {
	position: absolute;
	top:53px;
	right:19px;
}

div#musik div.handles {
	position: absolute;
	right: 15px;
	bottom:15px;
	width:24px;
	height:24px;
	cursor:pointer;
}

div#musik div.albumAddText {
	font-style:italic;
	position: absolute;
	left: 108px;
	bottom:20px;
	width:250px;
}

div#musik div.handles.toStop {
	background: transparent url(../img/stop.png) no-repeat;
}

div#musik div.handles.toStart {
	background: transparent url(../img/play.png) no-repeat;
}

form#fischForm {
	display: none;
}

form#fischForm span {
	position: static;
	padding: 0;
}

form#fischForm label {
	width:60px;
	display:block;
	float:left;
}

form#fischForm span.formLine {
	display: block;
	padding: 0 0 6px 0;
	font-size:9px;
}

form#fischForm span.formLine span {
	font-size:9px;
}

form#fischForm textarea {
 font-size:9px;
 height:60px;
}

form#fischForm span.formLine.textField input,  form#fischForm span.formLine.textField textarea {
	width: 240px;
}

form#fischForm span.formLine.textField input.checkbox {
	width: inherit;
}

form#fischForm span#formCds span.cdFormText {
	padding: 10px 0 0 4px;
	width: 100%;
}


/*** Kontaktdose ***********
 * 
 */
div#kontakt {
	bottom: 277px;
	left: 40px;
}
div#kontakt .titel {
	background: transparent url(../img/dose_kontakt_300.png) no-repeat;
}

/*** Banddose ***********
 * 
 */
div#band {
	top: 50px;
	left: 770px;
}
div#band .titel {
	background: transparent url(../img/dose_band_300.png) no-repeat;
}

/*** Impressumdose ***********
 * 
 */
div#impressum {
	bottom: 233px;
	right: 50px;
}
div#impressum .titel {
	background: transparent url(../img/dose_impressum_300.png) no-repeat;
}

/*** Konzertdose ***********
 * 
 */
div#konzerte {
	top: 30px;
	left: 30px;
}
div#konzerte .titel {
	background: transparent url(../img/dose_konzerte_300.png) no-repeat;
}