/* PAGE STRUCTURE FOR VARIABLE WIDTH WITH MAX-WIDTH */
div.wrapper {
  display: block;
  align: center;
  max-width: 950px;
  margin: 0 auto;
  padding: 0 20px;}
 
/* TO PLACE PIX IN A FLOATING DIV - Left or right in text */

div.pixr {width:image width px; float: right; margin-left: 18; margin-right: 0; margin-bottom: 8; }
div.pixl {width:image width px; float: left;  margin-left: 0; margin-right: 18; margin-bottom: 8; }
div.pixc {width:image width px; float: center;  margin-left: 0; margin-right: 18; margin-bottom: 8; }

/* BODY WITH BACKGROUND */

body.text     {background: url(bg/halftone_grey.png); margin-top: 40;-webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;}

body.menu     {background-color: black; }

body.submenu     {background: url(bg/carpathianswinter_submenu.jpg); margin-top: 45; }

table.text {border:0; width:950px; padding: 0;}



/* BUTTONS Horizontal Topmenu METAL*/
A#topmenu:link		 {   color: white; text-decoration: none; padding: 2px; background-image: url('buttons/metal_dark.jpg'); border-radius:5px; text-shadow: 0.1em 0.1em 0.1em gray; -webkit-box-shadow: 4px 4px 4px #302010;
    box-shadow: 4px 4px 4px #302010;}
A#topmenu:visited	 {   color: white; text-decoration: none; padding: 2px; background-image: url('buttons/metal_dark.jpg'); border-radius:5px; text-shadow: 0.1em 0.1em 0.1em gray; -webkit-box-shadow: 4px 4px 4px #302010;
    box-shadow: 4px 4px 4px #302010;}
A#topmenu:active	 {   color: #CC0000; text-decoration: none; padding: 2px; background-image: url('buttons/metal_light.jpg'); border-radius:5px; text-shadow: 0.1em 0.1em 0.1em gray; -webkit-box-shadow: 4px 4px 4px #302010;
    box-shadow: 4px 4px 4px #302010;}
A#topmenu:hover      {   color: #CC0000;font-weight: bold; text-decoration: none; padding: 2px; background-image: url('buttons/metal_light.jpg'); border-radius:5px; text-shadow: 0.1em 0.1em 0.1em gray; -webkit-box-shadow: 4px 4px 4px #302010;
    box-shadow: 4px 4px 4px #302010; letter-spacing: 1.8px;}

/* BUTTONS Horizontal Submenu METAL*/

A#submenu:link		 {   color: white; text-decoration: none; padding: 2px; background-image: url('buttons/metal_blue.jpg'); border-radius:5px; text-shadow: 0.1em 0.1em 0.1em gray; -webkit-box-shadow: 4px 4px 4px #302010;
    box-shadow: 4px 4px 4px #302010;}
A#submenu:visited	 {   color: white; text-decoration: none; padding: 2px; background-image: url('buttons/metal_blue.jpg'); border-radius:5px; text-shadow: 0.1em 0.1em 0.1em gray; -webkit-box-shadow: 4px 4px 4px #302010;
    box-shadow: 4px 4px 4px #302010;}
A#submenu:active	 {   color: #CC0000; text-decoration: none; padding: 2px; background-image: url('buttons/metal_lightblue.jpg'); border-radius:5px; text-shadow: 0.1em 0.1em 0.1em gray; -webkit-box-shadow: 4px 4px 4px #302010;
    box-shadow: 4px 4px 4px #302010;}
A#submenu:hover      {   color: black; text-decoration: none; padding: 2px; background-image: url('buttons/metal_lightblue.jpg'); border-radius: 5px; text-shadow: 0.1em 0.1em 0.1em gray; -webkit-box-shadow: 4px 4px 4px #302010;
    box-shadow: 4px 4px 4px #302010; letter-spacing: 0.8px;}

/* BUTTONS Horizontal Submenu METAL: to have hover border write: border: 1px solid #CC0000;
*/

/* HEADLINES*/

h1           { font-style: bold; font-size: 20px; text-transform: uppercase; text-align: left;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; color: #CC0000; margin-top: 40; 
			   margin-bottom: 20;}

h2           { font-style: bold; font-size: 16px; text-transform: uppercase; text-align: left;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; color: gray; margin-top: 40; 
			   margin-bottom: 20; }

/* HOW TO WORK WITH EXTERNAL FONTS AND SHADOWS*/

h4           { font-style: bold; font-size: 20px; text-transform: uppercase; text-align: left;
               font-family: MarysFont, Trebuchet MS, Verdana, Arial, Helvetica; color: #CC0000; margin-top: 40; 
			   margin-bottom: 20; margin-left: 20; margin-right: 50; text-shadow: 0.1em 0.1em 0.1em gray; }



/* Fonts Landing page*/

p.mm           { font-style: normal; font-size: 96px; text-transform: uppercase; text-align: center;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; color: white; margin-top: 380; margin-bottom: 0;}

p.fgdr           { font-style: normal; font-size: 30px; text-transform: uppercase; text-align: center;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; color: #EFEFEF; margin-top: 20; margin-right: 0;
		  text-shadow: 0.1em 0.1em 0.1em gray; }

p.enter        { font-style: normal; font-size: 16px; text-transform: uppercase; text-align: center;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; color: white; margin-top: 40; margin-right: 0;
		  text-shadow: 0.1em 0.1em 0.1em gray; }


/* Fonts Topmenu*/
p.topmenu     { font-style: normal; font-size: 13px; font-weight: bold; text-transform: uppercase;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	       margin-bottom:-15px; margin-top: 7; text-align: center;
              letter-spacing: 0.3px }

/* Fonts Submenu*/
p.submenu     { font-style: normal; font-size: 11.8px; font-weight: bold; text-transform: uppercase;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	       margin-bottom: 0; margin-top: 2; text-align: center;}

/* Font banner in Submenu*/
p.banner{ font-style: normal; font-size: 10px; font-weight: bold; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			      margin-top: 1; margin-bottom: 1;  text-align: right;
			   color: #555555; letter-spacing: 0.6px }
          

/* Standard Textblocks: justify or right-aligned*/

p.just     { font-style: normal; font-size: 13.5px; font-weight: normal; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
               margin-bottom: 10;  
            color: #112233; letter-spacing: 0.6px; text-align: justify; line-height: 1.4em;}

p.justquote     { font-style: normal; font-size: 13.5px; font-weight: normal; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
               margin-bottom: 10;  margin-left: 35;
            color: #112233; letter-spacing: 0.6px; text-align: justify; line-height: 1.4em;}

p.right     { font-style: normal; font-size: 13.5px; font-weight: normal; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
               margin-bottom: 10; margin-left: 5; margin-right: 45; 
            color: #112233; letter-spacing: 0.6px; text-align: right; line-height: 1.4em;}

/* For CAPTIONS under images*/

p.caption     { font-style: normal; font-size: 11px; font-weight: bold; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-top: 3; margin-bottom: 2; margin-left: 3; margin-right: 3;
			   color: gray; letter-spacing: 0.6px; text-align: center; }
p.captionleft     { font-style: normal; font-size: 11px; font-weight: bold; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-top: 3; margin-bottom: 2; margin-left: 3; margin-right: 3;
			   color: gray; letter-spacing: 0.6px; text-align: left; }

img.border  { border: black solid 1; border-radius:10px; -webkit-box-shadow: 3px 3px 3px #7C7C7C;
    box-shadow: 3px 3px 3px #7C7C7C;}

img.box  { border: black solid 1; border-radius:0px; -webkit-box-shadow: 0px 0px 0px #7C7C7C;
    box-shadow: 0px 0px 0px #7C7C7C;}


/* ============================================OLD FORMATS FROM MOONLAKE WEB======================================================  */


@font-face {
	font-family: 'MarysFont';
	src: url('fonts/Clairvaux-Roman.eot');
	src: url('fonts/Clairvaux-Roman.woff') format('woff'), url('fonts/Clairvaux-Roman.ttf') format('truetype'), url('fonts/Clairvaux-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


A#text:link		 { color: white; text-decoration: none; padding: 2px; background: gray; margin-left: 0px; font-size: 10 }
A#text:visited	 { color: white; text-decoration: none; padding: 2px; background: gray; margin-left: 0px; font-size: 10  }
A#text:active	 { color: white; text-decoration: none; padding: 2px; background: gray; margin-left: 0px; font-size: 10  }
A#text:hover    { color: white; text-decoration: none; padding: 2px; background: #004c50; margin-left: 0px; font-size: 10; letter-spacing: 1px; }


/* link colors in text links*/
A#color:link		 { color: blue; text-decoration: underline; text-shadow: 0.03em 0.03em 0.03em gray;}
A#color:visited	 {   color: purple; text-decoration: underline; text-shadow: 0.03em 0.03em 0.03em gray;}
A#color:active	 {   color: red; text-decoration: underline; text-shadow: 0.03em 0.03em 0.03em gray;}
A#color:hover      {   color: #CC0000; text-decoration: underline; text-shadow:0.03em 0.03em 0.03em #993300;}


A#fsw:link	 { color: silver; text-decoration: none; }
A#fsw:visited	 { color: silver; text-decoration: none; }
A#fsw:active	 { color: silver; text-decoration: none; }
A#fsw:hover      { color: white; text-decoration: none; font-weight: bold; }


/* um Hintergrundbild zu zeigen: background-image: url(buttons_oben/green_2.gif)*/

A#oben:link	 {  margin-left: 0px; position: absolute; top: 0; }
A#oben:visited	 { margin-left: 0px; position: absolute; top: 0;}
A#oben:active	 { margin-top: 13px; position: absolute; top: -2;}
A#oben:hover     { margin-top: 13px; position: absolute; top: -2;}

A#image:link	   { border: black solid 1}
A#image:visited	   { border: black solid 1}
A#image:active	   { border: black solid 1}
A#image:hover      { border: black solid 1}


table.ml { style: float: left; left: 10; top: 56; position: absolute; font-family: Verdana, Arial, Helvetica; font-size: 14px; font-weight: bold; letter-spacing: 0px}
table.ml_s { style: float: left; left: 10; top: 60; position: absolute; font-family: Verdana, Arial, Helvetica; font-size: 13px; font-weight: bold; letter-spacing: 0px}
table.ml_gall { style: float: left; left: 10; top: 5; position: absolute; font-family: Verdana, Arial, Helvetica; font-size: 14px; font-weight: bold; letter-spacing: 0px}

table.pf {font-family: Century Gothic, Trebuchet MS, Verdana, Arial, Helvetica; font-size: 14px; font-weight: bold; letter-spacing: 1px}

table.radius {border-radius:8px;}

td.radius {border-radius:8px;}


tr.ml	{height :38}

tr.mlp	{height :30}

/* #CC9933 websafe color gold-ochre; #CC0000 websafe color Boston University Red  */

input.red   { font-style: normal; font-size: 10pt; font-weight: bold; color: #CC0000;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; vertical-align: none; text-align: none }

/* Erster Absatz auf der Seite 50 pixel nach unten versetzt*/
p.text30_start { font-style: normal; font-size: 13px; font-weight: bold; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-top: 50; margin-bottom: 10; margin-left: 20; margin-right: 50; 
			   color: #112233; letter-spacing: 0.6px }

/* Marge links und rechts verwenden - kleinere Schrift*/
p.text30_s     { font-style: normal; font-size: 11px; font-weight: bold; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-bottom: 10px; margin-left: 20; margin-right: 50; 
			   color: #112233; letter-spacing: 0.6px }

/* Hilfsmenu unten rechts auf der Seite*/
p.text30_r     { font-style: normal; font-size: 13px; font-weight: bold; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; text-align: right;
			   margin-bottom: 10px; margin-left: 20; margin-right: 40; 
			   color: #112233; letter-spacing: 0.6px }

/* Datumsangabe in Tabelle EXHIBITIONS*/ 			   
p.date     { font-style: normal; font-size: 12px; font-weight: bold; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-bottom: 10px; margin-left: 30; margin-right: 10; 
			   color: #112233; letter-spacing: -0.2px }

/* Überschrift uppercase*/  


h7           { font-style: bold; font-size: 12px; text-transform: uppercase; text-align: left;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; color: #112233; margin-top: 20; 
			   margin-bottom: 20; margin-left: 30; margin-right: 40; }
h7.start      { font-style: bold; font-size: 12px; text-transform: uppercase; text-align: left;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; color: #112233; margin-top: 50; 
			   margin-bottom: 20; margin-left: 20; margin-right: 50; }

h7.startleft      { font-style: bold; font-size: 12px; text-transform: uppercase; text-align: left;
               font-family: Trebuchet MS, Verdana, Arial, Helvetica; color: #112233; margin-top: 50; 
			   margin-bottom: 20; margin-left: 0; margin-right: 40; }





/*img class="b"		   { border: black solid 1; border-radius:10px; -webkit-box-shadow: 3px 3px 3px #7C7C7C;
    box-shadow: 3px 3px 3px #7C7C7C;}
	*/

img.b	       { border: black solid 1; border-radius:18px; -webkit-box-shadow: 4px 4px 4px #5C4941;
    box-shadow: 4px 4px 4px #5C4941;}
img.nob    { border: black solid 0; }

sup { vertical-align:text-top; font-size:80%; }


/* Text in Tabellen*/
p.tab     { font-style: normal; font-size: 13px; font-weight: bold; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-bottom: 5; margin-left: 5; margin-right: 5; 
               color: #CDCDCD; letter-spacing: 0.6px }

/* Text in Tabellen - KLEIN*/
p.tab_s     { font-style: normal; font-size: 11px; font-weight: bold; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-bottom: 5; margin-left: 5; margin-right: 5;
			   color: #CDCDCD; letter-spacing: 0.6px }

/* Text in Tabellen - KLEINER*/
p.tab_sml     { font-style: normal; font-size: 10px; font-weight: normal; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-bottom: 3; margin-left: 5; margin-right: 5;
			   color: white; letter-spacing: 0.6px }

p.tab_sml_2     { font-style: normal; font-size: 9px; font-weight: normal; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-bottom: 3; margin-left: 5; margin-right: 5;
			   color: white; letter-spacing: 0.6px }


p.caption_s    { font-style: normal; font-size: 10px; font-weight: normal; 
               font-family: Trebuchet MS, Verdana, Arial, Helvetica;
			   margin-bottom: -6; margin-top: -6; margin-left: 30; margin-right: 72;
			   color: black; letter-spacing: 0.6px; text-align: right }




  /* Scrollbar   

  scrollbar-base-color:#8C8CC6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#8C8CC6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ACACE6;
   */