* {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 10px;
}

body {
   background-color: #fff;
   text-align: center;
   padding: 0;
   margin: 0;
   background: url(../pix/bg_body.gif) no-repeat 50% 0%;
	color: #333;
}


p,
pre,
form
{
	margin:0px;
	padding:0px;
}

h1
{
   margin: 0px 0px 18px 0px;
   padding: 0px;
   font-weight: bold;
   font-size: 17px;
   color: #2C87B7;
   text-transform: uppercase;}

h2
{
	margin:0px 0px 6px 0px;
	padding:0px;
	font-weight:bold;
	font-size:10px;
   color: #2C87B7;
}

ul { 
margin-left: 17px;
padding-left: 0px;
margin-top: 3px;  margin-bottom: 14px;
list-style-type: square;
line-height: 14px;
}

#container {
   width: 720px;
   margin: auto;
   text-align: left;
   margin-top: 35px;
}

#lang {
	width: 705px;
	text-align: right;
	margin-bottom: 5px;
}

#main{
   width: 720px;
   min-height:500px;
   height: 500px;
   position: absolute;
}

a:link, a:visited, a:active, a:focus {color: #B0B3AD;}
a:hover {color: #2C87B7; text-decoration: none;}
small  {
   color: #B0B3AD;
   font-size: 9px;
   font-family: Arial;
}

#news {position:absolute;top:220px;left:35px;}

#logo a:link, #logo a:hover, #logo a:visited, #logo a:active { padding: 0px; background: transparent;}

/* --------------Formular------------- */
form br {
	clear: left; /* das floating der labels und inputs aufheben */
}
.textfeld {
	width: 130px; margin: 0px;
   margin-bottom: 1px;
   float:left; border: none; background-color: #C7CaC3; color: #FFF; 
}

label {
   display: block; margin: 0px; 
   float: left;
   width: 68px;
}

textarea {
   border: none;
   background-color: #C7CaC3; color: #FFF; margin: 0px; width: 200px; margin-top: 5px;}

   
.spacer {margin: 10px 0px; border-bottom: 1px solid #C7CAC3; width: 200px; font-size: 0px;}
.submit {
   border: none; background-color: #C7CaC3; color: #FFF; margin: 0px; width: 200px; margin-top: 5px;
}

/* --------------left navigavtion------------- */



#navbox {
	position: absolute;
	top: 5px;
	left: 7px;
	width: 120px;
	height: 220px;
	z-index: 10;
}

#navbox ul {list-style: none; margin-left: 0px; padding: 0px; margin-top: 26px;}
#navbox li {display: block; float:left; height: 18px; padding: 0px; margin: 0px; width: 110px;}
#navbox li a {text-decoration: none; height: 18px; display: block; padding: 0px; margin: 0px;}
#navbox li a span, #navbox li span {display: none; padding: 0px; margin: 0px; height: 18px;}

#navbox li a.home {background: url(../pix/nav_home.gif) no-repeat; width: 110px;}
#navbox li a.home:hover, #navbox li a.home:focus, #navbox li a.home:active {background: url(../pix/nav_home_a.gif) no-repeat;}
#navbox li .homeon {background: url(../pix/nav_home_a.gif) no-repeat; width: 110px; display: block;}

#navbox li a.contact {background: url(../pix/nav_contact.gif) no-repeat; width: 110px;}
#navbox li a.contact:hover, #navbox li a.contact:focus, #navbox li a.contact:active {background: url(../pix/nav_contact_a.gif) no-repeat;}
#navbox li .contacton {background: url(../pix/nav_contact_a.gif) no-repeat; width: 110px; display: block;}

#navbox li a.about {background: url(../pix/nav_about.gif) no-repeat; width: 110px;}
#navbox li a.about:hover, #navbox li a.about:focus, #navboxv li a.about:active {background: url(../pix/nav_about_a.gif) no-repeat;}
#navbox li .abouton {background: url(../pix/nav_about_a.gif) no-repeat; width: 110px; display: block;}

#navbox li a.gallery {background: url(../pix/nav_gallery.gif) no-repeat; width: 110px;}
#navbox li a.gallery:hover, #navbox li a.gallery:focus, #navboxv li a.gallery:active {background: url(../pix/nav_gallery_a.gif) no-repeat;}
#navbox li .galleryon {background: url(../pix/nav_gallery_a.gif) no-repeat; width: 110px; display: block;}

#navbox li a.bags {background: url(../pix/nav_bags.gif) no-repeat; width: 110px;}
#navbox li a.bags:hover, #navbox li a.bags:focus, #navboxv li a.bags:active {background: url(../pix/nav_bags_a.gif) no-repeat;}
#navbox li .bagson {background: url(../pix/nav_bags_a.gif) no-repeat; width: 110px; display: block;}

#navbox li a.order{background: url(../pix/nav_order.gif) no-repeat; width: 110px;}
#navbox li a.order:hover, #navbox li a.order:focus, #navboxv li a.order:active {background: url(../pix/nav_order_a.gif) no-repeat;}
#navbox li .orderon {background: url(../pix/nav_order_a.gif) no-repeat; width: 110px; display: block;}

#navbox li a.exhibitions{background: url(../pix/nav_exhibitions.gif) no-repeat; width: 110px;}
#navbox li a.exhibitions:hover, #navbox li a.exhibitions:focus, #navboxv li a.exhibitions:active {background: url(../pix/nav_exhibitions_a.gif) no-repeat;}
#navbox li .exhibitionson {background: url(../pix/nav_exhibitions_a.gif) no-repeat; width: 110px; display: block;}

#navbox li a.press {background: url(../pix/nav_press.gif) no-repeat; width: 110px;}
#navbox li a.press:hover, #navbox li a.press:focus, #navboxv li a.press:active {background: url(../pix/nav_press_a.gif) no-repeat;}
#navbox li .presson {background: url(../pix/nav_press_a.gif) no-repeat; width: 110px; display: block;}

/* -----------------logo--------------------- */

#logo {
   position: absolute;
   top:442px;
   left:12px;
   
}

/* -----------------content--------------------- */

#contentbox {
   width: 500px;
   position: absolute;
   top: 2px;
   left: 216px;
   height: 492px;
	overflow: auto;
}

#content {
   width: 460px;
   position: absolute;
   top: 26px;
   left: 20px;
	overflow: auto;
}

#content p {
line-height: 14px;
padding-bottom: 6px;
}

#content img {
float: right;
}

.contentleft {
float: left;
width: 220px;
}
.contentright {
float: left;
width: 220px;
padding-left: 20px;
}



/* -----------flash alert--------------------------- */
#alert p {
   padding-top: 26px;
   padding-left: 20px;
}