﻿


BODY {background-image: url('../images/layout/sand.jpg'); topmargin: 0; leftmargin: 0; font-family: arial, geneva, helvetica, sans-serif; color: #666666;
scrollbar-3dlight-color:#CC3333; scrollbar-arrow-color:#666666; scrollbar-base-color:#CC3333; scrollbar-dark-shadow-color:#CC3333; scrollbar-face-color:#CC3333; scrollbar-highlight-color:#CC3333; scrollbar-shadow-color:#666666; scrollbar-track-color:#666666; }

TABLE {border-collapse: collapse; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-family: arial, geneva, helvetica, sans-serif; }
.line  { height: 1px; background-color: #CC3333;}
.vertline  { width: 1px; background-color: #CC3333;}
.topheader { filter: dropshadow(color=#666666, OFFY=3, OFFX=3); font-family: Verdana, Helvetica, Arial, sans-serif; font-size:32px; letter-spacing:10pt; text-decoration: none; color:#CC3333; font-weight: bolder; 
	text-transform: capitalize; } 
.topheader2 { filter: dropshadow(color=#666666, OFFY=2, OFFX=2); font-family: Verdana, Helvetica, Arial, sans-serif; font-size:18px; letter-spacing:10pt; text-decoration: none; color:#CC3333; font-weight: bolder; 
	text-transform: capitalize; } 


TABLE.object {width: 100%; border-collapse: collapse; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-family: arial, geneva, helvetica, sans-serif; color: #666666; }
TH.object {font-family: arial, geneva, helvetica, sans-serif; color: #666666; font-weight: bolder; text-decoration: none; letter-spacing: 6pt; padding-left: 5px; padding-right: 1px; padding-top: 15px; padding-bottom: 1px; vertical-align:text-bottom }
TD.object {font-family: arial, geneva, helvetica, sans-serif; color: #666666; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 1px; padding-top: 5px; padding-bottom: 1px; vertical-align:text-top }
TD.objectfooter {text-align: center; font-family: arial, geneva, helvetica, sans-serif; color: #666666; font-weight: bold; text-decoration: none; padding-left: 1px; padding-right: 1px; padding-top: 5px; padding-bottom: 5px; vertical-align:text-top }


TABLE.news {width: 100%; padding: 0; border-collapse: collapse; background:#999999;font-family: arial, geneva, helvetica, sans-serif; text-align: left; }
TH.news {background: #000000; color: #FFFFFF; text-decoration: underline; letter-spacing: 6pt; padding-left: 5px; padding-right: 1px; padding-top: 15px; padding-bottom: 1px; vertical-align:text-bottom }
TH.newsdate {background: #000000; color: #FFFFFF; text-align: right; padding-left: 1px; padding-right: 5px; padding-top: 15px; padding-bottom: 1px; vertical-align:text-middle }
TD.news {background-image: url('../images/layout/laid-beige.jpg'); 
color: #000000; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 15px; vertical-align:text-top }

H1 { font-size: 18pt; font-weight: normal; margin-bottom: 1; text-align: center; }
H1.blue {color: #013B97; font-size: 18pt; font-weight: normal; margin-bottom: 1; }
H1.grau{color: #999999; font-size: 18pt; font-weight: normal; margin-bottom: 1; }
H1.white {color: #FFFFFF; font-size: 18pt; font-weight: normal; margin-bottom: 1; }
 
H2 { font-size: 14pt; font-weight: normal; margin-bottom: 1; }
H2.blue {color: #013B97; font-size: 14pt; font-weight: normal; margin-bottom: 1; }
H2.grau{color: #999999; font-size: 14pt; font-weight: normal; margin-bottom: 1; }
H2.white {color: #FFFFFF; font-size: 14pt; font-weight: normal; margin-bottom: 1; }
 
H3 { font-size: 12pt; font-weight: normal; margin-bottom: 1;}
H3.blue {color: #013B97; font-size: 12pt; font-weight: normal; margin-bottom: 1; }
H3.grau{color: #999999; font-size: 12pt; font-weight: normal; margin-bottom: 1; }
H3.white {color: #FFFFFF; font-size: 12pt; font-weight: normal; margin-bottom: 1; }
 
H4 { font-size: 10pt; font-weight: normal; margin-bottom: 1;}
H4.blue {color: #013B97; font-size: 10pt; font-weight: normal; margin-bottom: 1; }
H4.grau{color: #999999; font-size: 10pt; font-weight: normal; margin-bottom: 1; }
H4.white {color: #FFFFFF; font-size: 10pt; font-weight: normal; margin-bottom: 1; }
 
H5 { font-size: 8pt; font-weight: normal; margin-bottom: 1; }
H5.blue {color: #013B97; font-size: 8pt; font-weight: normal; margin-bottom: 1; }
H5.grau{color: #999999; font-size: 8pt; font-weight: normal; margin-bottom: 1; }
H5.white {color: #FFFFFF; font-size: 8pt; font-weight: normal; margin-bottom: 1; }

A:link.menu {
	TEXT-DECORATION: none; color:#999999;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:16px; letter-spacing:0pt
}
A:visited.menu {
	TEXT-DECORATION: none; color:#999999;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:16px; letter-spacing:0pt
}
A:active.menu {
	TEXT-DECORATION: underline; color:#999999;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:16px; letter-spacing:0pt
}
A:hover.menu {
	TEXT-DECORATION: underline; color:#999999;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;  font-size:16px; letter-spacing:0pt
}

A:link.footer {
	TEXT-DECORATION: none; color:#FFFFFF;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:9px; letter-spacing:0pt
}
A:visited.footer {
	TEXT-DECORATION: none; color:#FFFFFF;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:9px; letter-spacing:0pt
}
A:active.footer {
	color:#FFFF00;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:9px; letter-spacing:1pt
}
A:hover.footer {
	color:#000000;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;  font-size:9px; letter-spacing:1pt
}

A:link.start {
	TEXT-DECORATION: underline;  color:#999999;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:24px; letter-spacing:3pt;
}
A:visited.start { 
	TEXT-DECORATION: underline;  color:#999999;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:24px; letter-spacing:3pt;
}
A:active.start {
	TEXT-DECORATION: underline;  color:#999999;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:24px; letter-spacing:6pt;
}
A:hover.start { 
	TEXT-DECORATION: underline;  color:#999999;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;  font-size:24px; letter-spacing:6pt;
}
a.icon {
display:block; /*forces the link to cover to entire height and width of the image (specified on the next two lines)*/
width: 90px; /*image width*/
height: 90px; /*image height*/
margin: 0 10px 0 10px; /*space around the images, allow enough for the shadow*/
/*add a small drop shadow to the images*/
-webkit-box-shadow: 2px 3px 8px #7c7c7c;
-moz-box-shadow: 2px 3px 8px #7c7c7c;
box-shadow: 2px 3px 8px #7c7c7c;
} 

a.swap01, a.swap02 {
display:block; /*forces the link to cover to entire height and width of the image (specified on the next two lines)*/
width: 400px; /*image width*/
height: 300px; /*image height*/
margin: 0 10px 0 10px; /*space around the images, allow enough for the shadow*/
/*add a small drop shadow to the images*/
-webkit-box-shadow: 2px 3px 8px #7c7c7c;
-moz-box-shadow: 2px 3px 8px #7c7c7c;
box-shadow: 2px 3px 8px #7c7c7c;
} 
a.swap01{
float:left; /*places the image on the left of the text and wraps the text around it*/
}
a.swap02{
float:left; /*places the image on the left of the text and wraps the text around it*/
}
a.swap01{
background-image:url("../images/grundrisse/ep-reinicke41.jpg"); /*the image you want to swap in*/
} 
a.swap02{
background-image:url("../images/grundrisse/ep-reinicke48.jpg"); /*the image you want to swap in*/
}
a.swap01:hover img, a.swap02:hover img{
visibility: hidden;
}
ul.enlarge{
    list-style-type:none;
    margin-left: 0;
}
ul.enlarge li{
    display:inline-block;
    position: relative;
    z-index: 0;
    margin: 0px 0px 0px 10px;
}
ul.enlarge img{
    background-image: url('../images/layout/sand.jpg');
    padding: 6px;
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
ul.enlarge span{
    position:absolute;
    left: -9999px;
    background-image: url('../images/layout/sand.jpg');
    padding: 10px 10px 0px 10px;
    font-family: arial, geneva, sans-serif; 
    font-weight: bold;
	font-size:.9em;
    text-align: center;
    color: #666666;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
    -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
    box-shadow: 0 0 20px rgba(0,0,0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
}
ul.enlarge li:hover{
    z-index: 50;
    cursor:pointer;
}
ul.enlarge span img{
    padding:2px;
    background:#ccc;
}
ul.enlarge li:hover span{
    top: -340px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: 380px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
    left: 204px;
}
ul.enlarge li:hover:nth-child(3) span{
    left: 27px;
}
ul.enlarge li:hover:nth-child(4) span{
    left: -150px;
}
ul.enlarge li:hover:nth-child(5) span{
    left: -325px;
}
ul.enlarge li:hover:nth-child(6) span{
    left: -20px;
}
ul.enlarge li:hover:nth-child(7) span{
    left: -100px;
}
ul.enlarge li:hover:nth-child(8) span{
    left: -200px;
}
ul.enlarge li:hover:nth-child(9) span{
    left: -300px;
}
ul.enlarge li:hover:nth-child(10) span{
    left: -300px;
}
ul.enlarge img, ul.enlarge span{
    behavior: url(pie/PIE.htc);
}

.menu {
	TEXT-DECORATION: none; color:#999999;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; font-size:16px; letter-spacing:0pt;
	

.shadow_normal {filter: dropshadow(color=#666666, OFFY=2, OFFX=1); font: arial; text-align: center; color: #999999; }

.shadow_invers {filter: dropshadow(color=#666666, OFFY=1, OFFX=1); font: arial; text-align: center; color: #CC3333; }

.pic {filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,direction=240, strength=5) 
   progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
   border: 0px none;}

.shadow_black {filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=240, strength=2) 
   progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
   border: 0px none;}

.shadow_black_5a {filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=240, strength=5) 
   progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
   border: 0px none;}

.shadow_black_5b {filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=240, strength=5) 
   progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
   border: 0px none;}
.newStyle1 {
	font-weight: bolder;
	text-transform: capitalize;
}
