/*----------CSS Einstellungen zurücksetzen -----------------
------------------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------ Schriften  ----------------
---------------------------------------------------*/

body {
font-family: Arial,Helvetica,sans-serif;
font-size: 80%;
color: #2d1f13;    
background: #786553; 
line-height: 1.5em;
text-align: left;
min-width: 900px;
max-width: 1400px;
}

h1,
h2,
h3 {
font-weight: bold;
color: #720e16;
}

h1 {
font-size: 2.0em;
margin-bottom: 0.7em;
}

h2 {
font-size: 1.5em;
margin-top: 1em;
margin-bottom: 0.5em;
}

h3 {
font-size: 1em;
margin-top: 0.8em;
margin-bottom: 0.4em;
}

a:link,
a:visited {
color: #960000;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #960000;
text-decoration: none;
}

/*------------------ Layout  ----------------
--------------------------------------------*/

#framework {
width: 84%;
min-width: 600px;
max-width: 1200px;
background-color:#fcfaf6;
padding: 0;
margin: 0 auto;
}

#header {
	width: 100%;
	max-width: 100%;
	height: 190px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/frame/titel/rotate.php);
	overflow: hidden;
}

#mainNav{
	position: absolute;
	top: 100px;
	left: 0px;
}

#mainNav ul li {
  display: inline;
  font-size: 1.5em;
  margin-left: 50px;
  padding-left: 16px;
}

#mainNav ul li a {
color: #eadeb0;
}

#container {
position: relative;
}


#albumpic {
	border: none;
	text-align: center;
	margin-left: 80px;
	width: auto;
	height: auto;
}

#contpic {
width: 390px;
height: auto;
padding: 20px 20px 20px 20px;
border: none;
margin: 55px 20px 0px;
float: right;
text-align: center;
text-transform: inherit;
font-size: 0.9em;
font-style:italic;
}

#contpic.hoch {
width: 250px;
}

#content {
padding: 20px 20px 20px 20px;
text-align: justify;
background-color:#FFF;
}

/*---------------- Listen und Tabelle  --------------
---------------------------------------------------*/

#content ul li{
background: url(images/bullet.jpg) no-repeat 0 5px;
padding: 5px 3px 3px 33px;
}

.horsetable {
border: solid #786553 3px;
border-collapse: collapse;
vertical-align: middle;
}
.horsetable th{
text-transform: capitalize;
font-weight: bold; 
color: #FFF;
background-color: #786553;
text-align: left;
padding: 4px 15px;
}

.horsetable td{
padding: 2px 15px;
vertical-align: text-top;
}

.horsetable tr.alt{
background-color: #e9ddbc;
}

.horsetable a:link,
.horsetable a:visited {
color: #786553;
text-decoration: none;
}

.horsetable a:hover,
.horsetable a:focus,
.horsetable a:active {
color: #786553;
text-decoration: none;
}


.horsetable tfoot {
background-color: #fcfaf6;
text-align: left;
padding: 4px 15px;
}

.horsetable tfoot a:link,
.horsetable tfoot a:visited {
color: #eadeb0;
text-decoration: none;
text-transform: capitalize;
font-weight: bold; 
}

.horsetable tfoot a:hover,
.horsetable tfoot a:focus,
.horsetable tfoot a:active {
color: #eadeb0;
text-decoration: none;
text-transform: capitalize;
font-weight: bold; 
}


}
.horsetable tfoot tr:hover {
background: none;
}

.overview {
width: 80%;
border: none;
vertical-align: middle;
}

.overview th{
text-transform: capitalize;
font-weight: bold; 
color: #720e16;
text-align: left;
padding: 4px 15px;
}

.overview td{
width: 30%;
vertical-align: middle;
text-align: center;
border: none;
padding: 15px 0 0 0;
}



/*------------------ Fusszeile  ----------------
---------------------------------------------------*/

#footer {
clear: both;
width: 100%;
height: 110px;
background-image: url(images/frame/footer.png);
}


/*---------------------Sprachnavigation -----------------
------------------------------------------------------------*/

#languageNav{
	position: absolute;
	top: 30px;
	right: 20px;
	width:auto;
}

#languageNav ul li {
  display: inline;
  font-size: 1.1em;
  padding-left: 30px;
  padding-right: 20px;
}

#languageNav ul li a {
color: #eadeb0;
}

#languageNav ul li#deutsch {
background: url(images/flag_d.gif) no-repeat;
}

#languageNav ul li#englisch {
background: url(images/flag_e.gif) no-repeat;
}

#languageNav ul li#franz {
background: url(images/flag_f.gif) no-repeat;
}
/*
#languageNav ul li#home {
	background: url(images/home.png) no-repeat;
}

/*---------------------  Hauptnavigation   -----------------
------------------------------------------------------------*/
#mainNav{
	position: relative;
	top: 90px;
	left: 120px;
}

ul#menu {
  padding-top: 20px;
  padding-right: 30px;
  width: 100%;
  color: #beaa87;
}

ul#menu li {
  position: relative;
  display: inline;
  font-size: 1.5em;
  margin-left: 0px;
  padding: 0 20px;
}

ul#menu li a:link,
ul#menu li a:visited {
  text-decoration: none;
  color: #beaa87;
}

ul#menu>li a:hover,
ul#menu>li a:focus,
ul#menu>li a:active,
ul#menu>li:hover,
ul#menu>li:focus,
ul#menu>li:active {
  color: #eadeb0;
}

ul#subMenu,
ul#subMenu2,
ul#subMenu3,
ul#subMenu4 {
  display: none;
  position: absolute;
  top: 15px;
  left: 30px;
  font-size: 0.8em;
  width: 170px;
}

li:hover ul#subMenu,
li.over ul#subMenu,
li:hover ul#subMenu2,
li.over ul#subMenu2,
li:hover ul#subMenu3,
li.over ul#subMenu3,
li:hover ul#subMenu4,
li.over ul#subMenu4 {
  display: block;
}

ul#subMenu li,
ul#subMenu2 li,
ul#subMenu3 li,
ul#subMenu4 li{
  font-size: 0.8em;
  font-weight: bold; 
  padding: 0 10px;
  border: none;
  display: block;
}

ul#subMenu li a:link,
ul#subMenu li a:visited
ul#subMenu2 li a:link,
ul#subMenu2 li a:visited, 
ul#subMenu3 li a:link,
ul#subMenu3 li a:visited,
ul#subMenu4 li a:link,
ul#subMenu4 li a:visited {
  width: 100%;
}

ul#subMenu li:hover a,
ul#subMenu2 li:hover a,
ul#subMenu3 li:hover a,
ul#subMenu4 li:hover a {
  color: #eadeb0;
  font-weight: bold;
}