/* Site
------- */
html { overflow-y: scroll; background: #ffffff url('../images/body_bg.gif') repeat; }
form { display: inline; }
body { margin: 0px; padding: 0px; background: transparent; min-height: 100%;  }

#wrapper { margin: 0px auto; width: 752px; position: relative; }
#wrapper-mail { margin: 0px auto; width: 500px; position: relative; }
#header { height: 210px; padding: 0px; background-color: transparent; }
#content .bg { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }

#header.home {
    height: 250px;
}


/* Subnavigation
----------------------------------- */
.subnavi { width: 752px; height: 27px; position: relative; margin: 0px; z-index: 1; }


/* Motiv (Motiv im Header jeder Seite)
----------------------------------- */
/*.motiv { width: 752px; height: 210px; position: relative; margin-top: 0px; z-index: 0 }*/
.motiv { width: 752px; height: 210px; position: absolute; top: 62px; top:35px; left: 0px; margin-top: 0px; z-index: 0 }


/* Logo (Logo im Header jeder Seite)
----------------------------------- */
.logostat { width: 100px; height: 101px; position: absolute; top: 72px; left: 324px; margin: 0px; z-index: 10; }	/*statisches Logo (header-logo2.php)*/
.logo { width: 100px; height: 101px; position: absolute; top: 52px; left: 304px; margin: 0px; z-index: 10; }	/*rotierendes Logo Firefox (header-logo.php)*/

#home {
    width: 100%;
    background: url('../images/logo_spiegel.png') 325px 105px no-repeat;
}
#home blockquote {
    margin: 35px 0 0;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0px;
    font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2", sans-serif;
}
/* Logo (Logo im Header jeder Seite)
----------------------------------- */
#logo {
    margin: 0;
    text-align: center;
}

#home ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

#home ul.images {
    margin: 10px 0 0;
}

#home li {
    display: inline;
}

#home li img {
    vertical-align: middle;
}

#home li a img {
    border: 0;
}

#home ul.buttons {
    height: 50px;
    line-height: 44px;
    background: #007281;
    text-align: center;
}
#home ul.buttons li {
    margin: 0 13px;
}

#home ul.buttons li a:link, #home ul.buttons li a:visited {
    color: white;
    text-decoration: none;
}


/* Topnavigation (theme/elements/header-topnavigation.php)
--------------------------------------------------------- */

/*#topnavigation { height: 25px; float: left; position: absolute; top: 140px; right: 0px; }
#topnavigation .left { float: left; width: 10px; height: 25px; background-color: #69B08D; }
#topnavigation .titel { float: left; text-align: left; height: 23px; width: 390px; padding: 2px 0px 0px 10px; color: #FFFFFF; text-decoration: none; font-size: 11px; line-height: 20px; background-color: #007A3F; }
#topnavigation .topnavi { float: right; text-align: right; height: 23px; width: 540px; padding: 2px 10px 0px 0px; color: #FFFFFF; text-decoration: none; font-size: 11px; line-height: 20px; background-color: #007A3F; }

#topnavigation .trenn { padding: 0px 10px 0px 10px; color: #69B08D; text-decoration: none; font-size: 11px; line-height: 22px; }
#topnavigation a { color: #FFFFFF; text-decoration: none; font-size: 11px; line-height: 20px; }
#topnavigation a:hover { color: #FFFFFF; border-bottom: 1px solid #69B08D; }*/


/* Content
---------- */

#content { background-color: #FFFFFF; }
.content { padding: 11px 0px 0px 0px; overflow: hidden; }
#ie6 #content .content { height: 380px; overflow-y: visible; }

#content-popup { background-color: transparent; }
.content-popup { padding: 55px 0px 0px 0px; overflow: hidden; }
#ie6 #content-popup .content-popup { height: 380px; overflow-y: visible; }


/* Content-Mail
---------- */

#content-mail .content-mail { padding: 10px 20px 10px 20px; overflow: hidden; }
#ie6 #content-mail .content-mail { height: 380px; overflow-y: visible; }


/* Footer (dynamic/foot.php)
--------------------------- */

#footer { width: 750px; height: 60px; left: 0px; margin: 0px; background-color: #FFFFFF; }


/* Footer-Mail (dynamic/foot-mail.php)
--------------------------- */

#footer-mail { width: 500px; height: 1px; left: 0px; margin: 0px; }


/* oredc columns (2-spaltiges Layout)
-------------------------------------- */

#oredc-columns { position: relative; font-size: 12px; color: #555555; padding: 10px 0px 10px 0px; margin: 0px; overflow: hidden; }
/*#oredc-columns-content { float:left; width:100%; padding:0px 0px 20px 0px; }*/
		
#oredc-columns h1 { font-size: 11px; font-weight: bold; color: #555555; padding: 1px 0px 5px 0px; }
#oredc-columns h2 { font-size: 13px; font-weight: bold; color: #555555; padding: 2px 0px 5px 0px; }
#oredc-columns h3 { font-size: 14px; font-weight: bold; color: #007A3F; padding: 3px 0px 10px 0px; }
#oredc-columns p { font-size: 11px; margin: 0px 0px 10px 0px; }
#oredc-columns p.cloud { text-align:center; line-height: 25px; }
#oredc-columns li { padding: 0px 0px 2px 0px; }
#oredc-columns ul, 
#oredc-columns ol { list-style-position:inside; }
/*#oredc-columns ul, 
#oredc-columns ol { list-style-image:url('../images/li-point1.gif'); list-style-position:outside; margin: 0px 0px 0px 18px; }*/
#oredc-columns a:link,
#oredc-columns a:visited { color: #555555; text-decoration: none; }
#oredc-columns a:hover,
#oredc-columns a:active { color: #0D8F98; }
#oredc-columns a.none:link,
#oredc-columns a.none:visited { color: #555555; text-decoration: none; }
#oredc-columns a.none:hover,
#oredc-columns a.none:active { color: #555555; }
#oredc-columns b { font-size: 13px; font-weight: bold; color: #555555; }
#oredc-columns .cyan { color: #0D8F98; }
#oredc-columns .mini { font-size: 10px; color: #555555; }
#oredc-columns .cloudsize1 { font-size: 26px; color: #0D8F98; }
#oredc-columns .cloudsize2 { font-size: 21px; color: #0D8F98; }
#oredc-columns .cloudsize3 { font-size: 17px; color: #0D8F98; }
#oredc-columns .cloudsize4 { font-size: 14px; color: #0D8F98; }
#oredc-columns .cloudsize5 { font-size: 12px; color: #0D8F98; }
#oredc-columns .cloudsize6 { font-size: 11px; color: #0D8F98; }
#oredc-columns .cloudsize7 { font-size: 9px; color: #0D8F98; }
#oredc-columns .bordergrey { border: 1px solid #D9D9D9; }
#oredc-columns .bordercyan { border: 1px solid #0D8F98; }
		
#oredc-columns .oredc-columns-slotcontent { float: left; width: 770px; padding: 0px; margin: 0px; line-height: 15px;  }
#oredc-columns .oredc-columns-slotmail { float: left; width: 450px; padding: 0px; margin: 0px; line-height: 15px; background: #FFFFFF; border: 1px solid #007A3F; }

#oredc-columns .oredc-columns-full { float: left; width: 752px; padding: 0px 0px 10px 0px; }
#oredc-columns .oredc-columns-left { float: left; width: 366px; padding: 0px 10px 10px 0px; }
#oredc-columns .oredc-columns-right { float: left; width: 366px; padding: 0px 0px 10px 10px; }
#oredc-columns .oredc-columns-modulright { float: left; width: 236px; margin: 0px 0px 10px 100px; padding: 10px 10px 10px 10px; border: 1px solid #D9D9D9; }
/*#oredc-columns .oredc-columns-mail { float: left; width: 430px; padding: 10px 10px 10px 10px; }*/

#oredc-columns .oredc-columns-trenn { float: left; width: 752px; height: 1px; padding: 0px; margin: 10px 0px 10px 0px; background-color: #FFFFFF; }
		
#oredc-columns .oredc-columns-picleft1 { float: left; width: 100px; padding: 3px 0px 0px 0px; margin: 0px 5px 2px 0px; color: #808080; }
#oredc-columns .oredc-columns-picleft2 { float: left; width: 200px; padding: 3px 0px 0px 0px; margin: 0px 5px 5px 0px; color: #808080; }
#oredc-columns .oredc-columns-picright1 { float: right; width: 100px; padding: 3px 0px 0px 0px; margin: 0px 0px 2px 5px; color: #808080; }
#oredc-columns .oredc-columns-picright2 { float: right; width: 200px; padding: 3px 0px 0px 0px; margin: 0px 0px 5px 5px; color: #808080; }
		
		#oredc-columns .oredc-columns-randomfotos { float: left; width: 80px; height: 105px; padding: 5px 5px 5px 5px; margin: 3px; border: 1px solid #D3D3D3; color: #939393; }
		
		#oredc-columns .oredc-columns-jtip { float: right; width: 20px; padding: 3px 0px 0px 0px; margin-right: 0px; }
		#oredc-columns .oredc-columns-jtip-contact { position:absolute; top: 285px; left: 345px; z-index: 100; padding: 0px 0px 0px 0px; margin-right: 0px; }
		
#oredc-columns input.size_xxs { border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; height: 14px; width: 15px; padding: 2px; margin: 0px 0px 2px 0px; }
#oredc-columns input.size_xs { border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; height: 14px; width: 30px; padding: 2px; margin: 0px 0px 2px 0px; }
#oredc-columns input.size_s{ border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; height: 14px; width: 226px; padding: 2px; margin: 0px 0px 2px 0px; }
#oredc-columns input.size_m { border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; height: 14px; width: 250px; padding: 2px; margin: 0px 0px 2px 0px; }
#oredc-columns input.size_l { border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; height: 14px; width: 335px; padding: 2px; margin: 0px 0px 2px 0px; }
#oredc-columns input.size_xl { border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; height: 14px; width: 360px; padding: 2px; margin: 0px 0px 2px 0px; }

#oredc-columns textarea.size_m { border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; height: 100px; width: 250px; padding: 2px; margin: 0px 0px 2px 0px; }
#oredc-columns textarea.size_l { border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; height: 100px; width: 335px; padding: 2px; margin: 0px 0px 2px 0px; }
#oredc-columns textarea.size_xl { border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; height: 70px; width: 360px; padding: 2px; margin: 0px 0px 2px 0px; }

		#oredc-columns textarea.newsletterpopup { border-style : solid; border-color : #D3D3D3; border-width: 1px; background-color: #ffffff; font-size: 11px; color: #555555; height: 650px; width: 550px; padding: 2px; margin: 0px 0px 2px 0px; }
		
#oredc-columns input.button { border-style: solid; border-color: #656565; border-width: 1px; background-color: #D3D3D3; font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #555555; padding: 3px; }


/* Cyclebox (wechselnde Bilder im Header - theme/elements/header-motiv.php)
-------------------------------------------------------------------------- 

.cyclebox { width: 900px; height: 155px; position: relative; z-index: 0 }
.cycle { width: 900px; height: 155px }*/

.oredycle { width: 366px; position: relative; z-index: 0 }
.magentocycle { width: 366px; position: relative; z-index: 0 }
.ref1cycle { width: 200px; position: absolute; top: 0px; left: 0px; z-index: 0 }
.ref2cycle { width: 150px; position: absolute; top: 50px; left: 210px; z-index: 0 }
.ref3cycle { width: 160px; position: absolute; top: 170px; left: 20px; z-index: 0 }
.cycletext { width: 366px; position: relative; z-index: 0 }


/* Carousel (Fotogalerien)
------------------------- */

#carousel { float: left; width: 366px; padding: 0px; margin-bottom: 10px; }

	
/* Kalender Termine
------------------- 

.kalender_modul { background-color: #FFFFFF; border: 1px solid #D3E7DB; }
.borderb { border-bottom: 1px solid #D3E7DB; }
table.kalender_tag_heute { background-color: #FFFFFF; border: 1px solid #007A3F; }
td.kalender-heute-kopf { background-color: #D3E7DB; border-bottom: 1px solid #D3E7DB; height: 15px; }
table.kalender_tag { background-color: #FFFFFF; border: 1px solid #D3E7DB; }
td.kalender-tag-kopf { background-color: #D3E7DB; border-bottom: 1px solid #D3E7DB; height: 15px; }*/

#galerie-links {
    list-style: none;
}

#galerie-links li {
    display: inline;
    margin: 0 1em 0 0;
}