/*---------------------------*\
  peterbucher.css
  Enthält den Seiten Stil "peter bucher"
\*---------------------------*/

/* Direkte Selektoren */
body {
	background: url(../img/peterbucher/body_bg.jpg);
}

form {
    /*background: url(../img/peterbucher/menu_end.jpg) repeat-x bottom; */
}

h1,
h2,
h3,
.blogPostTitle
{
    padding: 3px;
    font-family: tahoma, sans-serif;
    
    /* Für die Border Bottom Breite */
    width: 40%;
}

h1 
{
    color: #989E9E;
	font-size: 1.5em;
	border-left: 1px solid #A29C98;
	border-top: 1px solid #A29C98;
}

h2 
{
    margin-top: 0.4em;
    font-size: 1.2em;
    color: black;
    border-bottom: 1px solid #A29C98;
}

h3 
{
    font-family: Tahoma;
    width: auto;
    margin-top: 0.4em;
    font-size: 1em;
    color: #0C205D;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

a {
	color: black;
}

a:hover {
    color: gray;
}

#content a {
	color: black;
}

#content a:hover {
    background-color:#EFEFEF;
    border-bottom:1px dotted black;
    text-decoration: none;
}

.noContentHover {
    background-color: transparent !important;
    border-bottom: none !important;
}

/* Einzigartige Seitenelemente und eingebetette Elemente */
#page {
	margin: 0 auto;
	margin-top: 50px;
	width: 799px;
	color: black;
	background: url(../img/peterbucher/header.jpg) no-repeat white;
	
	border: 1px dotted gray;
	
	/* border: 1px solid #A7A7A7; */
}

#header {
	height: 72px;
	
	font-family: "arial narrow", sans-serif;
	font-size: 1.7em;
	color: #A29C98;
}

#header a.pb {
    display: block;
    height: 68px;
    line-height: 68px;
    padding-top: 4px;
    padding-left: 30px;
    
    color: #EEEEEE;
    font-family: sans-serif;
    font-style: oblique;
    letter-spacing: 0.1em;
    font-size: 1.8em;
    border: none;
    
    text-decoration: none;
}

#header a.pb:hover {
    background: url(../img/peterbucher/home_hover_bg.png);
}

#header sup, #header sub {
    display: none;
	top: -66px;
	left: -10px;
	color: black;
}

#header img {
    position: relative;
    top: -60px;
    left: 730px;
}

#header sup {
	font-weight: bold;
}

#header sub {
	font-family: arial, sans-serif;
	font-size: 14px;
}

#content 
{
    clear: both;
    padding: 20px;
    padding-top: 8px;
    
	font-family: verdana, sans-serif;
	font-size: 80%;
}

#content p
{
    padding-left: 4px;
}

#content > p,
#content dd {
    font-size: 90%;
}

#content ul li
{
    margin: 4px 0px 4px 20px;
}

#content ul.urlList li
{
    margin: 4px 0px 4px 0px !important;
    list-style-type: none !important;
}

#content ol li 
{
    padding-left: 4px;
}

#footer {
    clear: both;
    height:  20px;
    line-height: 18px;
    border-top: 1px solid #A7A7A7;
    background: url(../img/peterbucher/footer_bg.jpg) no-repeat top;
	padding: 5px 27px 5px 5px;
	font-size: 0.7em;
	font-family: verdana, sans-serif;
	color: white;
	text-align: center;
}

#footer a {
    color: white;
}

#footer a:hover {
    color: #DEDEDE;
}

#search 
{
    float: right;
    height: 0.9em;
    vertical-align: middle;
}

/* Navigation */
#menu ul li {
		float: left;
}

#menu 
{
    /*
    
    background: url(../img/peterbucher/menu_end.jpg) repeat-x bottom;
    
    */
    
    /* background-color: #0C205D; */
    
    height: 27px;
    width: 600px;
    
    /*
	border: 1px dotted gray;
    border-bottom: none;
    */
}

#menu ul {
		list-style-type: none;
		/*border-bottom: 3px solid #253C81;*/
		/*border-bottom: solid 2px #5273A8;*/
		
		height: 27px;
		
		width: 100%;
}

#menu a
{
        display: block;
		margin-right: 0.1em;
		border-bottom: solid 2px transparent;
		font-size: 0.8em;
		font-family: sans-serif;
		height: 0.9em;
		line-height: 0.9em;
		color: black;
		
		padding: 8px 8px 6px 8px;
		text-decoration: none;
}

#menu input {
		margin-right: 0.1em;
		border-bottom: solid 2px transparent;
		font-size: 0.9em;
		font-family: verdana, sans-serif;
		height: 1.9em;
		line-height: 1.7em;
		color: black;
		text-decoration: none;
		
		border-left: none;
		border-right: none;
}

#menu ul li ul 
{
    
}

#menu ul li ul li
{
    
}

/* ---------- Aktives Link ----------- */
#menu ul li a.active,
#menu ul li a:hover,
#menu ul li input.active,
#menu ul li input:hover {
    display: block;
    color: White;


    color: white;
    background-image: url(../img/peterbucher/nav.png);
    background-position: top left;
    background-repeat: no-repeat;
    
    border: none;
    border-bottom: 2px solid #FEAB06;
}

#menu ul li a:hover 
{
    border-bottom: 2px solid white;
}

/* zweite stufe */
#menu ul li ul{
		display: none;
		clear: both;
		list-style-type: none;
		margin-top: -0.2;
		
		width: auto;
		height: auto;
		
		border: 1px dotted #9B9CA1;
		border-top: none;
}

#menu ul li:hover ul {
		display: block;
		position: absolute;
		background-color: White;
}

#menu ul li ul li{
		clear: both;
		visibility: hidden;
}

#menu ul li:hover ul li
{
    visibility: visible;
}

#menu ul li:hover ul li a 
{
    width: 111px;
}

#menu ul li a.active ul li{
		background-color: transparent;
		border: solid 0.1em transparent;
		color: white;
}

/* Breadcrumb Navigation */

#breadcrumb 
{
    position: relative;
    top: -22px;
    left: 515px;
    width: 270px;
    font-size: 0.7em;
    text-align: left;
}

#breadcrumb ul
{
    padding: 2px;
}

#breadcrumb ul li 
{
    float: left;
    display: inline;
}

/* Klassen */
.tableOfContentBox 
{
    border: 1px dotted gray;
}

.logoLink {
    display: block;
    position: relative;
    left: 740px;
    bottom: 55px;
}