/*#######################################
	Martin Reiter
	www.martinreiter.com
	13.12.2010
#######################################*/

/********************************************************************
* Style section														*
********************************************************************/

body
	{
		margin: 0px;
		padding: 0px;
		overflow-y: scroll;
	}

.clearence
    {
        clear: both;
    }


@font-face
    {
		font-family: 'Silk';
		src: url('../fonts/04b_21-webfont.eot');
    }

@font-face
    {
		font-family: 'Silk';
		src: local('☺'), url('../fonts/04b_21-webfont.woff') format('woff'), url('../fonts/04b_21-webfont.ttf') format('truetype'), url('../fonts/04b_21-webfont.svg#webfont') format('svg');
    }

/* Def END *********************************************************/



/********************************************************************
* Layout section													*
********************************************************************/

/********************************************************************
* Body																*
********************************************************************/

/* Style */

#outerLimitBox
	{
		font-family: Verdana, sans-serif;
		font-size: 10px;
		color: #DDDDDD;
		border: 1px solid transparent;
		z-index: 100;
	}

/* Layout */

#outerLimitBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 775px;
		height: auto;
		margin: 0px auto 0px;
	}

/* Def END *********************************************************/


/********************************************************************
* Topbox															*
********************************************************************/

/* Style */

#navigationBox
	{
		text-align: center;
	}


#navigationBox ul
	{
		margin: 0px;
		padding: 0px;
	}

#navigationBox ul li
	{
		list-style: none;
		display: inline;
	}

#navigationBox ul li a
	{
		margin: 0px 4px;
		padding: 4px 10px;
		font-family: Silk, Arial, sans-serif;
		font-size: 8px;
		text-decoration: none;
		text-transform: uppercase;
		background-color: transparent;
	}


/* Layout */

#topBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 775px;
		height: 60px;
	}

#logoBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 218px;
		height: 60px;
		float: left;
	}

#navigationBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 550px;
		height: 20px;
		margin-top: 23px;
		float: right;
	}


/* Def END *********************************************************/


/********************************************************************
* Sujetbox															*
********************************************************************/

/* Style */

#sujetBox
	{
		background-color: #808080;
	}







/* Layout */

#sujetBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 775px;
		height: 285px;
	}

#overlay
	{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 380px;
		height: 285px;
		z-index: 10;
	}

#overlay .latestnews
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 340px;
		height: 105px;
		margin: 30px auto 0px;
	}


#overlay .latestnews .newsdate
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 340px;
		height: auto;
		margin-bottom: 6px;
		font-size: 11px;
		font-weight: bold;
	}

#overlay .latestnews .newstitle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 340px;
		height: auto;
		margin-bottom: 3px;
		text-decoration: underline;
	}

#overlay .latestnews .newstext
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 340px;
		height: auto;
		margin-top: 10px;
		font-size: 11px;
	}

#overlay .latestgig
	{
		position: relative;
		top: 5px;
		left: 0px;
		width: 340px;
		height: 105px;
		margin: 0px auto 0px;
	}

#sujetBox .images
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 775px;
		height: 285px;
		z-index: 5;
	}


/* Def END *********************************************************/


/********************************************************************
* SecondNavbox														*
********************************************************************/

/* Style */

#secondNavBox
	{
		text-align: right;
		line-height: 20px;
	}


#secondNavBox ul
	{
		margin: 0px;
		padding: 0px;
	}

#secondNavBox ul li
	{
		list-style: none;
		display: inline;
	}

#secondNavBox ul li a
	{
		margin: 0px 0px 0px 25px;
		font-family: Silk, Arial, sans-serif;
		font-size: 8px;
		text-decoration: none;
		text-transform: uppercase;
		color: #FFFFFF;
	}

#secondNavBox ul li a:hover
	{
		color: #808080;
	}

/* Layout */

#secondNavBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 22px;
	}

/* Def END *********************************************************/


/********************************************************************
* Stripebar															*
********************************************************************/

/* Style */



/* Layout */

.stripebar
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 775px;
		height: 22px;
	}

/* Def END *********************************************************/


/********************************************************************
* Contentbox														*
********************************************************************/

/* Style */

#contentBox
	{
		line-height: 140%;
	}


/* Layout */

#contentBox .leftside
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 315px;
		height: auto;
		margin: 20px 65px 20px 35px;
		float: left;
	}

#contentBox .rightside
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 315px;
		height: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		float: left;
	}

#singleside
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 695px;
		height: auto;
		margin: 20px 0px 20px 35px;
	}

/* Def END *********************************************************/


/********************************************************************
* Tourdates															*
********************************************************************/

/* Style */

#accordion h3 a,
#accordion h3 a:hover
	{
		border-bottom: none;
	}

#accordion
	{
		background-color: transparent;
	}

#accordion h3.header
	{
		width: 100%;
		height: auto;
		padding: 4px 5px;
		margin: 0px;
		display: block;
		cursor: pointer;
	}


h3 span.country
	{
		position: relative;
		width: auto;
		font-weight: normal;
		font-size: 14px;
		font-weight: normal;
		text-align: right;
		float: right;
	}

h3 span.bandsmall
	{
		font-size: 10px;
	}

#accordion .tourband
	{
		font-size: 12px;
	}


/* Layout */

#accordion .tourdate
	{
		padding: 4px 2px 4px 2px;
	}

#accordion .tourdate .dates
	{
		float: left;
	}

#accordion .tourdate .location
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 170px;
		height: 16px;
		float: right;
	}

#accordion .tourband
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 200px;
		height: auto;
		float: left;
	}

#accordion .tourbandlink
	{
		position: relative;
		top: 0px;
		left: 0px;
		margin-top: 0px;
		float: left;
	}

#accordion .tourlocation
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 200px;
		height: auto;
		margin-top: 10px;
		font-size: 12px;
		float: left;
	}

#accordion .tourlocationaddress
	{
		margin-bottom: 20px;
	}

#accordion .tourlocationlink
	{
		position: relative;
		top: 0px;
		left: 0px;
		margin-top: 10px;
		float: left;
	}

#accordion .tourinfo
	{
		margin-bottom: 15px;
	}

#accordion .tourpic
	{
		position: relative;
		top: 0px;
		left: 0px;
		margin-bottom: 15px;
		padding: 2px;
		float: right;
	}

/* Def END *********************************************************/


/********************************************************************
* Discography														*
********************************************************************/

/* Style */

#discocategBox,
#discosubcategBox
	{
		margin-bottom: 20px;
		text-align: center;
	}

#discocategBox ul,
#discosubcategBox ul
	{
		margin: 0px;
		padding: 0px;
	}

#discocategBox ul li,
#discosubcategBox ul li
	{
		margin: 0px 20px;
		list-style: none;
		display: inline;
	}

#discocategBox ul li a,
#discosubcategBox ul li a
	{
		padding: 3px 5px;
	}

.listingbox .box3 img
	{
		padding: 2px;
	}

/* Layout */

#listingOuterLimit
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
	}

.listingbox
	{
		margin-bottom: 40px;
	}

.listingbox .box1
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 230px;
		height: auto;
		margin-right: 10px;
		float: left;
	}

.listingbox .box2
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 260px;
		height: auto;
		float: left;
	}

.listingbox .box3
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 185px;
		height: auto;
		float: left;
	}

.listingbox .lineup
	{
		margin-top: 5px;
	}

/* Def END *********************************************************/


/********************************************************************
* Media																*
********************************************************************/

/* Style */

#media1 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 230px;
		height: 80px;
		display: block;
	}

#media2 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 230px;
		height: 80px;
		display: block;
	}

#media3 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 230px;
		height: 80px;
		display: block;
	}

#media1 a:hover
	{
		background-position: 0px -80px;
	}

#media2 a:hover
	{
		background-position: -230px -80px;
	}

#media3 a:hover
	{
		background-position: -460px -80px;
	}

/* Layout */

#media1,
#media2
	{
		width: 230px;
		height: 80px;
		margin-right: 39px;
		float: left;
	}

#media3
	{
		width: 230px;
		height: 80px;
		float: left;
	}

/* Def END *********************************************************/


/********************************************************************
* Press																*
********************************************************************/

/* Style */

#singleside .pressdate
	{
		font-size: 11px;
		font-weight: bold;
	}


/* Layout */

#singleside .pressbox
	{
		margin-bottom: 40px;
	}

#singleside .pressdate
	{
		margin-bottom: 5px;
	}

#singleside .presstitle
	{
		width: auto;
		margin-bottom: 5px;
	}

#singleside .presstext
	{
		margin-bottom: 20px;
	}

#singleside .presspic
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 80px;
		height: 80px;
		margin-left: 20px;
		margin-bottom: 20px;
		padding: 2px;
		float: left;
	}

/* Def END *********************************************************/


/********************************************************************
* News																*
********************************************************************/

/* Layout */

#accordion .newstext
	{
		width: auto;
		padding-bottom: 15px;
		margin: 0px 0px 15px;
	}

#accordion .newspic
	{
		margin: 0px 0px 30px 30px;
		padding: 2px;
		float: right;
	}

/* Def END *********************************************************/


/********************************************************************
* Downloads	*
********************************************************************/

/* Style */

.downloadbox .title
	{
		font-size: 12px;
		font-weight: bold;
	}

/* Layout */

.downloadbox
	{
		margin-bottom: 20px;
	}

.downloadbox .title
	{
		margin-bottom: 3px;
	}

.downloadbox .text
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 540px;
		height: auto;
		float: left;
	}

.downloadbox .downlinkbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		height: auto;
		float: right;
	}

.downlinkbox .icon
	{
		width: 16px;
		height: 16px;
		margin-right: 5px;
		float: left;
	}

.downlinkbox .link
	{
		margin-top: 2px;
		float: left;
	}

/* Def END *********************************************************/


/********************************************************************
* Projects															*
********************************************************************/

/* Style */

.projectbox .title,
#projectDetailBox .title
	{
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #969696;
	}


/* Layout */

.projectbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		margin-bottom: 30px;
	}

.projectbox .title,
#projectDetailBox .title
	{
		margin-bottom: 2px;
		padding-bottom: 3px;
	}

.projectbox .subtitle,
#projectDetailBox .subtitle
	{
		width: 500px;
		margin: 2px 0px 8px;
		float: left;
	}

.projectbox .text
	{
		margin: 0px;
	}

.projectbox .linkmore
	{
		float: right;
	}

/* Def END *********************************************************/


/********************************************************************
* Links																*
********************************************************************/

/* Style */

#singleside .linktitle
	{
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 10px;
	}

/* Layout */

#singleside .linkbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		height: auto;
		margin-right: 45px;
		margin-bottom: 40px;
		float: left;
	}

#singleside .linkboxright
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		height: auto;
		margin-bottom: 40px;
		float: left;
	}



/* Def END *********************************************************/








/********************************************************************
* Footerbox	*
********************************************************************/

/* Style */



/* Layout */

#footerBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 775px;
		height: 40px;
		margin-bottom: 30px;
	}

#logoSke
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 46px;
		height: 40px;
		margin-right: 5px;
		background-position: 0px -86px;
		float: left;
	}

#logoMatRec
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 77px;
		height: 40px;
		margin-right: 5px;
		background-position: -46px -86px;
		float: left;
	}

#logoBmukk
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 70px;
		height: 40px;
		margin-right: 5px;
		background-position: -122px -86px;
		float: left;
	}

#logoMr
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 79px;
		height: 40px;
		margin-right: 5px;
		background-position: -216px -27px;
		float: right;
	}

/* Def END *********************************************************/






/********************************************************************
* Email form style													*
********************************************************************/

#contactForm
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 400px;
		height: auto;
		margin: 10px 0px 0px 0px;
		z-index: 100;
	}

fieldset
	{
		position: relative;
		border: 0px;
		margin: 0px;
		padding: 0px;
		z-index: 100;
	}

label
	{
		width: 80px;
		display: block;
		float: left;
	}

input.text
	{
		position: relative;
		width: auto;
		margin: 0px 0px 20px 0px;
		font-size: 11px;
		border: none;
		float: left;
		z-index: 1000;
	}

textarea
	{
		position: relative;
		font-family: Verdana, sans-serif;
		font-size: 11px;
		z-index: 100;
	}

input.submit
	{
		margin: 20px 0px 0px 80px;
		height: 30px;
		font-weight: bold;
	}

input.checkbox
	{
		margin: 10px 0px 20px;
	}

.reqtext
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height:  auto;
		margin: 5px 0px 0px 80px;
		font-size: 10px;
	}

span.req
	{
		font-size: 12px;
		font-weight: bold;
	}

span.field
	{
		margin-left: 3px;
		float: left;
	}


/* Def END *********************************************************/




/********************************************************************
* Browser warning													*
********************************************************************/

#warningBar
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 17px;
		padding-top: 3px;
		font-family: Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		background-color: #FF0000;
		border-bottom: 1px solid #B00000;
		z-index: 500;
		}

#warningBar a
	{
		color: #FFFFFF;
	}

#warningBar a:hover
	{
		color: #993300;
	}

/* Def END *********************************************************/


/* Def END *********************************************************/