/**** GLOBALS ******/

@charset "UTF-8";
/* CSS Document */

* {padding:0;margin:0;}

body {padding:0;margin:0;background-color: black;}   
body {
    overflow-y: scroll;
}
img {border: none;}
table, td { border-spacing: 0px; border:none;padding:0;margin:0;}
 

/* - - - - - - -  font - - - - - - */    
body {font-family: Garamond; color: #caab9f; font-size: 20px;}  
   
h1 {font-size: 1.2em; font-weight: bold;}
h2 {font-size: 1.1em; font-weight: bold;}
h3 {font-size: 1.0em; font-weight: bold;}

a, a:link a:visited, a:active {color: #caab9f;text-decoration: none;}
a:hover {color: #f1dcd4;}

p {    padding-top:4px;
    padding-bottom:6px; }

ul { list-style: circle outside; color:#666; } 

.clear {clear:both; }
 
.result {  font-size:smaller;text-align: center;padding-top:10px;padding-bottom:5px;} 
.smaller { font-size:smaller;} 
.back { font-size:smaller;padding-top:10px;}  

/**** GLOBALS **** End **/

/**** Hauptbereiche **/
#container { 
    margin-left:auto;
    margin-right: auto;
    width:1000px;
    border:0px solid #a0130c;
} 
 
#header { 
    background-image:url('../img/header_bg.png');
    background-repeat: no-repeat;
    background-position: top center; 
    height: 323px;
    border:1px solid black;  
    position: relative;
}

 
#footer { 
    width: 100%;
    display: block;
    clear: both;
    padding-bottom:20px;
    padding-top:20px;
    text-align: right;
} 
#header, #content, #footer {padding-left:35px; padding-right:35px;}  
/**** Hauptbereiche End**/  

/**** Menüs**/ 
/* Kleinere Links und Hauptmenü  oben */
#headertable {
    width: 100%; 
    margin-top: 45px;

} 
#headertable td {
    border:0px solid fuchsia; 
    background-repeat: no-repeat;    
    }
#logo_top  {padding-bottom:20px;}  
#headertable a {
    text-decoration: none;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 20px; 
}
#headertable a:hover { color: #caab9f;}
#kontakt_link { text-align: right;  padding: 20px 12px;}
#newsletter_link { padding: 20px 12px;}

/** transparente Bilder zum Anklicken der Hauptmenüpunkte**/ 
#main_menu img {width: 100%; height: 30px;}

#theater_link {background-image:url('../img/btn_theater.png'); width: 145px; background-position: left bottom;}
#verleih_link {background-image:url('../img/btn_verleih.png'); width: 240px;background-position: center bottom;}
#verkauf_link {background-image:url('../img/btn_verkauf.png'); width: 183px;background-position: center bottom;} 
#philosophie_link {background-image:url('../img/btn_philosophie.png'); width: 238px;background-position: right bottom;}
#theater_link:hover {background-image:url('../img/btn_theater_hover.png');}
#verleih_link:hover {background-image:url('../img/btn_verleih_hover.png');} 
#verkauf_link:hover {background-image:url('../img/btn_verkauf_hover.png');} 
#philosophie_link:hover {background-image:url('../img/btn_philosophie_hover.png');} 

/* Headertext "Die Werkstatt soll..." etc */
.headertext { height:120px; margin-top:20px;}  

/* Submenü-Links */ 
.submenu_container { 
    float: right; 
    position: absolute;
    bottom: 8px;   
}
.submenu_container a {
    font-weight: bold;
    font-size: 24px; 
    text-decoration: none;
    padding-left:18px;
    color: #a0130c
}
.submenu_container a:first-of-type {
    padding-left:0px;
}
.submenu_active, .submenu_container a:hover { color: #caab9f; }
a.submenu_active { color: #caab9f;} 

/* Links im Footer */
#footer, #footer a {color: #a0130c; font-size: 15px; }
#footer a:hover { color: #caab9f; }
/**** Menüs End**/  


/**** CONTENT ******/ 
#content h1, #content h2, #content h3{
    padding-top:6px;
    padding-bottom:6px;
}

/* Tabelle für termine, Geschichte etc, mit rotem Strich*/
.contenttable {width:100%; margin-top:5px;} 
td.contenttable_date {
    font-size:1.4em;
    font-family: Castelar;
    padding: 4px;
    width: 40px ;  
}
.contenttable_text {
    border-left: 1px solid #a0130c;
    padding: 4px 8px;
}
.contenttable_text a {
    color: #C6BAB1; 
    text-decoration: none;
    font-size:1em;
    font-weight:bold;
}
.contenttable_text a:hover {
    color: #f1dcd4; 
}
td.contenttable_img {
    width: 400px ;
    text-align: right; 
}
td.contenttable_img img{
    margin-top:15px;
    padding-bottom:6px;
    max-width:390px;  
    
}
.zusatz {
    line-height: 30px;
    font-style: italic;
    font-size: 20px;
    letter-spacing: 0.1em;
}
table.termine td {padding-right:8px;}

  
.thumbnail {
    border:1px solid silver;
    display: inline;
    padding:20px 10px;
}
.thumbnail img {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin:6px;
}

.objekt_left, .objekt_right {
    height: 246px;
    width: 100%;
    margin-bottom: 30px;
    padding-top: 6px;     
}
.objekt_left h1, .objekt_right h1 {
    font-size: 20px;
    font-weight: bold;
    padding-top:8px;
    padding-bottom:0px;
}
.objekt_left img, .objekt_right img {
    max-height: 250px;
    max-width: 350px;
}
.objekt_left {text-align:right;}
.objekt_left img {  float:right; margin-left:17px;}
.objekt_right {text-align:left;}
.objekt_right img {  float:left; margin-right:17px;}
.objekt_kurzinfos {display: inline-block; max-width: 500px;}    


.galerie { text-align:center;}
.galerie img { max-width:383px; max-height:383px; border:2px solid #caab9f; margin-bottom:6px;}
.galerie img:hover {border-color: #f1dcd4;}            

.galerie_thumbnail  {display: inline; margin: 6px 6px;} 
.galerie_thumbnail img {max-width:100px; max-height:100px;}

a.featured {color: #A0130C;} 
a.featured:hover {color: #caab9f;}

div.produktdetails {
    border-left: 1px solid red;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}
div.produktdetails_images {
    width: 300px;
    display: inline-block;
    padding-left: 20px;   
}
div.produktdetails_images img {
    max-width: 300px;
    display: block;
    margin-bottom: 8px;  
}
div.produktdetails_text {
    float: left;
    width: 500px;
      
}
div.produktdetails_text h1 {
    padding-top: 0 !important;  

}
p.produktdetails_description { font-style: italic;}
p.produktdetails_longdescription {}


/* VIDEOS SEITE */

.video img{
   display: block;
    
    
}
.video{
   width: 500px;
   margin: 0 auto;
    
}
.video_wrapper{
   text-align: center;
   margin-top: 20px;
}


/**** CONTENT END******/

/*****FORMULAR ******/
input { 
font-size: 14px;
padding:2px;}

.button {
color: #fff;
background: #A0130C;
border: 1px outset #A0130C ;
padding:1px;
font-weight: normal;

} 
.button:hover{  background: #be2e27; }

div.newsletterbestellung {
    width: 45%;
    display: inline-block;
    margin-top: 10px; } 
div.newsletterbestellung:first-child {
    margin-right: 60px; }   
    
div.newsletterbestellung form {margin-top: 20px;} 
  
/*****FORMULAR end ******/   

/**** CONTENT TABLES ******/ 
.edit_table td, .edit_table th { border:1px solid silver; padding:5px;}
.edit_table img { max-width:100px;max-height:100px;} 

/**** CONTENT TABLES END******/