/*defaults*/
* {margin:0; padding:0;}
html {height:100%;}
body 	{min-height: 101%; text-align: left; font-size: 100.01%; position: relative; background:#2766AD url('../images/body_bg.jpg') repeat-x top fixed; color:#000000; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;}
a		{color:#225799; text-decoration:underline; }
a:hover	{color:#000000; text-decoration:none;}


/*structural elements*/
#container	{margin:20px auto 0px auto; text-align:center; width:760px; }
#holder		{width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo		{background:url('../images/logo.gif') no-repeat top center; padding:5px 0px 20px 0px; }
#navigation	{padding:10px 0; position: relative; clear:both; font-size: 90%; /*border-top:1px solid #DADADA;*/}
#header		{background:#f5f5f5 url('../images/header_start.jpg') no-repeat 10px 10px; padding:10px; height:140px; }
#content	{float:left; clear:both; width:490px; padding:20px 10px 0 0; line-height:160%; font-size: 90%; font-family:arial, verdana, "Times New Roman", serif; }
#content p		{padding:0 0 16px 0; }
#content b		{color: #444444; font-weight:bold; }
#news		{width: auto; margin: 20px 0 20px 510px; line-height:140%; /*text-align:justify;*/ font-family:arial, verdana, "Times New Roman", serif; }
.newsItem	{padding:15px 15px 0px 20px; background:#f9f9f9; border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-right:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0; font-size:90%; margin-bottom:20px; }
.FnewsItem	{padding:15px 15px 0px 20px; background: #ffffff url('../images/areader.jpg'); border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-right:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0; font-size:90%; margin-bottom:20px; }
#footer		{clear:both; width:100%; font-size:90%; background:#FFFFFF; margin-bottom:20px; padding:10px 20px 20px 20px; text-align:center; border-top:2px solid #2766AD; }
#footer	p	{ color: #666; width:100%; font-size:90%; line-height:140%; letter-spacing: .02em; font-family:arial, verdana, "Times New Roman", serif;}


/*headings*/
.newsItem h1	{color:#225799; margin:0 0 10px 0; padding:0; font-size:100%; font-weight:bold; }
.newsItem	p {margin-bottom:20px; }
.FnewsItem h1	{color:#225799; margin:0 0 10px 0; padding:0; font-size:100%; font-weight:bold; }
.FnewsItem	p {margin-bottom:20px; }
.newsItem	ul {list-style-type: none; }
.newsItem	li {margin: 0 5px 5px 5px; border-bottom:1px solid #f1f1f1; font-family:arial, verdana, "Times New Roman", serif;}

#content h1		{font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; color:#225799; }
#content h4		{font-size:110%; font-weight:bold; line-height:130%; margin:0; padding:0 0 20px 0; color:#444444; }
#logo h1		{text-align:center; font-family:"Times New Roman", serif; font-weight:normal; font-size:190%; letter-spacing: .1em; margin-top:60px; padding:0px; color:#296BBC; }
#logo h1 span		{font-size:60%; font-weight:bold; margin:0; padding:0; color:#777; letter-spacing: .2em;}
#content ul, #content ol, #content dl   { margin: 2em 0; }
#content ul li, #content ol li  { list-style-image: url(../images/dot.gif); }
#content ul li a, #content ol li a    { padding: 0; color:#225799; text-decoration:underline; }
#content ul li a:hover, #content ol li a:hover    { color:#000000; text-decoration:none; }

/*navigation*/
#navigation ul 		{text-align:center; }
#navigation li 		{list-style:none; display:inline; }
#navigation a		{color:#225799; padding:10px 10px; text-decoration:none; text-transform: uppercase; }
#navigation a:hover	{color:#000000; text-decoration: underline; background: #F5F5F5;}

#navigation-b {margin-bottom: 1em; overflow: hidden; width: 460px;}
#navlist-b { list-style-type: none; margin: 0; padding: 0; }
#navlist-b li { float: left; line-height: 1.1em; margin: 0 .5em 0 -.5em; padding: 0 .2em 0 .5em; }
#navlist-b a { color:#555555; text-decoration:none; }
#navlist-b a:hover	{ color:#000000; text-decoration: underline; }

#footer ul 		{margin:0px 0px 15px 0px; padding-bottom:10px; /*border-bottom:1px solid #DADADA; background: url('../images/footer_line.gif') bottom center no-repeat;*/}
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#225799; font-size: 90%; font-weight:normal; padding:10px 10px 5px 10px; text-decoration:none; text-transform: uppercase;}
#footer .email a		{text-transform: none; text-decoration: underline; padding: 0;}
#footer .email a:hover		{color: #000000; text-decoration: none; background: #ffffff;}
#footer a:hover	{color:#ffffff; text-decoration:underline; background: #2766AD;}


/*forms*/
form    {border : none 0; margin-bottom:20px; padding-left:20px; padding-top:20px; background-color: #F9F9F9;}
.fehler   {margin-bottom: 10px; padding-left: 20px; color:#a80000; font-weight: bold; }
input, textarea   {border: none 0; background-color : #ffffff; border-left: 1px solid #eeeeee; border-right: 1px solid #c0c0c0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #c0c0c0; padding: 4px;}
textarea    {overflow: auto; }
fieldset    {border : none 0; }
label     {color : #2766AD; cursor: hand; }
label span    {font-size: x-small; }
blockquote    {color: #ffffff; margin-left:10px; font-size:120%; }
fieldset p, form p    {display : list-item; list-style-type : none; line-height: 1.2em; }
.btn    {padding: 5px; border: 0px solid #996666; color: #ffffff; background-color: #2766AD; cursor: hand; }


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */

/*extras*/
.mapopacity img   { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; }
.mapopacity:hover img   { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 10; }
.mapopacity img   { border: 1px solid #eee; }
.mapopacity:hover img   { border: 1px solid #aaa; }

/*walldorfmedia*/
#design { text-align:center; text-transform: uppercase; padding-bottom: 10px; clear:both;}
#design a { color:#eee; font-weight: bold; text-decoration:none; padding: 2px 10px; font-size: 80%; letter-spacing: .2em;}
#design a:hover	{ color:#2766AD; text-decoration: underline; background: #fff; }

