/*

Theme Name: Headless

Theme URI: http://ozanonay.com/blog/blogging/headless-wordpress-theme

Description: Headless WordPress theme is clean, pixel-perfect and grid-based. Since content is king, the 'header' is placed at the bottom leaving more content above the fold.

Version: 0.9.2

Author: Ozan Onay

Author URI: http://ozanonay.com/

Tags: simple, minimalist, fixed width, two columns, right sidebar, widget ready, valid CSS, valid XHTML, gray, white, gravatars



*************



Released on a Creative Commons GNU GPL license. See http://creativecommons.org/licenses/GPL/2.0/ for more details.



An 18px grid is used for aesthetic purposes. It is strictly adhered to on the vertical axis, and generally adhered to on the horizontal axis. Modifications will have the best result if all sizes (particularly line heights) are kept as multiples of 18. Notice that this can be a bit tricky when divs have borders (so for example where there's a 1px border, padding/margin should be 17/35/53 px).



I haven't styled the calendar, so you should style this before you use it.



*************/



/* Initialisation */



* { margin: 0px; padding: 0px; text-decoration:none; }
img {border: 0; }



.clear, .postmetadata {clear: both;}





/* Core structure */



#page {margin: 54px auto; width: 978px; background-color:#FFF; color: #8a8a8a; }

#access {width:860px; border:1px solid black; box-shadow: 8px 8px 8px #87888a, -8px 8px 8px #87888a; -webkit-box-shadow: 8px 8px 8px #87888a, -8px 8px 8px #87888a; border-radius:10px; -webkit-border-radius:10px; }

#content {margin-left:3px; margin-top:-48px; border-right:1px; solid black; border-top:1px solid black; border-bottom:1px solid black; border-right:1px solid black; border-left:1px solid black; box-shadow: 8px 8px 8px #87888a; -webkit-box-shadow:  8px 8px 8px #87888a; border-radius:10px; -webkit-border-radius:10px; float:left; padding: 15px 15px 5px 5px; width: 751px; background-color:#FFF;  color: #582276;}

#sidebar {margin-top:6px; border:1px solid black; float:left; padding-left:0px; padding-top:10px; padding-bottom:0px; position:relative; border-radius:10px; -webkit-border-radius:10px; box-shadow: -8px 8px 8px #87888a; -webkit-box-shadow:  -8px 8px 8px #87888a; width: 200px; background-color:white; }

#footer {margin-top:0px; clear: both; background-color:#582276; }

#rauhfaser {position:absolute; top:0px; margin-top:20px; background:url(images/rauhfaser.png); margin-left: 900px; }



/* Universal typography and colors */

body {font-size: 12px; line-height: 16px; color: #8a8a8a; text-align: left; background: #FFFFFF url('images/body_bg.jpg') ; background-repeat:repeat-x; font-family:Arial, "Times New Roman", Times, serif ;}

#page {text-align: left;background-color:#eeecec; color: #8a8a8a8a;}

#sidebar, .postdetails, .posttags, # , .postmetadata, #commentform, .commentmetadata {color:#aaa;} /*this is the lighter, faux-transparent text color */

#sidebar a:hover {color:#582276; font-weight:bold; background-color:#cccccc;}

#sidebar a:active {color:white; background-color:#582276;}

#sidebar a:selected {color:white; background-color:#582276;}

#sidebar a:current {background-color:white; color:#582276;}

#sidebar a, .commentlist a, .postdetails a, .posttags a, #footer a, .postmetadata a, #commentform a {color:#000;} /* this is the lighter, faux-transparent anchor color */

#sidebar a:hover, .commentlist a:hover, .postdetails a:hover, .posttags a:hover, #footer a:hover, .postmetadata a:hover, #commentform a:hover 

#sidebar a:current {color:white; background-color:#582276;}

#sidebar a {border:2px; border-color:#582276;}






.div_menu_left {width:200px; background-color:#a487b4;}

.div_menu_left a {width:197px; padding-left:2px; padding-top:2px; float:left; line-height:20px; border-bottom: 1px dotted gray; padding-left:2px; font-size:14px; background-color:#a487b4;}

.a_menu_left a {border:1px solid black; width:197px; float:left; line-height:20px; padding-left:2px; font-size:20px; border-bottom: 1px dotted gray; font-color:white; background-color:#a487b4;}

.entry p a {border-bottom: 1px dotted #999;}

small {font-size: 10px; line-height:18px;}


/* claudios design versuch - vertikale navi */

#menu_left {font-size:14px; background-color:white; font-color:#FFFFFF; padding-left:2px;  }
.a_menu_left  {border:1px solid black; width:197px; float:left; line-height:20px; padding-left:2px; font-size:20px; font-color:white; background-color:#a487b4;}
.a_menu_left_selected  {border:1px solid black; width:197px; float:left; line-height:20px; padding-left:2px; font-size:20px; font-color:white; background-color:#a487b4;}
.a_menu_left_selected  {border:1px solid black; width:197px; float:left; line-height:20px; padding-left:2px; font-size:20px; font-color:white; background-color:#a487b4;}






/*.div_menu_left a {border:1px solid black; width:197px; float:left; line-height:20px; padding-left:2px; font-color:#FFFFFF; background-color:#a487b4;}
.a_menu_left hover {border:1px solid black; width:197px; float:left; line-height:20px; padding-left:2px; font-color:black.div_menu_left a {border:1px solid black; width:197px; float:left; line-height:20px; padding-left:2px; font-color:#FFFFFF; background-color:#a487b4;}
; background-color:#a487b4;}

.div_menu_left a selected {font-size:14px; font-color:#FFFFFF; background-color:red; }
.a_menu_left  {border:1px solid black; width:197px; float:left; line-height:20px; padding-left:2px; font-size:20px; font-color:white; background-color:#a487b4;}
.a_menu_left_sub {border:1px solid black; font:size:10px, padding-left:2px; font-size:10px; border:1px solid black; width:195px; float:left; line-height:20px; padding-left:2px; font-color:white; background-color:#a487b4;}
.a_menu_left_selected {font-color:red; line-height:18px;}

.subMenuItem {border:1px solid black; width:195px; float:left; line-height:20px; padding-left:2px; font-size:10px, font-color:white; background-color:#a487b4;} */

/* ende claudios design versuch - vertikale navi */


.Stilwandtattoos {color: #0099ff}

.Stilwandaufkleber {color: #dc20ad}


/* Universal header styles */

h1, h2, h3 { color:#582276; font-family:Arial, "Times New Roman", Times, serif ; font-weight:normal; }

h2, h3 {color:#582276; margin-bottom:18px;}

h1, h1 a {color:#582276;; font-size: 24px; line-height:36px; text-align: left;}

h1 a:hover {color:#666;}

h2 { color: #582276; font-size: 30px; line-height: 36px; font-weight:bold; }

h3 {font-weight:bold;}

h2, h2 a {color:#582276; font-size:24px;}

h2 a:hover {color:#666; font-size:24px;}





/* Content, entries */


.entry p {color:#000;}

.entry ol, .entry ul {padding: 0 0 0 36px; margin:-9px 0px 9px 0px;}

.post {margin: 0 0 36px;}

.post hr {display: block;}

#content .post p {margin:0 0 18px 0; }

#content .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}

#content .attachment {text-align: center;margin: 5px 0px;}

.postdetails {margin-bottom:18px;}





/* Sidebar */

#sidebar p {margin-bottom:18px;}

#sidebar h2 {font-size: 14px; line-height:24px; margin:0; font-weight:bold; color:#582276;}

#sidebar ul {line-height:20px; list-style-type: none; color:#582276; }

#sidebar ul li {list-style-type: none; margin: 0 0 0px 0; }

#sidebar ul ul {list-style-type:none; }

#sidebar ul ul li {list-style-type:none; margin:0px; }

#sidebar ul ul, #sidebar ul ol {margin: 0 0 0 0; }

#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 0;}

ol li, #sidebar ul ol li {list-style: decimal outside;}

#menu_left {border:2px; border-color:#582276; background-color:#000000;}


/* Footer */

#footer {background-color:#000000; }

#footer #h1, #footer .description {text-decoration: underline; font-family: 'Century Gothic', Helvetica, Verdana, Arial, Sans-Serif; }

.description {color:#888;font-size: 14px;}

#footer p a, #footer h1 a, #footer ul a { letter-spacing: 2px; text-decoration: underline; color:#999;}

#footer p a:hover, #footer h1 a:hover, #footer ul a:hover {color:#FFF;}

#footercontainer {background:url('images/headless_portrait.jpg') no-repeat center right; width:936px; text-align:left; margin: 0px auto; padding: 18px 0px 20px 380px; color:#666;}

#footer ul {display:block; padding:0px; margin-top:18px;}

#footer ul li {display:inline; font-weight:bold;}

#footer ul li a {margin-right:18px; border:0px;}





/* Comments */

.commentlist {color:#666; text-align: left;}

.commentlist li {background: #f8f8f8 url('images/headless_respondbg.jpg') repeat-x top; border: 1px solid #eaeaea; margin: 18px 0 0;padding: 17px; list-style: none; font-weight: bold;}

.commentlist li .avatar { float: right; padding:0px 0px 9px 18px;}

.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}

.commentlist p {font-weight: normal; font-size:12px; text-transform: none;}

.commentmetadata {margin: 0;display: block;font-weight: normal;}

.nocomments {text-align: center;margin: 0;padding: 0;}





/* Comments response form */

div#respond {background: #f8f8f8 url('images/headless_respondbg.jpg') repeat-x top; padding:17px; margin-top:36px; border:1px solid #eaeaea;}

#commentform input.text {width: 170px; line-height:18px; font-size:18px; margin: 9px 5px 0px 0px; background:#eaeaea url('images/headless_inputbg.jpg') repeat-x top; border:1px solid #dbdbdb;}

#commentform textarea {width: 646px;padding: 8px; background:#eaeaea url('images/headless_inputbg.jpg') repeat-x top; border:1px solid #dbdbdb; font-size: 12px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Sans-Serif; color: #111; margin-bottom:9px;}

#commentform #submit {margin: 0;float: right;}

.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}

select {width: 130px;}

.submit {position:relative; top:-18px;}





/* Searchbox (designed to be in sidebar but can be included elsewhere)*/

#searchbox { float:right; width: 198px; height: 36px; background: url(images/headless_searchbox.jpg) no-repeat; margin-bottom:18px;}

#searchbox #s { float: left; border: 0; margin:2px 0px 0px 6px; width: 152px; background: none; color:#999999; height:34px; font-size:24px; line-height:34px;}

#searchbox #go { float: right; width:36px; height:36px;  }





/* Images */

p img {max-width: 100%;}

img.centered {display: block;margin-left: auto;margin-right: auto;}

img.alignright {margin: 0 0 2px 18px;display: inline;}

img.alignleft {margin: 0 18px 2px 0;display: inline;}







/* Calendar - this is not intended for the theme and thus not styled */

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}

#wp-calendar a {text-decoration: none;}

#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}

#wp-calendar th {font-style: normal;text-transform: capitalize;}

#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}

#wp-calendar #next a {padding-right: 10px; text-align: right; }

#wp-calendar #prev a {padding-left: 10px; text-align: left;}

#wp-calendar a {display: block;}

#wp-calendar caption {text-align: center; width: 100%;}

#wp-calendar td {padding: 3px 0; text-align: center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #FFF; }





/* Captions */

.wp-caption {text-align: center;background-color: #f3f3f3;}

/*.wp-caption img {margin: 0;padding: 0;border: 0 none;}*/

.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 18px; margin: 0 !important; color:#000;}





/* Misc. */
.alignright {margin: 0 0 2px 18px; float: right;}
.alignleft {margin: 0 18px 2px 0; float: left}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

code {font-family:'Courier New', Courier, Fixed;}

blockquote {margin: 18px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}

blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}

.hidden {display: none;}

hr {display: none;}

/* a img {border: none;}
*/





    /*###################*/
	  /* Beginn Klqappnavi */
	  /*###################*/

        #navi, #navi ul { color:#582276; list-style-type:none; margin:0; padding:0; background:#582276 } /* Style-Reset */
		#navi li { color:#582276; width:150px; float:left; background:#582276; } /* Horizontale Anordnung */
		#navi li ul { color:#582276; display:none; background:#582276;  } /* Normalzustand eingeklappt */
		#navi li:hover ul { color:#582276; display:block; background:#582276; } /* Ausgeklappt */	
		
		#naviwo, #naviwo ul { color:#582276; list-style-type:none; margin:0; padding:0; background:#582276 } /* Style-Reset */
		#naviwo li { color:#582276; width:216px; float:left; background:#582276 } /* Horizontale Anordnung */
		#naviwo li ul { color:#582276; display:none; background:#582276 } /* Normalzustand eingeklappt */
		#naviwo li:hover ul { color:#582276; display:block; background:#582276 } /* Ausgeklappt */	
		
	    #navisp, #navisp ul { color:#582276; list-style-type:none; margin:0; padding:0; background:#582276 } /* Style-Reset */
		#navisp li { color:#58227c; width:133px; float:left;  background:#582276 } /* Horizontale Anordnung */
		#navisp li ul { color:#582276; display:none; background:#582276 } /* Normalzustand eingeklappt */
		#navisp li:hover ul { color:#582276; display:block; background:#582276 } /* Ausgeklappt */		 
		
      /*###################*/
	  /* Styles fuers Auge */
	  /*###################*/
	  
	 	#navcontainerwandtattoo { height:0px; width:0px; position:absolute; bottom:0; top:150px; left:-535px; right:0;  border:1px; color: #000; margin: 0 auto; }
	  	#navcontainerwohnen { height:0px; width:0px; position:absolute; bottom:0; top:150px; left:-205px; right:0; border:1px; color: #000; margin: 0 auto; }
		#navcontainerspecials { height:0px; width:0px; position:absolute; bottom:0; top:150px; left:250px; right:0; border:1px; color: #000; margin: 0 auto;  }
	  
		#navi { position:absolute; background:#582276;}
		#navi li { border:0px solid #000; margin:0 0px 0 0; background:#582276; }
		#navi ul li { border:1px solid #ccc; margin:0; background:#582276; }
		#navi a { font-weight:bold; text-align:center; display:block; padding:0.0em; background:#582276; }
	 	#navi a:link, #navi a:visited { color:#FFF;  text-decoration:none; background:#582276; }
	  	#navi a:active, #navi a:hover { color:#582276; background:#582276; text-decoration:none; }
		
		#naviwo { position:absolute;background:#FFF; }
		#naviwo li { border:0px solid #000; margin:0 0px 0 0; }
		#naviwo ul li { border:1px solid #ccc; margin:0; }
		#naviwo a { font-weight:bold; text-align:center; display:block; padding:0.0em; }
	 	#naviwo a:link, #naviwo a:visited { color:#FFF;  text-decoration:none; }
	  	#naviwo a:active, #naviwo a:hover { color:#582276; background:#FFF; text-decoration:none; }
		
		#navisp { position:absolute;background:#FFF; }
		#navisp li { border:0px solid #000; margin:0 0px 0 0; }
		#navisp ul li { border:1px solid #ccc; margin:0; }
		#navisp a { font-weight:bold; text-align:center; display:block; padding:0.0em; }
	 	#navisp a:link, #navisp a:visited { color:#FFF;  text-decoration:none; }
	  	#navisp a:active, #navisp a:hover { color:#582276; background:#FFF; text-decoration:none; }
	  
	  
	   	
	      /*###################*/
	  /* ende Klappnavi */
	  /*###################*/





	  #navi1 a { color:#FFF; font-weight:bold; text-align:center; display:block; padding:0.1em; }
	  #navi1 a:link, #navi1 a:visited { color:#FFF; background:#ff0000; text-decoration:underline; }
	  #navi1 a:active, #navi1 a:hover { color:#582276; background:#FFF; text-decoration:none; }
	  
	    #navi2 a { color:#FFF; font-weight:bold; text-align:center; display:block; padding:0.1em; text-align:left; padding-left:5px;}
	  #navi2 a:link, #navi2 a:visited { color:#FFF; background:#FFF000; text-decoration:underline; text-align:left;  }
	  #navi2 a:active, #navi2 a:hover { color:#582276; background:#FFF; text-decoration:none; text-align:left; }
	  


    #navlogotop { height:89px; width: 1000px; margin: 0 auto; position:absolute; bottom:0; top:0; left:0; right:0; }

/*
	#navlogoselbst {width:160px; height:34px; position:absolute; bottom:0; top:55px; left:-513px; right:0; margin: 0 auto;}
	#navlogoinfo {width:173px; height:34px; position:absolute; bottom:0; top:55px; left:-178px; right:0;  margin: 0 auto;}
	#navlogoblog { width:178px; height:34px; position:absolute; bottom:0; top:55px; left:175px; right:0;  margin: 0 auto;}



	#navlogo { height:89px; width:168px; position:absolute; bottom:0; top:200px; left:-800px; right:0;  margin: 0 auto; }
  

  */




#naviwandtattoo a {font-weight:lighter; font-size:20px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; text-align:left; display:block; padding:0.1em; border:1px; background-image:url(http://yourwandtattoo.de/wp-content/themes/headless/images/cat_level_one2.png); padding-left: 7px; padding-top:5px; width: 144px; height: 28px; color:#db20ad; }
#naviwandtattoo a:link, #naviwandtattoo a:visited {font-weight:lighter; font-size:20px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; color:#db20ad; ;background-image:url(http://yourwandtattoo.de/wp-content/themes/headless/images/cat_level_one2.png);}
#naviwandtattoo a:active, #naviwandtattoo a:hover { font-weight:lighter; font-size:20px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none;color:#95418c; background-image:url(http://yourwandtattoo.de/wp-content/themes/headless/images/cat_level_one2.png);}


#naviwandtattookl a { font-weight:lighter ; font-size:14px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; text-align:left; display:block; padding:0.2em; padding-top:5px; background:#FFF; height: 18px;  color:#333333;}
#naviwandtattookl a:link, #naviwandtattookl a:visited {font-weight:lighter ; font-size:14px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; color:#FFF; background:#FFF;  color:#333333; }
#naviwandtattookl a:active, #naviwandtattookl a:hover { font-weight:lighter ; font-size:14px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none;color:#95418c; background:#d11fa5;  color:#FFF; }


#naviwohnen a { font-weight:lighter; font-size:20px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; text-align:left; display:block; padding:0.1em;  background-image:url(http://yourwandtattoo.de/wp-content/themes/headless/images/cat_level_one3_on.png); padding-left: 7px; padding-top:5px; width: 210px; height: 28px; color:#0099ff;}
#naviwohnen a:link, #naviwohnen a:visited {font-weight:lighter; font-size:20px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; color:#0099ff ;background-image:url(http://yourwandtattoo.de/wp-content/themes/headless/images/cat_level_one3_on.png);}
#naviwohnen a:active, #naviwohnen a:hover { font-weight:lighter; font-size:20px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none;color:#95418c; background-image:url(http://yourwandtattoo.de/wp-content/themes/headless/images/cat_level_one3_on.png);}

#asa a { font-weight:lighter ; font-size:14px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; text-align:left; display:block; padding:0.2em; padding-top:5px; background:#FFF; height: 18px;  color:#333333;}
#asa a:link, #asa a:visited {font-weight:lighter ; font-size:14px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; color:#FFF; background:#FFF;  color:#333333; }
#asa a:active, #asa a:hover { font-weight:lighter ; font-size:14px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none;color:#95418c; background:#0099ff;  color:#FFF; }



#navispecials a { font-weight:lighter; font-size:20px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; text-align:left; display:block; padding:0.2em; background-image:url(http://yourwandtattoo.de/wp-content/themes/headless/images/cat_level_one1.png); padding-left: 7px; padding-top:5px; width: 128px; height: 28px; color:#78c02e;}
#navispecials a:link, #navispecials a:visited {font-weight:lighter; font-size:20px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; color:#78c02e ;background-image:url(http://yourwandtattoo.de/wp-content/themes/headless/images/cat_level_one1.png);}
#navispecials a:active, #navispecials a:hover { font-weight:lighter; font-size:20px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none;color:#95418c; background-image:url(http://yourwandtattoo.de/wp-content/themes/headless/images/cat_level_one1.png);}


#navispecialskl a { font-weight:lighter ; font-size:14px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; text-align:left; display:block; padding:0.2em; padding-top:5px; background:#FFF; height: 18px;  color:#333333; }
#navispecialskl a:link, #navispecialskl a:visited {font-weight:lighter ; font-size:14px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none; color:#FFF; background:#FFF;  color:#333333; }
#navispecialskl a:active, #navispecialskl a:hover { font-weight:lighter ; font-size:14px; font-family:Arial, "Times New Roman", Times, serif; text-decoration:none;color:#95418c; background:#78c02e;  color:#FFF; }



.menuItem a{
  padding-left:10px;
  display: block;
  font-size:12px;
  text-decoration: none; 
}


.menuItemSelected a{
  padding-left:10px;
  display: block;
  font-size:12px;
  text-decoration: none;   
}

.menuItem a:hover,
.menuItemSelected a:hover{
}

.subMenuItem a{
  padding-left:15px;
  display: block;
  font-size:12px;
  text-decoration: none;   
}

.subMenuItemSelected a{
  padding-left:15px;
  display: block;
  font-size:12px;
  text-decoration: none;   
}

.subsubMenuItem a{
  padding-left:20px;
  display: block;
  font-size:12px;
  text-decoration: none;   
}

.subsubMenuItemSelected a{
  padding-left:20px;
  display: block;
  font-size:12px;
  text-decoration: none;   
}
div_menu_left{
}
a_menu_left{
background-color:white;
}
a_menu_left_selected{
}
a_menu_left_sub{
}
a_menu_left_sub_selected{
} 
/* =Menu
-------------------------------------------------------------- */

#access {
	background-image:url(images/menu-horizontal-hintergrund.jpg);
	height:19px;
	display:block;
	margin-top:57px;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	width: 978px;
	
}


#access .menu-header,
div.menu {
	margin-top:-19px;
	font-size: 13px;
	margin-left: 12px;
	width: 978px;
}
#access .menu-header ul,
div.menu ul {
	background:#582276;
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	
	float: left;
	position: relative;
}
#access a {
	background-image:url(images/menu-horizontal-hintergrund.jpg);
	color: #333333;
	display: block;
	border:1px solid #a96fac;
	margin-right:5px;
	margin-left:5px;
	border-radius:5px; 
	-webkit-border-radius:5px;
	line-height: 34px;
	padding: 0 10px;
	text-decoration: none;
	color: white;
}
#access ul ul {
	background:#582276;
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	background:#582276;
	min-width: 180px;
}
#access ul ul ul {
	background:#582276;
	left: 100%;
	top: 0;
}
#access ul ul a {
	background:#582276;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
	color: white;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -2px;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #fff;
	color: black;
	border: 1px dotted gray;
}
#access ul li:hover > ul {
	background: #fff;
	color: black;
	display: block;
}
#access ul li:active > ul {
	background: #582276;
	color: white;
	display: block;
}

#access li:active > ul {
	background: #582276;
	color: white;
	display: block;
}
#access a:active > ul {
	background: #582276;
	color: white;
	display: block;
}
#access ul ul:active > ul {
	background: #582276;
	color: white;
	display: block;
}
#access ul ul ul:active > ul {
	background: #582276;
	color: white;
	display: block;
}
#access ul ul a:active > ul {
	background: #582276;
	color: white;
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: black;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: white;
}
.ul_menu_left a{
background-color:white;
}
.ul_menu_left{
background-color:white;

}
.li_menu_left{
background-color:white;
display:block;
border-bottom: 1px dotted gray;
padding: 0px 0px 0px 0px;
} 

.li_menu_left a{
background-color:white;
display:block;
padding: 3px 5px 3px 10px;

}
.li_menu_left_selected{
background-color:#cccccc;
border-bottom: 1px dotted gray;
padding: 0px 0px 0px 0px;
}
.li_menu_left_selected a{
background-color:#cccccc;
padding: 3px 5px 3px 5px;

}
.li_menu_left_sub{
background-color:white;
display:block;
border-bottom: 1px dotted gray;
padding: 0px 0px 0px 0px;
}
.li_menu_left_sub a{
background-color:white;
display:block;
padding: 3px 5px 3px 26px;

}
.li_menu_left_sub_selected{
background-color:#cccccc;
border-bottom: 1px dotted gray;
padding: 0px 0px 0px 0px;
} 
.li_menu_left_sub_selected a{
background-color:#cccccc;
padding: 3px 5px 3px 20px;

} 

.li_menu_left a:hover
{
background-color:#cccccc;
}



/* Style zweite Sidebar-Navi */

.ul_menu_second li {
background-color:white;
display:block;
border-bottom: 1px dotted gray;
padding: 0px 0px 0px 0px;	
}
.ul_menu_second li a {
background-color:white;
display:block;
padding: 3px 5px 3px 10px;	
}
.ul_menu_second {
margin-bottom: 5px;	
}
.ul_menu_second h2 {
	padding: 5px 0 5px 10px;
	font-size: 14px;
}


/* Style der aktuell angezeigten Seite in der Navi */

.ul_menu_second li.current_page_item a { 
	background: #cccccc;
	}