/* ====================
==== HTML-ELEMENTE ====
==================== */

body {
  font-size : 100%; 
  margin : 0;
  padding : 0;
  text-align : center; /* Layout in alten MSIE Versionen zentrieren */
  background : #fafefa;
  /*background-attachment:fixed;
  background-image: url(../graphics/background_blur.jpg);*/
  font-family:"Calibri";
}

a {
  text-decoration : none;
  font-weight : bold;
}

img {
  border : none;
}

ul, ol {
  list-style-type : none;
}

ul, ol, li, div {
  margin : 0;
  padding : 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-top : 1.25em;
  font-family:"Calibri";
}

em {
  font-style : normal;
}

acronym, abbr {
  border-bottom : 2px dashed #77d;
  color : #55b;
  font-weight : bold;
}

blockquote {
  font-style : italic;
  font-weight : bold;
  color : #6184BB;
}

blockquote:before {
  content : url(../graphics/quotes.png)" " !important;
  content : url(../graphics/quotes.gif)" ";
  padding-left : 8px;
}

blockquote:after {
  content : " "url(../graphics/quotes.png) !important;
  content : " "url(../graphics/quotes.gif);
  padding-right : 16px;
}


/* ===========================
==== HAUPT-LAYOUTELEMENTE ====
=========================== */

#container {
  position : relative;
  width : 980px; /* 1em = 16px :: 16px*48.75em=780px */
  margin : 0 auto;
  text-align : left; /* Layout in alten MSIE Versionen wieder ausrichten */
  background : #fafefa;;
}

#sponsors {
  position : relative;
  line-height : 41px;
  height : 41px;
  color : #fffcd2;
  margin-bottom : 0.125em;
  background : #001a2f url(../graphics/top_left.png) no-repeat left top !important;
  background : #001a2f url(../graphics/top_left.gif) no-repeat left top;
}

#header {
  position : relative;
  clear : both;
  height : 290px;
  font-size : 3em;
  /*text-indent : -10000px;*/
  line-height : 6.4375em;
  /*background : url(../graphics/test_back_2.jpg) no-repeat right top;*/
  z-index: 0;
}

#stage {
  clear : both;
  position : relative;
  color : #222222;
  background : url(../graphics/back.jpg) repeat-y left top;
}

#footer {
  position : relative;
  clear : both;
  color : #fff;
  width : 980px;
  text-align : center;
  margin : 0 auto;
  font-size : 0.75em;
  line-height : 2.5em;
  height : 2.5em;
  background : url(../graphics/bottom_left.png) no-repeat left bottom !important;
  background : url(../graphics/bottom_left.gif) no-repeat left bottom;
}

#content {
  width : 640px;
  padding : 0 1.24em;
  float : left;  
  font-size: 90%;
  min-height: 1000px;
}

#additional {
  float : right;
  width : 16.25em;
  padding : 0 1.24em 2em;
}

#additional div.center {
  width : 240px;
  height : 180px;
}

#footer a {
  font-weight : bold;
}

#footer a:link, #footer a:visited {
  color : #FFD179;
}

#footer a:hover, #footer a:active {
  color : #FFFCCF;
}


/* ======================
==== HAUPTNAVIGATION ====
====================== */

ul#main_navi {
  position : relative;
  line-height : 1.875em;
  height : 1.875em;
  margin-top : -1.875em;
  z-index: 50;
}

ul#main_navi li {
  float : left;
  text-align : center;  
}

ul#main_navi li a {
  font-size : 0.81em;
  padding : 0 1.125em 0 1.125em;
  display : block;
  letter-spacing : 0.063em;
  font-family : Georgia, "Times New Roman", serif;
}

ul#main_navi li a:link, ul#main_navi li a:visited {
  background : #012c50; /* #001A2F */
  color : #fffcd2;
  border-left : 1px solid #fff;
}

ul#main_navi li a:hover, ul#main_navi li a:active {
  background : #eaf4fa;
  color : #000;
  border-left : 1px solid #000;
}

ul#main_navi li:first-child a {
  border-left : 1px solid transparent;
}

ul#main_navi li:last-child a:link, ul#main_navi li:last-child a:visited {
  background : url(../graphics/last_btn_d.png) no-repeat right top !important;
  background : url(../graphics/last_btn_d.gif) no-repeat right top;
  padding-right : 2.4em;
}

ul#main_navi li:last-child a:hover, ul#main_navi li:last-child a:active {
  background : url(../graphics/last_btn_b.png) no-repeat right top !important;
  background : url(../graphics/last_btn_b.gif) no-repeat right top;
  padding-right : 2.4em;
}


/* ================================
==== LISTS AND DESIGN ELEMENTS ====
================================ */

/* NORMALE LISTE */

ul#list {
  margin-top : 1.25em;
}

ul#list li:before, ul#list li ul li:before {
  content : url(../graphics/list-style.gif)" ";
  padding-left : 12px;
}


/* SPONSORENLISTE */

#sponsors ul {
  float : right;
  padding-right : 2em;
  background : url(../graphics/top_right.png) no-repeat right top !important;
  background : url(../graphics/top_right.gif) no-repeat right top;
}

#sponsors ul li {
  clear : left;
  float : right;
}

#sponsors ul li a {
  background-repeat : no-repeat;
  text-indent : -10000px;
  display : block;
  height : 40px;
}

#sponsors ul li a:link, #sponsors ul li a:visited { background-position : left top; }
#sponsors ul li a:hover, #sponsors ul li a:active { background-position : left bottom; }

#puma {
  width : 64px;
  background-image : url(../graphics/puma.jpg);
}
#movetoimprove {
  width : 400px;
  background-image : url(../graphics/movetoimprove.png);
}



/* =================================
==== CLASSES AND PSEUDO-CLASSES ====
================================= */

.img-wrapper {
  background : url(../graphics/shadow.png) no-repeat right bottom;
  float : left;
  margin-top : 0.9375em;
}

.img-wrapper div {
  background : url(../graphics/shadow-mask.png) no-repeat left top;
  padding : 0 5px 5px 0;
  float : left;
}

.img-wrapper img {
  background-color : #fff;
  border : 1px solid #a9a9a9;
  padding: 5px;
}

.clear {
  clear : both;
}

.footer-inner {
  position : absolute;
  right : 0;
  width : 100%; /* siehe #footer */
  margin : 0;
  background : url(../graphics/bottom_right.png) no-repeat right bottom !important;
  background : url(../graphics/bottom_right.gif) no-repeat right bottom;
}

a:link, a:visited {
  color : #007386;
}

a:hover, a:active {
  color : #666;
  text-decoration : underline;
}


/* EXTERNE LINKS KENNZEICHNEN 

a[href^="http:"], a[href^="https:"] {
  background : url(../graphics/extern.gif) no-repeat right top;
  padding-right : 10px;
}

a[href^="http://www.ingalena-heuck.de"], body .noextern {
  background-image : none;
  padding-right : 0;
}
*/
/*

News

*/
#news{
margin-top: 20px;
width: 620px;
}
#news .item{
border-bottom: 1px solid #cccccc;
background: #FFFFFF;
}
#news .item a{
color: #001A2F;
}
#news .item .headline{
width:600px;
padding:5px;
}
#news .item .headline a{
font-size: 120%;
}
#news .item .date{
float:right;
width:100px;
color: #001A2F;
padding-top:5px;
}
#news .item .teaser{
padding:10px;
clear:both;
}
#news .item .teaser h2{
font-size: 110%;
}
#news .item .more{
text-align:right;
}


/*

Teaser

*/

#additional .teaser{
	background: #FFFFFF;
	margin-top:20px;
        font-size: 90%;
        
}
#additional .teaser_headline{
	margin-top:20px; 
	color: #FFD179;
	height: 20px; 
	font-weight: bold; 
	padding-top: 5px; 
	padding-left: 5px;
	background: #012c50;
        font-size: 95%;
}
#additional .teaser_content{
	/*margin: 10px;*/
	padding: 1px;
	padding-bottom: 10px;
        border-top: 3px groove #DCE0E9;
        border-bottom: 1px solid #DCE0E9;
        border-left: 1px solid #DCE0E9;
        border-right: 1px solid  #DCE0E9;
}
#additional .teaser_content hr{
	/*display:none;*/
	color:#FFFFFF;
	height:0px;
	/*visibility:hidden;*/
}

		.tweet {
			background: #fff;
			margin: 4px 0;
			padding: 8px;
		}
		.tweet img {
			float: left;
			margin: 0 8px 4px 0;
		}
		.tweet .text {
			margin: 0;
		}
		.tweet .time a {
			font-size: 80%;
			color: #888;
			white-space: nowrap;
			text-decoration: none;
		}
		.tweet .time a:hover {
			text-decoration: underline;
		}
		#twitterSearch .tweet {
			min-height: 24px;
		}
		#twitterSearch .tweet .text {
			margin-left: 32px;
		}