/*
 * CSS Style: Screen
 * Bornstokk Web Portal v2.0
 * 
 * @autor Seel-Media (www.seel-media.de)
 * @version 1.0
 *
 */


/***************************************************
 *	0) Farbschema
 **************************************************/
/*
 * Farbe: #XXXXXX
*/


/***************************************************
 *	1) Reset
 **************************************************/

*
	{
		padding: 0;
		margin: 0;
		border: 0;
	}

img, a img /* Bilder und verlinkte Bilder ohne Rahmen */
	{
		border: 0;
	}
	
a, a:link, a:visited 
	{
		text-decoration: none;
		color: #336699;
	}

a:hover
	{
		text-decoration: underline;
	}
		
a:focus
	{
		outline: none; /* gestichelte Linie um geklickte Links entfernen */
	}
	
a.nocolor
	{
		color: #000000;
	}
	
	
/***************************************************
 *	2) Layout
 **************************************************/

html
	{
		height: 100%;
		width: 100%;
		overflow: scroll;
		overflow-x: auto;
	}

body
	{
		height: 100%;
		width: 100%;
		background-color: #FFCB00;
		background-image:url(../images/bg_body2.jpg);
		background-position: center top;
		/*background-image:url(../images/bg_body.png);*/
		background-repeat: no-repeat;
	}
	
#pagewrapper
	{
		width: 960px;
		margin: 0 auto;
	}
	
#pagewrapper #header
	{
		width: 960px;
		height: 150px;
		/*background-image:url(../images/header.png);*/
	}
	
	#header h1
		{
			
		}
	
	#header h1 a
		{
			text-indent: -9999px;
			display: block;
			width: 439px;
			height: 130px;	
			position: relative;
			top: 10px;
			left: 40px;
			background-image:url(../images/weblogo.png);
		}
	
#pagewrapper #contentboxwrapper
	{
		width: 930px;
		min-height: 643px;
		margin: -6px 0 0 0;
		padding: 0 15px 0 15px;
		position: relative;
		
		background-image:url(../images/bg_v2_contentbox_middle.png);
	}
	
	#contentboxwrapper-topbg
		{
			height: 21px;
			margin-top: -15px;
			background-image:url(../images/bg_v2_contentbox_top.png);
			background-position: top;
			background-repeat: no-repeat;
		}
		
	#contentboxwrapper-bottombg
		{
			height: 20px;
			margin-top: -5px;
			background-image:url(../images/bg_v2_contentbox_bottom.png);
			background-position: bottom;
			background-repeat: no-repeat;
		}
		
	#contentboxwrapper #navigation
		{
			width: 230px;
			height: inherit;
			background-color: #1a1a1a;
			
			background-image:url(../images/bg_navigationshadow.png);
			background-position: right;
			background-repeat: repeat-y;
			
			float: left;
		}
		
		#contentboxwrapper #navigation ul#mainnavigation
			{
				list-style: none;
			}
			
		#contentboxwrapper #navigation ul#mainnavigation li
			{
				border-bottom: 1px solid #fff;
			}
			
		#contentboxwrapper #navigation ul#mainnavigation li a
			{
				display: block;
				width: 210px;
				padding: 10px 5px 10px 15px;
				color: #fff;
				
				background-color: #303030;
				background-image:url(../images/bg_navigationshadow.png);
				background-position: right;
				background-repeat: repeat-y;
				
				font-size: 10px;
			}
			
			#contentboxwrapper #navigation ul#mainnavigation li a:hover
				{
					background-color: #fff;
					background-image:url(../images/bg_navigationshadow.png);
					background-position: right;
					background-repeat: repeat-y;
					
					color: #262626;
					text-decoration: none;
				}
			
			#contentboxwrapper #navigation ul#mainnavigation li.aktiv
				{
					margin-top: -1px;
					border-top: 1px solid #747474;
					border-bottom: 1px solid #747474;
				}
				
			#contentboxwrapper #navigation ul#mainnavigation li.first.aktiv
				{
					margin-top: 0px;
					border-top: 0px solid #747474;
				}
			
			#contentboxwrapper #navigation ul#mainnavigation li.aktiv a
				{
					background-color: #fff;
					background-image: none;
					
					color: #262626;
					text-decoration: none;
				}
			
		#contentboxwrapper #navigation ul#mainnavigation li a span
			{
				display: block;
				text-transform: uppercase;
				font-weight: bold;
				padding-bottom: 2px;
				
				font-size: 14px;
			}
		
		#contentboxwrapper #navigation ul#mainnavigation li ul#subnavigation li
			{
				list-style: none;
			}
			
		#contentboxwrapper #navigation ul#mainnavigation li ul#subnavigation li a
			{
				padding: 5px;
				padding-left: 15px;
			}
			
		#contentboxwrapper #navigation ul#mainnavigation li ul#subnavigation li a:hover
			{
				font-style: italic;
			}
					
		#contentboxwrapper #navigation ul#mainnavigation li ul#subnavigation li a span
			{
				padding-left: 17px;
				font-size: 12px;
				text-transform: none;
			}
			
		#contentboxwrapper #navigation ul#mainnavigation li ul#subnavigation li.aktiv
			{
					margin-top: 0px;
					border-top: 0px solid #747474;
					border-bottom: 0px solid #747474;
			}
			
	#contentboxwrapper #socialicons
		{
			text-align: center;
			margin-bottom: -10px;
		}
		
	#contentboxwrapper #socialicons img
		{
			padding: 10px;
			padding-top: 3px;
			padding-bottom: 0px;
		}
		
	#contentboxwrapper #pagecontent
		{
			width: 640px;
			padding: 15px 30px 15px 30px;
			float: left;
			position: relative;
		}

	#contentboxwrapper #pagecontent #gridboxen
		{
			width: 420px;
			float: left;
		}
		
		#contentboxwrapper #pagecontent .gridbox
			{
				width: 400px;
				padding: 10px;
				margin-right: 15px;
				margin-bottom: 20px;
				padding-bottom: 0px;
				padding-left: 0px;
				
				/*border: 1px solid #a6a6a6;*/
				
				float: left;
				
			}
			
			#contentboxwrapper #pagecontent .gridbox h3
				{
					margin: 0px;
					padding: 0px;
				}
				
			#contentboxwrapper #pagecontent .gridbox p
				{
					padding: 0px;
				}
				
			#contentboxwrapper #pagecontent .gridbox p img
				{
					float: left;
					margin-right: 15px;
				}
				
		#contentboxwrapper #pagecontent #sidebar
			{
				float: left;
				width: 190px;
				text-align: justify;
				padding-left: 25px;
				padding-bottom: 10px;
				border-left: 1px solid #e2e2e2;
				margin-top: 10px;
			}
			
		#contentboxwrapper #pagecontent #sidebar table
			{
				width: 100%;
				text-align: center;
			}
			
		#contentboxwrapper #pagecontent #sidebar table tr td
			{
				width: 33%;
				text-align: center;
			}
	
	#contentboxwrapper #pagecontent div#band-logos a
		{
			float:left;
			padding: 30px 10px 0px 10px;
			margin: -15px 0 -15px 0;
		}
		
	#contentboxwrapper #pagecontent #googlemap
		{
			border: 1px solid #9f9f9f;
			height: 250px;
			width: 638px;
		}
		
	#contentboxwrapper #pagecontent .halbespalte
		{
			width: 45%;
			padding: 15px;
			padding-left: 0px;
			padding-top: 0px;
			float: left;
		}
		
		
/* Gästebuch */
        #contentboxwrapper #pagecontent a#guestbook_toggle
			{
				display: inline-block;
				height: 30px;
			}
		
		
        #contentboxwrapper #pagecontent .smilie {
            vertical-align: sub
        }
        
        #contentboxwrapper #pagecontent .smilies {
            margin: 0.5em 0 0.5em 9.5em
        }
        
        #contentboxwrapper #pagecontent .smilieSelect {
            float: left;
            margin-right: 0.25em
        }
        
       
	
	#contentboxwrapper #pagecontent input, #contentboxwrapper #pagecontent textarea, #contentboxwrapper #pagecontent select
		{
			background-color: #f5f5f5;
			border: 1px solid #c5c5c5;
			padding: 2px;
		}
		
	#contentboxwrapper #pagecontent select
		{
			width: 40px;
			text-align: center;
		}
		
	#guestbook_formular table
		{
			width: 400px;
		}	
	
	#guestbook_formular textarea
		{
			width: 600px;
		}
		
	#guestbook_formular input
		{
			margin-bottom: 15px;
			margin-left: 0px;
		}
		
	
	#guestbook_formular .jot-err
		{
			border: 1px solid red;
			color: red;
		}
	
	#guestbook_formular .jot-cfm	
		{
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
	#guestbook_formular label
		{
			padding-bottom: 3px;
		}
		
	#guestbook_formular button
		{
			padding-left: 5px;
			padding-right: 4px;
			margin-right: 5px;
			margin-left: 5px;
		}
		
	
	#contentboxwrapper #pagecontent .gb-entry-container
		{
			border: 1px solid #d4d4d4;
			margin-bottom: 22px;
			padding: 16px;
			padding-top: 0px;
		}
		
		#contentboxwrapper #pagecontent .gb-entry-container-red
			{
				border: 1px solid red;
			}
	
	#contentboxwrapper #pagecontent .gb-entry-container .gb-entry-kopf
		{
			margin-top: 10px;
		}
		
	#contentboxwrapper #pagecontent .gb-entry-container .gb-entry-kopf h3
		{
			display: inline;
		}
		
	#contentboxwrapper #pagecontent .gb-entry-container .gb-entry-content .gb-contact
		{
			float: right;
			margin-top: -23px;
			text-align: right;
		}
		
	#contentboxwrapper #pagecontent .gb-entry-container .gb_mod
		{
			float: right;
		}
		
	#contentboxwrapper #pagecontent .gb-entry-container .gb_mod a
		{
			margin-left: 10px;
		}
		
	#contentboxwrapper #pagecontent .gb-entry-moddetails
		{
			border: 1px solid #bcbcbc;
			background-color: #f3f3f3;
			padding: 10px;
			margin-bottom: 15px;
			line-height: 16px;
		}
		
	
		
		
		
/* Galerie */

.thumbscontainer ul li a
	{
		display: block;
		width: 190px;
		margin: 5px;
		text-align: center;
		vertical-align: middle;
	}
		
.childgallery-item
	{
		display: block;
		height: 150px;
		width: 600px;
	}

.childgallery-item-img
	{
		float: left;
		display: block;
		height: 150px;
		width: 150px;
		margin-right: 10px;
		text-align: center;
	}
	
.childgallery-item-details
	{
		float: left;
		display: block;
		height: 150px;
		width: 400px;
		text-align: left;
	}
	
.childgallery-item-details h3
	{
		display: block;
		clear: both;
		margin-top: 33px;
		margin-bottom: 3px;
	}
	
.childgallery-item-details span
	{
		display: block;
		clear: both;
		margin-left: 2px;
	}

.pagenumbers
		{
			text-align: center;
		}
		
		



.highlightbg
	{
		background-color: #ebebeb;
		padding-top: 4px;
		padding-bottom: 4px;
	}
		
#footer
	{
		padding: 0 25px 0 25px;
	}
	
	#footer p
		{
			margin-top: -11px;
		}
		
	#footer p, #footer p a
		{
			font-size: 9px;
			color: #5d5d5d;
		}
		
.errors
	{
		color: red;
		border: 1px solid red;
		padding: 15px;
		margin: 10px;
		margin-left: 0px;
		margin-right: 0px;
		line-height: 1.4;
	}		
	

.links
	{
		float: left;
	}
	
.rechts
	{
		float: right;
	}
	
.mitte
	{
		margin: 0 auto;
		text-align: center;
	}
	
.textrechts
	{
		text-align: right;
	}
	
.textmitte
	{
		text-align: center;
	}
	
.clear
	{
		clear: both;
	}
 
/***************************************************
 *	3) Typografie
 **************************************************/

body
	{
		font-size: 75%;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

html > body
	{
		font-size: 12px;
	}
	
#pagewrapper
	{
		font-size: 12px;
		line-height: 1.0;		
		
		font-size-adjust: 0.55;
		color: #2E2E2E;
		text-align: left;
	}
	
p
	{
		font-size: 12px;
		line-height: 18px;
		
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
p strong
	{
		font-weight: bold;
	}
	
p small
	{
		font-size: 10px;
	}

h1
	{
		font-size: 11px;
		line-height: 1.5;
		
		margin-top: 0px;
		margin-bottom: 0px;
	}

h2
	{
		font-size: 23px;
		line-height: 1.3;
		
		margin-top: 10px;
		margin-bottom: 12px;
		
		font-weight: bold;
		font-style: italic;
	}
	
h3
	{
		font-size: 18px;
		line-height: 1.3;
		
		margin-top: 27px;
		margin-bottom: 5px;
		
		font-weight: normal;
	}

h4
	{
		font-size: 16px;
		line-height: 1.3;
		
		margin-top: 24px;
		margin-bottom: 5px;
		
		font-weight: normal;
	}

h5
	{
		font-size: 14px;
		line-height: 1.3;
		
		margin-top: 22px;
		margin-bottom: 5px;
		
		font-weight: normal;
	}

h6
	{
		font-size: 12px;
		line-height: 1.4;
		
		margin-top: 9px;
		margin-bottom: 9px;
		
		font-weight: bold;
	}

textarea, input
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	
	
/***************************************************
 *	4) Shopsystem
 **************************************************/	
	
.shopsystem-item
	{
		display: block;
		height: 200px;
		width: 640px;
		margin-bottom: 20px;
	}

.shopsystem-item-img
	{
		float: left;
		display: block;
		height: 200px;
		width: 200px;
		margin-right: 20px;
		text-align: center;
		padding: 1px;
		border: 1px solid #dfdfdf;
	}
	
.shopsystem-item-details
	{
		float: left;
		display: block;
		height: 190px;
		width: 400px;
		padding-top: 10px;
		text-align: left;
	}
	
.shopsystem-item-details h3
	{
		display: block;
		clear: both;
		margin-top: 0px;
		margin-bottom: 3px;
	}
	
.shopsystem-item-details p
	{
		display: block;
		clear: both;
		margin-left: 2px;
	}		
		
.shopsystem-item-details p.preis
	{
		font-size: 14px;
	}
	
.shopsystem-item-details span.preis
	{
		font-size: 15px;
		font-weight: bold;
	}
	
.shopsystem-item-details-selectanzahl
	{
		float: right;
		width: 393px;
		padding: 2px;
		padding-right: 3px;
		margin-top: 15px;
		background-color: #ebebeb;
		text-align: right;
	}
	
.shopsystem-item button
	{
		padding-left: 5px;
		padding-right: 4px;
		margin-right: 5px;
		margin-left: 5px;
		background-color: #fff;
		border: 0px;
	}	
	
	


.shop2-item
	{
		display: block;
		width: 640px;
		padding: 0px 0 35px 0;
		
		clear: both;
	}
	
.shop2-item-image
	{
		width: 215px;
		height: 200px;
		border: 0px solid #C5C5C5;
		margin-left: 15px;
		float: left;
	}
	
.shop2-item-details
	{
		float: left;
		width: 370px;
		margin-left: 25px;
		padding-top: 5px;
	}
	
.shop2-item-details p.preis
	{
		font-size: 15px;
	}
	
.shop2-item-details p.preis span.preis
	{
		font-weight: bold;
	}
	
.shop2 button
	{
		background-color: #F5F5F5;
		border: 1px solid #C5C5C5;
		padding: 2px;
	}
	
	
.shop2-cart
	{
		position: absolute;
		top: 15px;
		right: 15px;
		
		width: 250px;
		
		border: 1px solid #C5C5C5;
		text-align: center;
	}
	
.shop2 #shopCart table.cart-table tr.cart-line td
	{
		padding: 7px;
		padding-bottom: 8px;
		padding-left: 0px;
	}	
	
.shop2 .shop2-orderForm p.label
	{
		padding-bottom: 1px;
	}
	
.shop2 .shop2-orderForm .inputtext
{
	width: 364px;
}

.shop2 .shop2-orderForm .button
{
	width: 100%;
}

.shop2 select
	{
		width: 55px !important;
	}
	


.shs-tocart {margin:5px 0; padding:5px 0; border-top:1px dashed #888;}
.shs-tocart div {margin:5px 0;}

.shk-price {font-weight:bold; font-size:1.3em;}
.shk-but {background: url(img/grad.gif) bottom repeat-x #dfdfdf; border:1px outset #888; margin:5px 5px 0 0; padding:2px;}
.shk-but:active {background: #A3A3A3; outline:none;}
.price-add {color:red; padding-left:3px; line-height:0;}

/* helper box */
#stuffHelper {position: absolute; z-index:100; width:150px; padding:5px; background-color:#f5f5f5; border:1px solid #888; display:none;}
#stuffHelper div {/*padding:5px 0; */text-align: center;}

/* progressbar */
#shkLoading {width:30px; height:30px; position: absolute; z-index:100; background:url(img/ajax-loader.gif) center center no-repeat #fff; border:1px solid #888; display: none;}

.relative {position:relative;}

/* *** crossbrowser inline-block *** */
/*.shop-stuff {*/
  /* for firefox2 */
  /*display: -moz-inline-stack;*/
  /* for all modern */
  /*display: inline-block; vertical-align: top;*/
  /* for IE6 & IE7 */
  /*zoom: 1; *display: inline;*/
/*}
.shop-stuff .shs-descr {*/
  /* for IE6 */  
  /*_height: 120px;
}*/

#ie-popup
	{
		display:none;
	}