/* STYLE.CSS */ 

html,body {
margin: 0;
padding: 0
}
body {
font: 76% arial,sans-serif;
text-align: center;
background-color: #003;
}
p {
margin: 0 0px 10px;
}

/* MAIN DIVS */ 

/* Container divs */ 
.outercontainer {
margin: 0;
text-align: center;
background-color: transparent;
}
#container{
width: 700px; text-align: center; color: #eef; margin: 0 auto;
}
#header {
margin: 0px; background-color: transparent; height: 90px;
}
#content {
background-color: #000; text-align: center;
}
#index {
background: transparent url(../images/bg_index.jpg) top left fixed no-repeat;
}
#information {
background: transparent url(../images/bg_index.jpg) top left fixed no-repeat;
}
#frau {
background: transparent url(../images/bg_frau.jpg) top left fixed no-repeat;
}
#landschaft {
background: transparent url(../images/bg_landschaft.jpg) top left fixed no-repeat;
}
#mystik {
background: transparent url(../images/bg_mystik.jpg) top left fixed no-repeat;
}
#vermischtes {
background: transparent url(../images/bg_vermischtes.jpg) top left fixed no-repeat;
}

/* The right lower box */
#sub {
background-color: #000;
color: #fff;
float: right;
width: 350px;
padding-top: 1em;
} 

/* The left lower box */
#extra {
background-color: #000;
color: #fff;
float: left;
width: 350px;
padding-top: 1em;
}
 
/* The footer */
#footer {
clear: both;
width: 60%;
text-align: center;
margin: 0 auto;
background-color: #004;
color: #8a8;} 

/* Top navigation bar */
#navcontainer ul {
padding-left: 0;
margin: 0;
background-color: transparent;
border-left: 1px dotted #fff;
color: white;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
padding: 0em 1em;
background-color: transparent;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px dotted #fff;
font-weight: bold;
}
#navcontainer ul li a:hover {
background-color: transparent;
color: #f00;
font-weight: bold;
}

/* TABLES */ 
table {border: 2px solid #f99; border-collapse:collapse; width:90%; margin-left: 3ex; }
td {background-color: #fff; padding:3px; border: 1px solid #ccc; color:#000;}
th {text-align:left;border: 1px solid #fff}
thead th {color:#fff; font-size:1.5em; background-color: #c66 ; padding: 10px 6px}
tbody th {color:#fff; font-size:1.15em; background-color: #999 ; padding: 6px}
tbody th.sub {font-size: .90em; color:#000; background-color: #ccc; padding: 6px}

/* TEXT STYLES */
#content p{line-height:1.4;}
#footer p{margin:0;padding:5px 10px}
p{padding:0 5px 0px; font-size: 1em; line-height: 1.3em; text-align: justify; }
h1 { font-size: 2.5em; margin-top: 10px;  text-transform:uppercase; letter-spacing: 1px;}
h2 { font-size: 2em; color: #fcc; line-height: 1.3em; letter-spacing: -1px;}
h3 { font-size: 1.5em; color: #eee; margin-bottom: 0px;}
h3.title { font-size: 1.5em; font-family: verdana, arial, helvetica, sans-serif; font-variant: small-caps; color: #fff; text-align: right; margin: 0px;}
h4 { font-size: 1.2em; color: #88a; margin: 0px; }
h5 {font-size: 1em; font-weight:bold;}
h1,h2,h3,h4,h5 {padding: 0px;}
#sub p, #extra p {color:#fff;}

a:link { color: #aca; text-decoration:none; padding:1px;}
a:visited {color: #aca; text-decoration:none; }
a:hover { color: #fff; }

acronym {border-bottom: 1px dotted #c66; cursor:help; } 
form,submit { padding:0; margin:0; } /* removes extraneous padding around the form */
code { border: 1px dotted #c66; background-color: #ccc; color:#000; margin-left: 3ex;}
blockquote { border: 1px solid #c66; background-color: #ccc; color:#000; margin: 3ex; font-style:italic; background-image: url(images/bg_home.jpg); background-repeat: no-repeat; background-position: -230px -350px;}

/* Special Text Styles */
#sub h3, #extra h3 { margin-top: 0;}
#helper a:link, #helper a:visited { color:#fff;}
#header h3 { margin:0; padding: 0px 10px; font-style: italic; color: #88a; text-align: right;}

#header h1{ margin-bottom: 0px; padding-left: 10px; color: #fff; letter-spacing: .2em; font-family: "Trebuchet MS", arial, sans-serif; text-align: left;}

/* FOOTER SECTION */
#footer a:link, #footer a:visited { color:#8a8; }
#footer a:hover {color:#a88;}
#footer ul {list-style-type: none; margin: 0; padding: 2px 0; text-align: center; border: 1px dotted #333;}
#footer ul li {display: inline; padding: 0px 4px;}

/* GALLERY */
ul.images { 
  list-style-type : none;
  margin : 0
  padding : 0;
  background-color: #000;
}

ul.images li { 
  float : left;
  margin : 1em;
  width: 135px;
  text-align: center;
}
img { border: 1px solid #666;}

.caption { background: transparent; }


ul.index { 
  list-style-type : none;
  margin : 30px 0px 10px;
  padding : 0;
  background-color: #000;
}

ul.index li { 
  float : left;
  margin : 1em;
  width: 135px;
  text-align: center;
}
ul.index img { border: 0px; }

.index_caption { background: transparent; font-size: 1.25em; color: #eee; font-weight: bold; }

#pagination {
text-align: right;
}
#pagination .active {
color: #f00;
}

#motto {
width: 50%;
float: right;
margin-top: 50px;
text-align: right;
font-size: 1.1em;
font-weight: bold;
}