/*#######################################
	kibuki
	www.kibuki.at
	04.11.2009
#######################################*/

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

html
	{
		width: 100%;
		height: 100%;
	}

body
	{
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: url('../gfx/gfx_bkg.jpg') no-repeat center top;
		background-color: #000000;
	}

#contentBox
	{
		font-family: Arial, sans-serif;
		font-size: 14px;
		color: #333333;
	}

#contentBox a
	{
		color: #FF6600;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px dotted #FF6600;
	}

#contentBox a:hover
	{
		color: #FF6600;
		border-bottom: 2px solid #800000;
	}

span.smalltext
	{
		font-size: 11px;
	}

#impressumLink
	{
		position: relative;
		top: 0px;
		left: 0px;
		margin-left: 80px;
	}

#impressumLink a
	{
		color: #FFFC00;
	}









h2
	{
		margin:  0px 0px 2px;
		font-family: Kritzel, Arial, sans-serif;
		color: #333333;
		font-size: 22px;
		text-transform: uppercase;
	}

span.blue
	{
		color: #4A9EC3;
	}

/********************************************************************
* Section colors													*
********************************************************************/

span.secKibuki
	{
		color: #CEA110;
	}


span.secNews
	{
		color: #D74037;
	}

span.secTermine
	{
		color: #CC26E4;
	}

span.secPresse
	{
		color: #17F536;
	}

span.secKontakt
	{
		color: #136EF5;
	}


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


/********************************************************************
* News Section Style												*
********************************************************************/

.newsbox .newsdate
	{
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #FF6600;
	}

.newsbox .text
	{

	}

#newsDetailBox .newsdate
	{
		font-size: 11px;
	}

#newsDetailBox .newstext a
	{
		margin: 0px 0px 15px 15px;
		padding: 2px;
		border: 1px dotted #FF6600;
		float: right;
	}

#newsDetailBox .newstext a:hover
	{
		border: 1px solid #800000;
		border-bottom: 1px solid #800000;
	}

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


/********************************************************************
* Termin Section Style												*
********************************************************************/

.terminbox .termindate
	{
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #FF6600;
	}

.terminbox .text
	{

	}

#terminDetailBox .termindate
	{
		font-size: 14px;
		font-weight: bold;
	}

#terminDetailBox .termintext a
	{
		margin: 0px 0px 15px 15px;
		padding: 2px;
		border: 1px dotted #FF6600;
		float: right;
	}

#terminDetailBox .termintext a:hover
	{
		border: 1px solid #800000;
		border-bottom: 1px solid #800000;
	}

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


/********************************************************************
* Gallery styles													*
********************************************************************/

#contentBox .gallerylistbox a.lightview
	{
		margin: 0px 0px 15px 15px;
		padding: 2px;
		border: 1px dotted #FF6600;
		float: right;
	}

#contentBox .gallerylistbox a.lightview:hover
	{
		border: 1px solid #800000;
		border-bottom: 1px solid #800000;
	}


.gallerylistbox .title
	{
		font-size: 16px;
		font-weight: bold;
	}

.gallerylistbox .date
	{
		font-size: 14px;
	}

#galleryBox .polaroidbox .polaroidpic a
	{
		border: none;
	}

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


/********************************************************************
* Booktips styles													*
********************************************************************/

#contentBox .bookbox a.lightview
	{
		margin: 0px 0px 15px 15px;
		padding: 2px;
		border: 1px dotted #FF6600;
		float: right;
	}

#contentBox .bookbox a.lightview:hover
	{
		border: 1px solid #800000;
		border-bottom: 1px solid #800000;
	}


.bookbox .title
	{
		margin-bottom: 3px;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #FFCC00;
	}

.bookbox .author
	{
		font-size: 11px;
	}

.bookbox .more
	{
		font-size: 12px;
		text-align: right;
	}

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


/********************************************************************
* Booktips styles													*
********************************************************************/

#contentBox .productbox a.lightview
	{
		margin: 0px 0px 15px 15px;
		padding: 2px;
		border: 1px dotted #FF6600;
		float: right;
	}

#contentBox .productbox a.lightview:hover
	{
		border: 1px solid #800000;
		border-bottom: 1px solid #800000;
	}

#contentBox .productbox input[type=text]
	{
		font-size: 12px;
		color: #000000;
		border: 1px solid #FFCC99;
	}

.productbox .pname
	{
		margin-bottom: 3px;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #FFCC00;
	}

.productbox .description
	{
		font-size: 12px;
	}

.productbox .orderline
	{
		font-size: 12px;
		text-align: right;
	}

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




/********************************************************************
* Navigation														*
********************************************************************/

#nav1 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 89px;
		height: 32px;
		background: url('../gfx/btn_home.png') 0 0 no-repeat;
		display: block;
		float: left;
	}

#nav2 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 120px;
		height: 32px;
		background: url('../gfx/btn_kibuki.png') 0 0 no-repeat;
		display: block;
		float: left;
	}

#nav3 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 91px;
		height: 32px;
		background: url('../gfx/btn_news.png') 0 0 no-repeat;
		display: block;
		float: left;
	}

#nav4 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 138px;
		height: 32px;
		background: url('../gfx/btn_termine.png') 0 0 no-repeat;
		display: block;
		float: left;
	}

#nav5 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 119px;
		height: 32px;
		background: url('../gfx/btn_presse.png') 0 0 no-repeat;
		display: block;
		float: left;
	}

#nav6 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 119px;
		height: 32px;
		background: url('../gfx/btn_buking.png') 0 0 no-repeat;
		display: block;
		float: left;
	}

#nav1 a,
#nav2 a,
#nav3 a,
#nav4 a,
#nav5 a,
#nav6 a
	{
		margin: 0px 8px;
	}


#nav1 a:hover,
#nav2 a:hover,
#nav3 a:hover,
#nav4 a:hover,
#nav5 a:hover,
#nav6 a:hover,
#navBox .activelink
	{
		background-position: 0px -32px;
	}

#newsletter a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 176px;
		height: 25px;
		background: url('../gfx/btn_newsletter.png') 0 0 no-repeat;
		display: block;
		float: left;
	}

#newsletter a:hover
	{
		background-position: 0px -25px;
	}

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


/********************************************************************
* Sidebar buttons													*
********************************************************************/

#navGallery
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		height: 176px;
		margin-bottom: 20px;
	}

#navGallery a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		height: 176px;
		background: url('../gfx/btn_gallery.png') 0 0 no-repeat;
		display: block;
	}

#navGallery a:hover
	{
		background-position: 0px -176px;
	}


#navBukiPost
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 126px;
		height: 149px;
		margin-bottom: 20px;
	}

#navBukiPost a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 126px;
		height: 149px;
		background: url('../gfx/btn_bukipost.png') 0 0 no-repeat;
		display: block;
	}

#navBukiPost a:hover
	{
		background-position: 0px -149px;
	}


#navBukiLied
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 132px;
		height: 131px;
		margin-bottom: 20px;
	}

#navBukiLied a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 132px;
		height: 131px;
		background: url('../gfx/btn_bukilied.png') 0 0 no-repeat;
		display: block;
	}

#navBukiLied a:hover
	{
		background-position: 0px -131px;
	}


#navBauchladen
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		height: 193px;
		margin-bottom: 20px;
	}

#navBauchladen a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		height: 193px;
		background: url('../gfx/btn_bauchladen.png') 0 0 no-repeat;
		display: block;
	}

#navBauchladen a:hover
	{
		background-position: 0px -193px;
	}

#navKidsBooks
	{
		position: absolute;
		bottom: 0px;
		left: 360px;
		width: 463px;
		height: 136px;
		border: 0px solid red;
	}

#navKidsBooks a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 463px;
		height: 136px;
		background: url('../gfx/btn_book.png') 0 0 no-repeat;
		display: block;
	}

#navKidsBooks a:hover
	{
		background-position: 0px -136px;
	}

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



.clearence
    {
        clear: both;
    }


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



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

#contentOuterLimit
	{
		position: relative;
		top: 0px;
		left: 50%;
		width: 870px;
		height: 100%;
		border: 0px solid red;
		margin-left: -366px;
		background: url('../gfx/gfx_drawings.png') 0px 420px no-repeat;
	}

#butterfly1
	{
		position: absolute;
		top: 0px;
		left: 650px;
		width: 47px;
		height: 43px;
		z-index: 8;
	}

#butterfly2
	{
		position: absolute;
		top: 0px;
		left: 700px;
		width: 47px;
		height: 43px;
		z-index: 8;
	}

#newsletter
	{
		position: absolute;
		top: 14px;
		left: 770px;
		width: 176px;
		height: 25px;
		z-index: 8;
	}


#stageBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 1098px;
		height: 750px;
		margin-left: -140px;
		text-align: center;
		border: 0px solid red;
	}

#alternateBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 200px;
		height: 100px;
		border: 0px solid red;
		display: inline;
	}


#smallStageBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 1188px;
		height: 385px;
		margin-left: -280px;
	}



#btnWeiter a
	{
		position: absolute;
		top: -40px;
		left: 300px;
		width: 277px;
		height: 21px;
		background: url('../gfx/btn_intro.png') 0 0 no-repeat;
		display: block;
	}

#btnWeiter a:hover
	{
		background-position: 0px -21px;
	}

#btnWeiterAlt a
	{
		position: absolute;
		top: 580px;
		left: 600px;
		width: 263px;
		height: 27px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #FFFF00;
		background: url('../gfx/btn_weiter.png-') 0 0 no-repeat;
		display: block;
		z-index: 10;
	}

#btnWeiterAlt a:hover
	{
		color: #3366FF;
		background-position: 0px -27px;
	}

#navBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 820px;
		height: 45px;
		margin: 10px 0px 10px 25px;
		border: 0px solid red;
		z-index: 100;
	}

#contentBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 770px;
		height: auto;
		margin-left: 45px;
		padding-bottom: 85px;
		z-index: 10;
		border: 0px solid red;
	}

#sidebarBox
	{
		position: absolute;
		top: 0px;
		left: 845px;
		width: 140px;
		height: 600px;
		border: 0px solid red;
	}



#notepadBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		height: auto;
		margin-left: 90px;
	}

#notepadBox .top
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		height: 23px;
	}

#notepadBox .body
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 480px;
		height: auto;
		padding: 5px 40px 5px 80px;
		background: url('../gfx/gfx_notepad_body.png') 0 0 repeat-y;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
	}

#notepadBox .bottom
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		height: 42px;
	}

#galleryBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 650px;
		height: auto;
		margin-left: 100px;
		padding-bottom: 80px;
		border: 1px solid transparent;
	}

#galleryBox .polaroidbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 144px;
		height: 171px;
		margin: 0px 5px 15px 0px;
		float: left;
	}

#galleryBox .polaroidbox .polaroidpic
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 114px;
		height: 114px;
		margin: 12px 0px 0px 13px;
	}

#footerBox
	{
		position: absolute inherit;
		left: 50%;
		bottom: 0px;
		width: 800px;
		height: 30px;
		margin: 0px auto;
		margin-left: -350px;
		z-index: 80;
		border: 0px solid blue;
	}




/********************************************************************
* Small Frame														*
********************************************************************/

#stagePositionBox
	{
		position: absolute;
		top: 20px;
		left: 280px;
		z-index: 5;
	}

#smallStageBox .framebox
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 827px;
		height: 374px;
		z-index: 8;
	}

#rainbowBox
	{
		position: absolute;
		top: 0px;
		left: 90px;
		width: 464px;
		height: 219px;
		z-index: 2;
	}







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










/********************************************************************
* News Section														*
********************************************************************/

.newsbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		height: auto;
		margin: 20px 0px 40px;
	}

.newsbox .newsdate
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 480px;
		height: auto;
		margin-bottom: 5px;
		padding: 0px 5px 3px
	}

.newsbox .newstitle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 495px;
		height: auto;
		padding-left: 5px;
		border: 0px solid red;
	}


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

#newsDetailBox .newsdate
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 500px;
		height: auto;
		margin-bottom: 10px;
	}

#newsDetailBox .newstext
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 480px;
		height: auto;

	}


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


/********************************************************************
* Termin Section													*
********************************************************************/

.terminbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		height: auto;
		margin: 20px 0px 40px;
	}

.terminbox .termintitle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 495px;
		height: auto;
		padding-left: 5px;
		border: 0px solid red;
	}

.terminbox .termindate
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 480px;
		height: auto;
		margin-bottom: 5px;
		padding: 0px 5px 3px
	}




#terminDetailBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 480px;
		height: auto;
		margin-top: 10px;
	}

#terminDetailBox .termindate
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 480px;
		height: auto;
		margin-bottom: 10px;
	}

#terminDetailBox .termintext
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 480px;
		height: auto;

	}


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


/********************************************************************
* Presskit															*
********************************************************************/

#pressKitBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 450px;
		height: 80px;
		margin: 20px 0px 0px;
		text-align: center;
		line-height: 80px;
		background-color: #FFCC99;
	}



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


/********************************************************************
* Gallery															*
********************************************************************/

.gallerylistbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 450px;
		height: auto;
		margin: 30px 0px;
	}

.gallerylistbox img
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 50px;
		height: 50px;
		float: right;
	}

.gallerylistbox .text
	{
		margin-top: 10px;
	}

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


/********************************************************************
* Booktips															*
********************************************************************/

.bookbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 450px;
		height: auto;
		margin: 30px 0px;
	}

.bookbox img
	{
		position: relative;
		top: 0px;
		left: 0px;
		float: right;
	}

.bookbox .title
	{
		width: 377px;
	}

.bookbox .author
	{
		margin-top: 10px;
	}

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


/********************************************************************
* Bauchladen														*
********************************************************************/

.productbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 450px;
		height: auto;
		margin: 30px 0px;
	}

.productbox img
	{
		position: relative;
		top: 0px;
		left: 0px;
		float: right;
	}

.productbox .pname
	{
		width: 335px;
	}

.productbox .price
	{
		margin: 3px 0px;
	}

.productbox .orderline
	{
		margin-top: 20px;
	}

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


/********************************************************************
* Summary															*
********************************************************************/

.itemrowbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 450px;
		height: auto;
		margin: 3px 0px;
	}

.itemrowbox .pname
	{
		width: 280px;
		float: left;
	}

.itemrowbox .pieces
	{
		width: 90px;
		text-align: center;
		float: left;
	}

.itemrowbox .psum
	{
		width: 60px;
		text-align: right;
		float: left;
	}



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



#sabBukiFloat
	{
		position: absolute;
		bottom: 0px;
		left: -330px;
		width: 500px;
		height: 440px;
		z-index: 10;
		border: 0px solid red;
	}


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

#emailForm input[type=text], textarea, #newsletterForm input[type=text]
	{
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #000000;
		border: 1px solid #0080C0;
	}

#emailForm input[type=submit], #newsletterForm input[type=submit]
	{
		height: 25px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		border: 1px solid #0080C0;
	}

#emailForm input[type=text], textarea, #newsletterForm input[type=text], input[type=text]
	{
		background-image: url('../gfx/gfx_mailline.png');
		background-repeat: repeat-x;
		background-color: transparent;
	}

#emailForm textarea, #newsletterForm textarea
	{

	}


#emailForm, #newsletterForm
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 400px;
		height: auto;
		padding-top: 20px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #000000;
		background: url('../gfx/gfx_mailtext2.png') 15px 120px no-repeat;
		background-color: transparent;
	}



#emailForm .row, #newsletterForm .row
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 400px;
		height: auto;
		margin-bottom: 4px;
	}

#emailForm .col1, #newsletterForm .col1
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100px;
		height: auto;
		float: left;
	}

#emailForm .col2, #newsletterForm .col2
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 280px;
		height: auto;
		float: left;
	}

#emailForm .col2flex, #newsletterForm .col2flex
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		float: left;
	}

#emailForm .req, #newsletterForm .req
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		margin-left:  3px;
		font-size: 12px;
		font-weight: bold;
		color: #FF0000;
		float: left;
	}

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


/********************************************************************
* Pagination Style													*
********************************************************************/

#pagination
	{
		margin: 20px 0px ;
		text-align: center;
	}

#pagination a
	{
		padding: 2px 5px;
		margin: 0px 2px;
		text-decoration: none;
		color: #41464D;
		border-bottom: 1px solid #C0E0E2;
	}

#pagination a:hover, #pagination a:active
	{
		color: #FFFFFF;
		background-color: #017FBA;
		border: 0px solid #85BD1E;
	}

#pagination .prev
	{
		background-color: #23A4DB;
	}

#pagination .next
	{
		background-color: #23A4DB;
	}

#pagination span.dots
	{
		margin: 0px 2px;
	}

#pagination span.currentnav
	{
		padding: 2px 5px 2px 5px;
		margin: 0px 2px;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #EC0016;
		border: 0px solid #B2E05D;
	}

#pagination span.disabled
	{
		padding: 2px 5px 2px 5px;
		margin: 0px 2px;
		color: #CCCCCC;
		border: 1px solid #F3F3F3;
	}

#pagination .pagination_data
	{
		padding: 10px 0px 0px 0px;
		font-size: 11px;
		color: #CCCCCC;
	}


/* 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 *********************************************************/