/* --------------------------------------------------------------------------- *
 *
 *   $Id: default.css 14 2007-02-09 14:44:45Z sicrash $
 *
 * --------------------------------------------------------------------------- */

@import "sweetTitles.css";

body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  color: #5C5A53;
  background-color: #534B4B;
}

h3 {
  text-transform: lowercase;
  clear: both;
  color: #731F0B;
  padding-left: 2em;
  background: url(../img/hline.jpg) left bottom no-repeat;
  width: 400px;
  font: bold 1.3em/160% "Trebuchet MS", "Century Gothic", Tahoma, Arial, sans-serif;
}

h4 {
	font: bold 1.1em/160% Arial, Verdana, Helvetica, "Lucida Grande";
	letter-spacing: 1px;
}

a, a:hover, a:visited {
    color: #731F0B;
    text-decoration: none;
}

acronym {
  border-bottom: 1px dotted black;
  cursor: help;
}

img {
    border: none;
}

.imagetext span {
    display: none;
}

blockquote {
  text-align: left;
  font-size: 0.8em; 
  font-style: italic; 
  line-height: 160%;
  margin: 0.5em 0.5em 0.5em 2em;
}

acronym{
    	font-variant: small-caps;
}

input, textarea, select {
  border: 1px solid #959595;
  border-left: 1px solid #959595;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #808080;
}

input, label, textarea {
  display: block;
  float: left;
  margin: 0.5em;
}

input.invalid, textarea.invalid {
    background-color: #FEFEF5;
    color: #5C5A53;
}

form br {
  clear: left;
}

input.submit {
  float: none;
  width: auto;
  margin: auto;
}

label {
 text-align: right; 
 padding-right: 1em; 
 width: 100px;
}

/********************************************************************
 * 2 colum layout
 ********************************************************************/

#main {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    background: #FFF url(../img/mainbg.jpg) repeat-y; /* TODO shaddow */
}

#header {
    clear: both;
    background: #FFF url(../img/header.jpg) no-repeat;
    height: 400px;
    margin-bottom: 2em;
}

#sidebar {
    float: left;
    width: 280px;
    margin-left: 8px;
    padding: 0;
    background: #FFF url(../img/navbg.jpg) right repeat-y;
}

#footer {
	clear: both; 
	font-size: 0.8em;
	padding: 2em 1em 2em 1em;
	background: transparent url(../img/footer.jpg)  bottom center no-repeat;
}

#footer span{
    padding-left: 1em;
}

#content {
    width: 520px;
    float: left;
    padding: 1em;
}

#content p {
    clear: both;
}

#fullcontent {
    clear: both;
    margin-left: 8px;
    padding: 1em;
}

/********************************************************************
 * MESSAGEBOARD
 ********************************************************************/
 
#messageboard {
    background-color: #FEFEF5;
    padding: 3px 7px 3px 7px;
    text-align: left;
    font-size: 0.8em; 
    font-style: italic;
    margin-bottom: 2em;
} 

#messageboard .error {
    padding-left: 20px;
    background: #FEFEF5 url(../img/error.gif) left center no-repeat;
}

#messageboard .warn {
    padding-left: 20px;
    background: #FEFEF5 url(../img/warn.gif) left center no-repeat;
}

#messageboard .info {
    padding-left: 20px;
    background: #FEFEF5 url(../img/info.gif) left center no-repeat;
}

/********************************************************************
 * NAVIGATION
 ********************************************************************/
#navigation {
  font-family    : "Trebuchet MS", "Century Gothic", Tahoma, Arial, sans-serif;
  width          : 100%;
  float          : left;
  clear          : left;
  color          : #FFF;
  text-align     : left;
  font-weight    : bold;
  padding-top: 1em;
}

#navigation ul {
  list-style    : none;
  width: 399px;
  padding: 0;
  margin-left: 30px;
  margin-top: 20px;
}

#navigation li {
  border-top : 1px solid #DDD;
}

#navigation li.active {
  padding: 10px 15px;
  text-transform : lowercase;
  color: #731F0B;
  border: none;
  font-weight: bold;
  border-top : 1px solid #DDD;
  background-color: #F4F4F4;
}

#navigation a {
  padding: 10px 15px;
  color: #222;
  font-size: 1em;
  text-transform: lowercase;
  display: block;
  height: 1.5em;
}

#navigation a:hover {
  color: #FFF;
  background-color: #480505;
  text-align: right;
}

/********************************************************************
 * SIEDEBAR
 ********************************************************************/
#sidebarheader {
    background: #FFF url(../img/navlogo.jpg) right center no-repeat;
    width: 100%;
    height: 90px;
}

#sidebarfooter {
    background: #FFF url(../img/navfooter.jpg) right center no-repeat;
    width: 100%;
    height: 90px;
}

#sidebar ul#linklist  {
  font-family    : "Trebuchet MS", "Century Gothic", Tahoma, Arial, sans-serif;
  text-align: right;
  list-style: none;
  width: 200px;
  padding: 0;
  margin-left: 50px;
  margin-top: 20px;
  font-weight: bold;
}

#sidebar ul#linklist li {
  /*border-top : 1px solid #EEE;*/
}

#sidebar ul#linklist a, #sidebar ul#linklist span {
  padding: 10px 15px;
  color: #731F0B;
  font-size: 1em;
  text-transform: lowercase;
  display: block;
  height: 1.5em;
  border-bottom : 1px solid #FFF;
}

#sidebar ul#linklist span {
    color: #444;
}

#sidebar ul#linklist a:hover {
  border-bottom : 1px solid #DDD;
}

#sidebar ul#linklist .active {
  background-color: #FFF;
  background-image: none;
  padding: 10px 15px;
  text-transform: lowercase;
  color: #444;
  font-weight: bold;
}

/********************************************************************
 * 
 ********************************************************************/
#opening_times {
    background: #FFF url(../img/opening_times.jpg) right top no-repeat;
    height: 150px;
    width: 210px;
    text-align: left;
    font-size: 0.9em; 
    font-style: italic; 
    padding: 120px 0px 0px 70px;
}

span.pdficon {
  float: left;
  height: 25px;
  width : 25px;
  margin-right: 5px;
  background: transparent url(../img/pdf.png) no-repeat top left;
}

/********************************************************************
 * BREADCRUMBS
 ********************************************************************/


ul#breadcrumb  {
    clear: both;
	background-color: #FFF;
    font-size: 0.9em; 
    font-style: italic; 
    line-height: 160%;
    padding: 5px;
    text-align: right;	
} 

ul#breadcrumb  li {
	padding: 3px;  
	list-style: none;
	display: inline;
}

/********************************************************************
 * IMPRESSUM
 ********************************************************************/

#impressum td.labelcell {
  width: 10em;
  vertical-align: top;
  
}

#impressum td {
  padding: 5px;
}

#map {
    width: 500px; 
    height: 300px; 
    border: 1px solid #959595;
    padding: 1em;
}

/********************************************************************
 * SHOW ALBUM
 ********************************************************************/
ul#album  {
    padding: 0;
    margin: 0;
    list-style-type: none;  
} 

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

ul#album a {
    display: block;
    height: 180px;
    width: 150px;
    margin: 0.8em;
    border: 1px solid #DDD; 
}
ul#album a span {
    display: block;
    text-align: center;
}


/********************************************************************
 * PAGER
 ********************************************************************/
 
.pager {
    clear: both;
    padding: 7px;
    border-bottom : 1px solid #DDD;
    border-top: 1px solid #DDD;
    margin: 1em 0; 
}

.pager ul{
    list-style-type: none;
    display: inline;
} 

.pager  li {
    display: inline;
    float: left;
    padding: 0 0.5em;   
}

.pager select, .pager .submit, .pager form {
    display: inline;
}

/********************************************************************
 * SHOWCASE
 ********************************************************************/
ul#showcase {
    list-style-type: none;
    padding-top: 1em;
}

ul#showcasesidebar {
    list-style-type: none;
    padding-top: 1em;
    text-align: right;
    width: 200px;
}

/********************************************************************
 * HEADLINES
 ********************************************************************/
 .headline {
     height: 55px; width: 300px; 
     background-position: left;
     background-repeat: no-repeat;
 }

 .h_yourpictures { background-image: url(../img/ihrefotos.jpg); }
 .h_phone        { background-image: url(../img/telefon.jpg); }
 .h_write_us     { background-image: url(../img/contact.jpg); clear: both; }
 .h_anfahrt      { background-image: url(../img/anfahrt.jpg); } 
 .h_impressum    { background-image: url(../img/impressum.jpg); }  
 .h_admin        { background-image: url(../img/administration.jpg); }  
 .h_showcase     { background-image: url(../img/showcase.jpg); }  
 .h_welcome      { background-image: url(../img/welcome.jpg); }