/*##############################################################################################################################################################################################################*/
/*############################################################################################ basic.css Ende ##################################################################################################*/
/*##################################################################################### copyright DANIEL PÖCHHACKER ############################################################################################*/
/*##############################################################################################################################################################################################################*/

/***********************************************/
/*#############################################*/
/*############ HTML tag styles ################*/
/*#############################################*/
/***********************************************/ 
@charset "utf-8";
* {
margin 0;
padding 0;
}

* br { 
margin: 9px; /* damit in Firefox und IE gleicher br abstand ist - gilt nicht für die Tabelle! - für FIREFOX und IE gleich 9px ... aber wenn ich 0px einstell is IE zugroß.. */
padding: 0;
}

* p {
margin: 15px; /* TEST*/
padding: 0;
}




body{
	font-family: Arial,sans-serif;
	background-image:url(../Bilder/bg.gif);
	line-height: 1.166;	
	margin: auto;
	padding: 0px;
	width: 60%;
	min-width:1024px;
}

a{
	color: #333333;
	text-decoration: none;
}


a:link{
	color: #333333;
	text-decoration: none;
}

a:visited{
	color: #333333;
	text-decoration: none;
}

a:hover{
	color: #333333;
	text-decoration: underline;
}


label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #333333;
}


/***********************************************/
/*#############################################*/
/*############## Layout Divs ##################*/
/*#############################################*/
/***********************************************/


#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 0px solid #cccccc;
	width: 100%;
}

#navBar{
	float: left;
	width: 13.2%; 
	margin: 0px;
	padding: 0px;
	background-color: #ede1cb;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	min-width:100px;
    min-height:629px;
}

#content{
    float:left;
	/*font: bold 11px/16px arial, helvetica, sans-serif;*/
	width:86.3%; /*69%*/
	min-width:500px;
	margin-left: 5px;
    background-color:#ede1cb;
	font: 13px/18px arial, helvetica, sans-serif;
	background-color:#ede1cb;
	color:#333333;
}

#notshow{
display:none;
}


/***********************************************/
/*#############################################*/
/*############### Content ####################*/
/*#############################################*/
/***********************************************/

#frametext{
padding-left:50px;
width:750px;
white-space:normal;
text-align:justify;
padding-top:25px;
}

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

#frametext a:link{
	color: #000000;
	text-decoration: none;
}

#frametext a:visited{
	color: #000000;
	text-decoration: none;
}

#frametext a:hover{
	color: #000000;
	text-decoration: underline;
}

#frametext h1{
	font: bold 13px/16px arial, helvetica, sans-serif;
	color:#333333;
}

#frametext h2{
	font: 13px/16px arial, helvetica, sans-serif;
	color:#984d10;
	margin-top:20px;
	margin-bottom:-13px;

}







/***********************************************/
/*#############################################*/
/*############### Components ##################*/
/*#############################################*/
/***********************************************/

/************* #siteInfo styles ***************/                           /*copyright am Ende der Seite*/

#siteInfo{
    text-align:center;
	clear: both;
	border: 0px solid #cccccc;
	font-size: 75%;
	font: 11px/16px arial, helvetica, sans-serif;
	color: #333333;
	background-color: #ede1cb;
	width: 100%
}

/************* #search styles ***************/                               /* Suchefenster Code*/

#search{
	padding: 5px 0px 5px 10px;
	/*border-bottom: 0px solid #cccccc;*/
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

/***********************************************/
/*#############################################*/
/*######## Navigationsleiste Links ############*/
/*#############################################*/
/***********************************************/

/*********** #navBar link styles ***********/                                    /*Komplette Navigationsleiste links - Sectionlinks*/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}   

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 0px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/                                  /* Linkes Navigationsmenü Design */

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-top:0px;
	border-bottom: 0px solid #cccccc;
	font-size: 100%;
	text-align:right;
	width: 100%;                                             /*Die Größe der Navigation Einstellbar*/
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks ul {                                                            /*kommt von Klappmenü dazu*/
list-style: none;
margin: 0px;
padding: 0px;
}

#sectionLinks a, #sectionLinks h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#sectionLinks h2 {
color: #be8009; 
background: #343433;
text-transform: uppercase;
text-align:center;
}

#sectionLinks a {
color: #333333; /*000*/
background: #ede1cb;
text-decoration: none;
padding-right:20px; /*für textalign-right*/
}

#sectionLinks a:hover {
color: #333333;
background: #ffffff;
}

#sectionLinks li {
position: relative;
}

	/*
	.liststyle {
	list-style-image: url(../Bilder/listzeichen/listpfeilweis.png);
	list-style-position:outside;
	margin-left: 25px;
	}

	.liststyle:hover {
	list-style-image: url(../Bilder/listzeichen/listpfeilschwarz.png);
	list-style-position: outside;
	margin-left: 25px;
	}
	*/

#sectionLinks ul ul ul {
position: absolute;
display: none;
top: 0;
left: 100%;
width: 70%;                               /*orginal wären 100% für die vorgegene Größe der Sectionlinks als Test fixe PIXEL anzahl*/
}


#sectionLinks ul ul li:hover ul
{display: block;
}


#dienstleistungen {                         /*Klappmenügröße - für  bessere Darstellung des Bereichs Dienstleistungen*/
width:220px;
text-align:left;
}

#dienstleistungen a{
background:#dfcaa3;
}

#puplikationen{                             /*Klappmenügröße - für  bessere Darstellung des Bereichs Puplikationen*/
width: 350px;
text-align:left;
}

#puplikationen a{
background:#dfcaa3;
}
#links{                             /*Klappmenügröße - für  bessere Darstellung des Bereichs Puplikationen*/
width: 210px;
text-align:left; 
}

#links a{
background:#dfcaa3;
}

#ueberuns{                             /*Klappmenügröße - für  bessere Darstellung des Bereichs Puplikationen*/
width: 110px;
text-align:left; 
}

#ueberuns a{
background:#dfcaa3;
}

#balkencontent{
margin-bottom:-5px;
}

/*********** .buchbanner styles ***********/                                        /* werd ma nicht brauchen, da Navigation schon vollständig*/

.buchbanner{
	position: relative;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	font-size: 90%;
	background-color:#ede1cb;
    padding-bottom:63px;
}

.buchbanner h3{
	padding: 10px 0px 2px 0px;
}

.buchbanner a:link, .buchbanner a:visited {
	display: block; 
}


#kontakt form {
    width: 400px;
}
    	
#kontakt #person label {
    	display: block;
        font: bold 11px/18px arial, helvetica, sans-serif;
} 

#kontakt fieldset {
    	border: 1px solid #333333;
    	background: #f1e9db;
}
    	
#kontakt legend {
    	font-weight: bold; 
    	font-size: 90%;                                                             /* Schriftgroesse im Kontaktformular der Legendboxen (Ansprechpartner,Text,..)*/
    	color: #bc8e69;
}
    	
#kontakt textarea {
    	width: 375px;
    	height: 290px;
}

#kontakt h1, #kontakt h2, #kontakt h3 {
font:Arial, Helvetica, sans-serif;
font-size:15px;
}

#kontakt p {
font:Arial, Helvetica, sans-serif;
font-size: 11px;
}

/*##############################################################################################################################################################################################################*/
/****************************************************************************************StyleSheet .css Ende****************************************************************************************/
/*##############################################################################################################################################################################################################*/