* { 
   padding: 0; 
   margin: 0; 
   }

body { 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.85em;
   color: #333333;
   background:url(img/bg500.jpg) top center no-repeat ;
   background-attachment:fixed;
   line-height: normal;
   text-align:justify;
   margin: 0;
   }

a:link, a:visited, a:active {
   color: #7b4f8a;
   text-decoration: none;
   }
   
a:hover {
   color: #5d316c;
   text-decoration: underline;
   }
   
hr {
   margin: 5px 0 4px 0;
   }
   
/* Page Headings */
h1, h2, h3, h4, h5, h6 {
   color: #7b4f8a;
   font-weight:normal;
   font-family: "Verdana", Arial, Helvetica, sans-serif;}
h1  	{font-size:1.6em;}
h2  	{font-size:1.4em;}
h3  	{font-size:1.25em;}

h1.site_name{
   color: #7b4f8a;
   padding: 85px 0 0 40px;
   font-size: 0.1em;
   }

form {
   margin: 0;
   }

blockquote 	{
   font-family: "Verdana", Arial, Helvetica, sans-serif;
   font-style:italic;
   color: #666666;
   border-left: 2px solid #666666;
   padding-left: 10px;
   font-size: 1.2em;
   }

/* ================================================================ 
Layout Blocks
=================================================================== */

#distance-top {
   height:15px;
   width:100%
   }

#main { /* Holds the page items in place */
   width: 850px;
   position:relative;
   border: 3px double #c8aed1;
   margin: 0 auto;
   padding: 0;
   }

#border1 {
   position:absolute;
   width:1px;
   height:590px;
   top:228px;
   left:655px;
   background:url(img/border1.jpg) no-repeat;
   }

#kontakt {
    padding-left:50px;
   }   
   
#extras {  /* objects outside main page (powered by etc) */
   width:750px ;
   margin: 0 auto;
   padding-bottom:5px;
   font-family:"Verdana", Arial, Helvetica, sans-serif;
   font-size: 80%;
   padding:0;
   color:#eee;
   }

#banner {
   height:140px;
   width:850px;
   background:url(img/banner.jpg) top left no-repeat;
   }

#sideColumn { /* Currently holds the login box */
   position:absolute;
   left:659px;
   width: 160px;
   margin:10px;
   padding: 4px;
   }

#content {
   background:url(img/white.png)!important;
   background:url(img/white.gif);
   _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   width: 609px;
   margin-right:200px;
   padding: 14px 14px 14px 25px;
   text-align:justify;
   }
#contentContainer {
   background: transparent;
   position:relative;
   }
#contentContainer p {
   line-height:1.5;
   }


   
/* ================================================================ 
IE 6 hack
=================================================================== */
.minheight-655 {
   min-height: 655px;
   height: auto !important;
   height: 655px;   
   }
.side-minheight-655 {
   min-height: 655px;
   height: auto !important;
   height: 655px;   
   }
p.side {
   font-size:0.9em;
   padding: 5px 0 5px 0;
   }

/* ================================================================ 
end IE 6 hack
=================================================================== */

/* ================================================================ 
diverse listen - klassen etc.
=================================================================== */
.site_name h1{
   color:#fff;
   margin: 0 0 150px 30px;
   font-size: 0.1em;
   }
ul.liste-cranio {
   width:450px;
   list-style:none;
   color:#666666;
   margin-left:100px;
   }
li.liste-cranio {
   background: url(img/bullet.jpg) no-repeat 5px 11px;
   padding:10px 10px 10px 40px;
   }
ul.liste-klang {
   width:450px;
   list-style:none;
   color:#666666;
   margin-left:60px;
   }
li.liste-klang {
   background: url(img/bullet.jpg) no-repeat 5px 11px;
   padding:10px 10px 10px 40px;
   }

.klein {
   font-size:0.9em;
   }
.gross {
   font-size:1.1em;
   }
.kreatives {
   width:100px; 
   height:100px;
   border:none;
   }
p.padding-preise {
   padding-left:120px;
   }
p.klein-padding-veranstaltungen {
   font-size:0.9em;
   padding-left:40px;
   }

p.left {
   text-align:left;
   }


* html #contentContainer #content {text-align:left;} /* ie6 misbehaves */
* html #contentContainer #content table {width: 90%;} /* ie6 fix to stop tables being pushed below floats */

#footer { 
   font-family:"Verdana", Arial, Helvetica, sans-serif;
   font-size: 85%;
   color: #fff;
   padding: 0.4em;
   clear: both;
   background: #6c407b;
}

#baker_footer {
   font-style:italic;
   }
#baker_footer a {
   color:#fff;
   }
#baker_footer a:hover {
   color:#fff;
   text-decoration:underline;
   }
   
#powered_by, #coding {
   text-align:right; 
   color:#cecece;
   }
   
#powered_by a, #coding a {
   color:#cecece; 
   text-decoration:none; 
   border-bottom: 1px solid #cecece;
   }
   
#powered_by a:hover, #coding a:hover {
   color:#ddd; 
   border-bottom: 1px solid #ddd;
   }
   
#coding {
   padding-bottom:20px;
   }


/* Search Box in banner */
#search_box {
   position:absolute;
   left:656px;
   top:142px;
   color: #fff;
   text-align: center;
   }

#search_box fieldset {border:0;}
#search_box legend, #search_box label {display:none;}

#search_string {
   width: 100px;
   height: 16px;
   font-size: 90%;
   vertical-align: middle;
   border: 1px inset #ccc;
   }
   
#search_submit {
   width: 50px;
   height: 20px;
   font-size: 90%;
   vertical-align: middle;
   padding: 0 0 4px 0;
   }

/* ================================================================ 
	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
=================================================================== */

#navContainer {
   z-index:300;
   width: auto;
   display:block;
   clear:both;
   border-right:1px solid #5d316c;
   }


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {
   position: absolute; 
   margin-left: 20px;
   background:#5d316c;
   }

#header_menu li {
   line-height: normal;
   }

ul#header_menu  {
   z-index: 10; 
   clear: both;
   }

#nav {
   z-index:300;
   height: 1.68em;
   background: #5d316c;
   border-top: 0;

   padding:0;
   }

#nav ul {
   z-index:300;
   list-style-type: none; 
   margin: 0; 
   padding: 0; 
   font-size: 81%; 
   text-transform: uppercase;
   width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
   position: relative; /* Fix the Stupid IE6 Bug */
   }

#nav ul li {z-index:300;float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a {z-index:300; display: block; background: #7b4f8a; padding: 5px 10px; padding-bottom: 4px; border-left: 1px solid #5d316c; border-right: 1px solid #5d316c; color: #fff; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: #c8aed1; border-color: #fff; color: #6c407b;}
#nav li a:active, #nav ul li a.active {background: #c8aed1; border-color: #fff; color: #6c407b;}

/* Current page Customisations*/
#nav li.menu-current a		{background: #5d316c; color: #fff; }
#nav li.menu-current a		{font-weight: bold;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 12.5em; margin: 0; display: none; text-transform: none;  border-top: 0;  font-size: 100%;}
#nav .menu li ul li {width: 12.5em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul a {width: 12.5em; padding: .6em .1em .6em .4em; background: #5d316c; color: #fff; border: 0;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #6c407b; background: #7b4f8a; border: 0; color:#fff;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11em; padding: .6em .1em .6em 2em; background: #5d316c; color: #fff; }
#nav .menu li ul li ul li a:hover 	{ width: 11em; padding: .6em .1em .6em 2em; background: #7b4f8a; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
   position: absolute;
   top: 1px;
   left: 100%;
}
/* ================================================================ 
end menu
=================================================================== */

/* ================================================================ 
gallery
=================================================================== */

#gallery {
z-index:100;
width:730px; 
height:580px; 
padding:10px; 
border:1px solid #c8aed1; 
background: #fff; 
position:relative; 
}

#gallery b.default {
position:absolute; 
left:10px; 
top:25px; 
width:490px; 
height:490px; 
text-align:center;
}

#gallery b.default img {
display:block; 
margin:0 auto 10px auto; 
border:1px solid #eee; 
border-color:#555 #ddd #eee #333;
}

#gallery b.default span {
display:block; 
color:#888; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px; 
width:350px; 
margin:0 auto;
}

#gallery ul {
list-style:none; 
padding:0; 
padding-top:15px; 
padding-right:5px; 
margin:0; 
width:235px; 
position:relative; 
float:right;
}

#gallery ul li {
display:inline; 
width:52px; 
height:52px; 
float:left; 
margin:0 0 5px 5px;
}

#gallery ul li a {
display:block; 
width:50px; 
height:50px; 
text-decoration:none; 
border:1px solid #000; 
border-color:#eee #555 #333 #ddd;
}

#gallery ul li a span {
display:none;
}

#gallery ul li a img {
display:block; 
width:50px; 
height:50px; 
border:0;
}

#gallery ul li a:hover {
white-space:normal; 
border-color:#555 #ddd #eee #333; 
background:#fff;
}

#gallery ul li a:hover b {
position:absolute; 
left:-493px; 
top:15px; 
width:493px; 
height:493px; 
text-align:center; 
background:#fff; 
z-index:20;
}

#gallery ul li a:hover span {
display:block; 
color:#888; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px; 
width:350px; 
margin:0 auto;
}
#gallery ul li a:hover img {
margin:0 auto 10px auto; 
width:auto; 
height:auto; 
border:1px solid #eee; 
border-color:#555 #ddd #eee #333;
}

#gallery ul li a:active, #gallery ul li a:focus {
white-space:normal; 
border-color:#555 #ddd #eee #333; 
background:#fff;
}

#gallery ul li a:active b, #gallery ul li a:focus b {
position:absolute; 
left:-493px; 
top:15px; 
width:493px; 
height:493px; 
text-align:center; 
background:#fff; 
z-index:10;
}

#gallery ul li a:active span, #gallery ul li a:focus span {
display:block; 
color:#fff; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px;
color:#888; 
width:350px; 
margin:0 auto;
}

#gallery ul li a:active img, #gallery ul li a:focus img{
margin:0 auto 10px auto; 
width:auto; 
height:auto; 
border:1px solid #eee; 
border-color:#555 #ddd #eee #333;
}

/* ================================================================ 
end gallery
=================================================================== */

/* ================================================================ 
Customise the Login Box
=================================================================== */

#login-box { background: #eee; text-align: center;	line-height: 140%; margin: 1em 0 0.3em 0; border:none;}
#login-box fieldset {border:0;text-align:center;}
#login-box legend		{
	font-size: 90%;
	text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.15em;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:2px;}

#login-box input {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0px 1px 0px;
	width: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */



/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important	{font-weight:bold;color:#f00;}
.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}

.info-box		{border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}