/*
========================================================================
formats.css:
Main Cascade Style Sheet file for the website. Defines the default look 
and feel for the whole site. Should be linked in each xhtml file.
Author: Stefan Gerlinger
=========================================================================
*/

/************************************************************************
Contents:
Definition of all colors, textstyle, etc. for contents.
*************************************************************************/ 

/* kill browser default margins and paddings */
* { margin: 0; padding: 0; }

/* Definition of global styles and site background */
html, body { 
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 10.5pt;
  color: #333;
  /*background: url('../img/b2.jpg') 0 0 repeat;*/
  background:#fef9dd; /* old version: like holygrail basic design */
  /* background:#fff9cd; *//* same color as menu text */
  /* background:#efdec2; *//* terracotta gray */
  
  text-align:left;
}

input, textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 10.5pt;
  color: #333;
  background-color: #fff;
  text-align:left;
}

p{
  text-align:left;
  padding: 0;
  margin: 10px 0 10px 0; /* top right bottom left */
}

/* pre configured for special messages, not in use for common content */
h1{
	font-family: 'Droid Serif', serif;
	font-weight: 700;
	font-size: 16pt;
	margin-bottom: 7px;
}

/* component header */
h2{
	font-family: 'Droid Serif', serif;
	font-weight: 700;
	font-size: 10pt;
	text-transform: uppercase;
	color: #000;
}

h2:first-letter{
	font-size: 13pt;
}

h3{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 12pt;
	color: #000;
	margin-top: 15px;
	margin-bottom: 15px;
}

h4{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 10pt;
	color: #000;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 7px;
}

h5{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 10pt;
	color: #000;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 5px;
}

h6{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 11pt;
	margin-bottom: 5px;
	margin-top: 3px;
}

ul{
	font-weight: 700;
}

small{
	font-size: 9pt;
	font-weight: 400;
}

#header {
	margin:0 0 15px 0;
	-moz-box-shadow:1px 1px 6px #292929; /* Firefox */
	-webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
	-khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
	box-shadow:1px 1px 6px #292929; /* CSS3 */
}

#headerBackground{
	background: #fff;
}

#headerBottomLine{
	background: #7c0201;
}

#headerLogo{
	position: absolute;
	width: 268px;
	height: 106px;
	left: 15px;
	/* background: url('') 0 0 no-repeat; */
	z-index: 1000;
}

#headerLogo img{
	border: 0px;
}

.headerInfo{
	font-size: 9.0pt;
}

.userInfo{
	font-size: 9.0pt;
}

.headerInfoImportant{
	font-weight: 700;
}

.userInfoImportant{
	font-weight: 700;
}

.userInfoName{
	font-weight: 700;
	font-style: italic;
}

#headerInfo1{
	color: #fff9cd;
}

#userInfo1{
	color: #fff9cd;
}

.headerMenuElement a{
	font-weight: 700;
	background: #7C0201;
	color: #fff9cd;
}

.headerMenuElement a:hover{
	background: #fff4dd;
	background:-moz-linear-gradient(top, #fff, #fff4dd);
	background:-webkit-linear-gradient(top, #fff, #fff4dd);
	background:-o-linear-gradient(top, #fff, #fff4dd);
	background:-ms-linear-gradient(top, #fff, #fff4dd);
	background:linear-gradient(top, #fff, #fff4dd);
	color: #000;
	height: 21px;
	border: 1px solid #cbcbcd;
}

.grayButton:hover{
	color: #336699;
}

/* holy grail lines between columns */

#colmid {
	border-left: 1px solid #9f9989; /* line between left column and center content */
}
#colright {
	border-left: 1px solid #9f9989; /* line between center content and right column*/
}
#footer {
	border-top:1px solid #9f9989; /* horizontal line before footer */
}