@CHARSET "UTF-8";

/**
 * Main HTML Properties
 */
 
html
		{
		font-size: 0.8em;
		font-family: Verdana,sans-serif;
		}
		
body
		{
		text-align: center;
		}

.body
		{
		text-align: left;
		/*margin: auto;*/
		/*margin-top: 15%;*/
		position: absolute;
		width: 726px;
		height: 394px;
		top:50%;
		left:50%;
		margin-left:-363px;
		margin-top:-197px;
		
		}		

.hidden
		{
		display: none;
		}

/**
 * Frame around the .body
 */

img.topLeftBorder
		{
		position: absolute;
		top: 0;
		left: -1px;
		z-index: 7;
		}
		
img.topRightBorder
		{
		position: absolute;
		top: 0px;
		right: -1px;
		z-index: 7;
		}

img.bottomLeftBorder
		{
		position: absolute;
		bottom: 0;
		left: -1px;
		z-index: 7;
		}

img.bottomRightBorder
		{
		position: absolute;
		bottom: 17px;
		right: 15px;
		z-index: 7;
		}

img.topBorder
		{
		position: absolute;
		top: 0;
		left: 30px;
		z-index: 7;
		}

img.leftBorder
		{
		position: absolute;
		top: 36px;
		left: -1px;
		z-index: 7;
		}

img.rightBorder
		{
		position: absolute;
		top: 36px;
		right: -1px;
		z-index: 7;
		}

img.bottomBorder
		{
		position: absolute;
		bottom: 0px;
		left: 30px;
		z-index: 7;
		}

#bottomLogoLeftSideContainer
		{
		position: absolute;
		bottom: 17px;
		left: 37px;
		width: 96px;
		height: 73px;
		z-index: 7;
		}

img.bottomLogo
		{
		border: none;
		}

/**
 * Newsbar
 */

#newsBar
		{
		display: block;
		position: absolute;
		top: 5px;
		left: 38px;
		height: 17px;
		line-height: 17px;
		z-index: 8;
		color: #000000;
		text-decoration: none;
		}

#newsBar:hover, .content a:hover
		{
		color: #666666;
		}

.newsEditBar
		{
		position: absolute;
		top: -1.5em;
		width: 300px;
		left: 32px;
		}

/**
 * Link to switch between the languages
 */ 

.languageSwitch
		{
		position: absolute;
		top: 5px;
		right: 32px;
		z-index: 9;
		}

.languageSwitch a
		{
		text-decoration: none;
		color: #000000;		
		}

.languageSwitch a:hover
		{
		color: #666666;
		}
		
.languageSwitch a.active
		{
		font-weight: bold;
		}

.languageSwitch a.active:hover
		{
		color: #000000;
		}
/**
 * Main content
 */

#mainContent
		{
		line-height: 1.1em;
		position: absolute;
		top: 23px;
		left: 17px;
		width: 694px;
		height: 354px;
		z-index: 1;
		background-repeat: no-repeat;
		/*background-color: red;*/
		}
		
.content
		{
		width: 290px;
		margin-left: 52%;
		}

.contentTitle
		{
		display: block;
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: bold;
		}

.content a
		{
		text-decoration: none;
		/*color: #666666;*/
		color: #000000;
		}

.content a span
		{
		cursor: pointer;
		}

.content ul li
		{
		list-style-image: url("../imgs/bullet.gif");
		}

/**
 * References image
 */


/*
*
*  TAKE CARE !!! ie6-formatings for the refs is in another css in the same folder ("ie6.css")
*
*/




img.adminRefImage
		{
		border: 1px solid #000000;
		margin: 3px 0 0 0;
		}
img.refImage
		{
		display: block;
		position:  absolute;
                top:0;
                left:0;
		}

.refHover
		{
		position: relative;
		background: transparent  url("../imgs/transparent.png");
		padding: 0;
		margin: 0;
		z-index: 99;
		}

.refHover:hover
		{
		background: transparent url("../imgs/fullTransparent.png");
		}


.refImgDiv
                {
                position:relative;
		margin-top: 20px;
		cursor: pointer;
		}




/*
 * Navigation
 */

.navigationLeft, .navigationRight
		{
		padding: 0;
		margin: 0;
		position: absolute;
		height: 17px;
		bottom: 0;
		width: 50%;
		list-style: none;
		z-index: 10;
		}

.navigationLeft
		{
		left: 20px !important;
		left: 10px;
		}

.navigationRight
		{
		right: 35px;
		}

.navigationLeft li, .navigationRight li
		{
		height: 17px;
		float: left;
		margin-left: 10px;
		margin-top: 5px;
		}

.navigationRight li
		{
		float: right;
		}

.navigationLeft li a, .navigationRight li a
		{
		text-decoration: none;
		color: #000000;	
		}

.navigationLeft li a:hover, .navigationRight li a:hover
		{
		color: #666666;
		}
		
.navigationLeft li a.active, .navigationRight li a.active
		{
		font-weight: bold;
		}

		
.navigationLeft li a.active:hover, .navigationRight li a.active:hover
		{
		font-weight: bold;
		color: #000000;	
		}

.special
		{
		background-color: #d43333;
		}


/**
 * Gallery
*
* Every image is overlapped by a semitratsparent png to do the hover effect. 
* The efect wil be done by changing the background image
*/


/*
*
*  TAKE CARE !!! ie6-formatings for the gallery is in another css in the same folder ("ie6.css")
*
*/

.galleryImage
		{
		padding: 0;
		margin: 0;
		}

.galleryHover
		{
		position: absolute;
		width: 80px;
		height: 40px;
		background: transparent url("../imgs/transparent.png");
		padding: 0;
		margin: 0;
		}

.galleryHover:hover
		{
		background: transparent url("../imgs/fullTransparent.png");
		}

.galleryImgDiv
                {
		position: relative;
		float: left;
		cursor: pointer;
		margin: 9px 4px 9px 4px;
		padding: 0;
		}

.galleryAdminContainer
		{
		clear: both;
		position: absolute;
		top: 80%;
		left: 100px;
		width: 800px; 
		margin: 0 auto 0 auto; 
		}

.imageAdmin
		{
		background: #cccccc;
		float: left; 
		position: relative; 
		width: 198px;
		height: 200px;
		border: 1px dotted #000000 ;
		margin-top: 30px;
		}


/**
 * Movie
 */

#movieContent
		{
		position: absolute;
		width: 320px;
		height: 240px;
		top: 30px;
		left: 20px;
		}

/**
 * calendar container
 */

#calendarDiv
		{
		margin-top: 10px;
		background-color: none;
		border: none;
		}

.calendar
		{
		border: none;
		}

/**
 * Form Elements for Calendar in Author Instance
 */

input#event
		{
		margin: 10px 0;
		border: 1px gray solid;
		width: 20em;
		font-size: 0.9em;
		}
	
#add, #del
		{
		border: 1px gray solid;
		}

/** 
 * Form elements
 */

form
		{
		margin: 0;
		padding: 0;
		}

.formelement
		{
		position: relative;
		height: 1.7em;
		z-index: 8;
		}

.formelement.separator
		{
		margin-top: 15px;
		}
		
.formelement input.text
		{
		font-family: Verdana,sans-serif;
		border: none;
		border-bottom: 1px gray solid;
		position: absolute;
		z-index: 10;
		left: 120px;
		background: #ffffff;
		font-size: 0.9em;
		padding-bottom: 0;
		padding-top: 0;
		width: 160px;
		}
		
.formelement select
		{
		font-size: 0.9em;
		border: 1px gray solid;
		position: absolute;
		z-index: 10;
		left: 120px;
		}

.formelement select option
		{
		padding: 0 0.1em;
		margin: 0;
		height: 1.1em;
		}

.bold
		{
		font-weight: bold;
		}

form .contentTitle
		{
		margin: 15px 0  7px 0;
		}

.summe
		{
		width: 100%;
		font-size: 1em;
		padding: 0;
		font-family: Verdana,sans-serif;
		}		

/**
 * Shop
 */

.product
		{
		width: 280px;
		margin-bottom: 20px;
		}

.prodImageLeft
		{
		float: left;
		}

.productOptions
		{
		font-size: 0.9em;
		width: 8em;
		border: 1px gray solid;
		position: absolute;
		right: 0;
		}

.selection
		{
		position: relative;
		height: 2em;
		}

.quantityContainer
		{
		margin-top: 5px;
		position: relative;
		height: 2em;
		}

.quantity, .fullprice input
		{
		text-align: right;
		font-size: 0.9em;
		width: 4em;
		border: 1px gray solid;
		}
		
.quantity
		{
		position: absolute;
		right: 150px;
		}

.productQuantityName 
		{
		float: right;
		margin-right: 100px;
		}

.fullprice
		{
		position: absolute;
		right: 0;
		text-align: right;
		}
		
.fullprice input
		{
		position: absolute;
		right: 1em;
		}

#message
		{
		color: #ff0000;
		}
/**
 * Arrows, to navigate in gallery or submit a form
 */

#submitText
		{
		position: absolute;
		right: 49px;
		padding-right: 5px;
		bottom: 25px;
		text-decoration: none;
		}

#submitLeft
		{
		position: absolute;
		left: 380px;
		bottom: 20px;
		text-decoration: none;		
		}

#submitLeft span
		{
		position: absolute;
		padding-left: 5px;
		bottom: 5px;
		width: 10em;
		}

#submitLeft img
		{
		border: none;
		}

#submitRight
		{
		position: absolute;
		right: 30px;
		bottom: 20px;
		}

#submitRight img
		{
		border: none;
		}