/* 
    Author: Kevin Bradenstein

*/

/* Resets & Basic Page Setup */
* 						    { margin:0; padding:0; }
html 						{ overflow-y: scroll; }
body 						{ font: 62.5% Georgia, serif; background: url(images/body-background.gif) top center repeat-y #fff; color:#322c69;}
ul 							{ list-style: none inside; }
a 							{ outline: none; }
a img 						{ border: none; }
/* End Reset */

/* Typography */
p, td						{ font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.2em;}
h1							{ font-weight: normal; font-size: 3.0em; }
h2							{ font-weight: normal; font-size: 3.0em; border-bottom: 1px solid #a9a0c7;}
h3							{ font-weight: normal; font-size: 2.0em; }
h1, h2, h3					{ margin-bottom: 0.625em; margin-top:0.5em;}
#footer a               	{ color: black;}
#content ul                 { font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.2em; padding-left: 2em; list-style-type: square;}
#events #content ul         { padding-left: 0;}
#board h3                   { margin-bottom: 0.25em;}
#board p                    { margin-bottom: 2em; }
/* End Typography */

/* Structure */
#wrapper                    { width: 960px; margin: 0 auto; background: url(images/footer-background.jpg) bottom center no-repeat #eeecf7;}
#header                     { height: 200px; background: url(images/header-background.jpg) top center no-repeat #eeecf7;}
#content                    { padding: 0 20px;}
#footer                     { padding: 80px 0 40px 0; text-align: center; clear: both;}
#blogframe                  { width: 920px; height:600px; border: none;}
#impressumdaten h3		{font-size: 175%; margin-bottom: 0; padding-bottom: 0;}
#newsletter-box 	{width: 420px; height: 300px; padding-right: 20px; padding-bottom: 20px; float: left; margin: 10px 20px 10px 0;}
#newsletter-box h3	{padding-top: 0px; margin-top: 0px;}
#newsletter-box img	{float:left; width: 180px; padding-right: 10px; padding-bottom: 13px; background-color: white;}

/* End Structure */

/* Menu */
#main-navigation            { height:3em; width:920px; margin:0 20px;}
#main-navigation li         { display: inline}
#main-navigation li a       { line-height: 1.7em; float: left; border-bottom: 2px solid #322c69;  text-decoration: none; font-size: 1.5em;vertical-align: middle; padding:0 0.5em; color:#322c69; margin-right: 1em;}
#main-navigation li a:focus { border-bottom: 6px solid #aba2c9;}
#main-navigation li a:hover { border-bottom: 6px solid #aba2c9;}
#main-navigation li a:active {background-color: #aba2c9;}
/* End Menu */

/* Photos */
#photos .album-list         { width: 410px; border: 15px solid #fff; margin: 10px; background-color: #fff; float: left; vertical-align: middle; text-decoration: none;}
#photos .album-list img     { float: left; padding-right: 2em;}
#photos .album-list h3      { display: inline; color:#322c69;}
#photos .album-list h3 a    { border: 0; text-decoration: none; color:#322c69;}
#album .photo-list          { width: 144px; height: 144px; border: 10px solid #fff; margin: 10px; background-color: #fff; float: left;}
.show-picture               { width: 920px; }
.show-image img,
.show-image p               { margin-left: 60px;}
/* End Photos*/

/* Toolbox */
#content .events            { float: left ; width: 20em;}
.hidden                     { position: absolute; top: -5000px; left: -5000px; width: 0; height: 0; overflow: hidden;display: inline;}
/* End Toolbox*/

/* Form */
#mainForm 					{ position: relative; border: 1px; border-style: solid; margin: 0 auto; text-align: left; width: 90%; background-color: #ffffff;}
ul.mainForm					{ list-style: none;}
li.mainForm					{ padding-bottom: 20px;}

#mainFormError				{ position: relative; border: 1px; border-style: solid; margin: 0 auto; text-align: left; width: 70%;}
input.mainFormError			{ background-color: #FADADD;}
textarea.mainFormError		{ background-color: #FADADD;}
select.mainFormError		{ background-color: #FADADD;}

#formHeader					{ position: relative; width: 100%; background-color: #666699; margin:0 0 0 0; padding-bottom: 10px;}
p.formHeader				{ text-align: right; margin:0 0 0 0; color: #ffffff; font-size:25px; position:relative; left:-5px; top:4px; letter-spacing: 2px;}

#formInfo					{ position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0;}
h2.formInfo					{ text-align: left; margin:0 0 0 0; font-size:20px; position:relative; left:0px; top:0px; letter-spacing: 1px;line-height:150%; color: #ffffff;}
p.formInfo					{ text-align: left; margin:0 0 0 0; color: #000000; font-size:12px; position:relative; left:0px; top:0px; color: #ffffff;}
#formFields					{ position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0;}
label.formFieldQuestion		{ line-height:125%; padding:0 4px 1px 0; border:none; display:block; font-weight:bold;}
label.formFieldOption		{ display:block; margin:-19px 0 0 25px; padding:4px 0 5px 0; width:90%;}
input.formFieldStyle		{ display:block; line-height:1.4em; margin:8px 0 0 3px; width:13px; height:13px;}


/* tooltip */
a.info						{ position: relative;}
a.info span 				{ position: relative; display:none;}
a.info:hover 				{ position: relative; cursor:default;}
a.info:hover .infobox 		{ font-weight: normal; display:block; position:absolute; top:20px; left:25px; width:205px; height:70px; border: 1px solid #ccc; background:#f4f4f4 url(question.gif) no-repeat bottom right; color:#000; text-align:left; font-size:0.7em; padding-left:10px; padding-top:10px;}