//* =============================================================================
   General
   ========================================================================== */
   
/*
 * Image replacement
 */
.ir {background-color: transparent;border: 0;overflow: hidden;/* IE 6/7 fallback */*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 100%;}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {display: none !important;visibility: hidden;}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {visibility: hidden;}

/* Contain floats: h5bp.com/q - Probleme IE8 Formulare
.clearfix:before, .clearfix:after, .cf:before, .cf:after  {content: ""; display: table;}
.clearfix:after, .cf:after {clear: both;}
.clearfix, .cf {zoom: 1;}
*/

/* full clearfix */
/* add to floating elements which shall clear floating after themselves */
* html .cf {height: 1%; /* IE5-6 */ }
*+html .cf {display: inline-block; /* IE7not8 */ }
.cf:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; /* FF, IE8, O, S, etc. */ }



/* general global Classes */
.floatLeft        {float:left !important; display:inline !important;} 
.floatRight       {float:right !important; display:inline !important;}
.clearLeft        {clear:left !important;}
.clearRight       {clear:right !important;}
.displayInline    {display:inline !important;}
.displayNone      {display:none !important;}
.displayBlock     {display:block !important; }
.positionRelative {position:relative !important;}
.positionAbsolute {position:absolute !important;}
.textAlignCenter  {text-align:center !important;}
.textAlignLeft    {text-align:left !important;}
.textAlignRight   {text-align:right !important;}
.nowrap           {white-space:nowrap !important;}
.italic           {font-style:italic !important;}
.strong           {font-weight:bold !important;}
.border           {border:1px solid #c00 !important;}
.pointer          {cursor:pointer !important;}
.debug,.debug1    {background-color: #f00 !important;-moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);}
.debug2           {background-color: #00f !important;-moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);}
.debug3           {background-color: #0f0 !important;-moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);}

body { background:url(../../images/background.jpg) center 0 #000 fixed; font-family:Garamond,Times New Roman,Times,serif; }

header h1 { text-align:center; color:#fff; padding:1rem 0; font-size:2rem; line-height:3rem; text-shadow:1px 1px 1px #333; }
h2 { color:#333; font-size:1.5rem; }
h3 { color:#333; font-size:1.25rem; }

#wrapper { box-shadow:none; background:none transparent; }
.gridContent { padding:0; box-shadow:none; background:none transparent; }

.divContent { border:1px solid #eee; box-shadow: 0 0 6px #aaa; margin-bottom:15px; background:#fff; border:1px solid #330000; }

figure { text-align:center; }
figure.half { width:50%; float:left; text-align:center; }
figure img { max-width:100%; height:auto; }
figure.half img { max-width:98%; }
figcaption { display:block; clear:both; font-style:italic; padding:0.5rem 0; }

.divContent a { color:#330000; }

.moduleFooter a { color:#fff; }