/*-----------------------------------------------------------------------------------------------------

Das core.css bestimmt das Verhalten der eindeutigen Container
und dient als Grundlage f�r alle weiteren CSS

-----------------------------------------------------------------------------------------------------*/

/* html body begin*/
html{
  background: url(../img/background_sample.jpg) center top scroll;
}

body{
  min-height:100%;
  height:100%;
  display:block;
  background: url(../img/background.jpg) center top repeat-x scroll;
}
/*html body end*/

/*-----------------------------------------------------------------------------------------------------*/

#container {
	margin: 0 auto;
	width: 980px;
}

/*page begin*/
#page{
  position:relative;
  width:800px;
  margin:0 auto;
  padding:0 5px 0 14px;
  overflow:hidden;
  background:#fff url(../img/page_bg.gif) left top repeat fixed;
}
/*page end*/

/*-----------------------------------------------------------------------------------------------------*/

/*header begin*/
#header{
  width:775px;
  display:inline;
  float:left;
  height:auto;
  margin:14px 0 10px 0;
  background:#fff url(../img/header_spring_2010.jpg) center 7px no-repeat;
  border: 1px solid #efeeee;
  padding:7px;
}
/*header end*/

/*-----------------------------------------------------------------------------------------------------*/

/*sitelogo begin*/
a#sitelogo{
  display:block;
  height: 91px;
}

a#sitelogo img{
  margin:0px 0 0 0px;
}
/*sitelogo end*/

/*-----------------------------------------------------------------------------------------------------*/

/*main begin*/
#main{
  width:791px;
  overflow:hidden;
  display:inline;
  float:left;
  margin:0 10px 0 0;
}
/*main end*/

/*-----------------------------------------------------------------------------------------------------*/

/*maincontent begin*/
#maincontent{
  display:inline;
  float:left;
  width:473px;
  overflow:hidden;
  min-height:1px;
}
/*maincontent end*/

/*-----------------------------------------------------------------------------------------------------*/

/*subcontent begin*/
#subcontent{
  display:inline;
  float:left;
  width:308px;
  overflow:hidden;
  margin:0 0 0 10px;
}
/*subcontent end*/

/*-----------------------------------------------------------------------------------------------------*/

/*footer begin*/
#footer{
  display:inline;
  float:left;
  width:473px;
  overflow:hidden;
}
/*footer end*/

/*-----------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------

Das home.css steuert die Ausgabe des home.html

-----------------------------------------------------------------------------------------------------*/

/*teaser begin*/
div.divider{
  background:url(../img/teaser-box-hr_bg.png) left center repeat-x;
  height:9px;
  clear:both;
}

div.clearer{
  clear:both;
}



#main .teaser-box{
  background:#fff;
  padding:7px;
  border:1px solid #efeeee;
  margin:0 0 10px 0;
}

#main div.title{
  margin:0 0 4px 0;
}

#main h1, #main h1 a, #main h1 a:visited{
  display:inline;
  padding:0 5px 0 5px;
  margin:0 0 8px 0;
  font-size:110%;
  line-height:16px;
  color:#fff;
  font-weight:bold;
  background:url(../img/title-lila_bg.png) left center repeat-x;
  text-transform:uppercase;
}

#maincontent .teaser-box h2 a{
  line-height:1.2em;
}

#main h2, #main p{
  margin:0;
}

#main a, #main a:visited{
  color:#64255e;
  text-decoration:none;
  font-weight:bold;
}
div#main .artikelheadline {
color:#64255e;
}
#main a:hover{text-decoration:underline;}

#maincontent a.morelink,
#maincontent a.listmorelink{
  clear:right;
  background:url(../img/morelink.png) left 7px no-repeat; 
  padding:0 0 0 10px;
}

.teaser-img{display:inline; float:left;}

.teaser-grafik-hero{}

.teaser-grafik-standard{display:block;}

.teaser-grafik-standard h2{ font-size:160%; width:54%; float:right;}
.teaser-grafik-standard p{ font-size:120%; width:54%; float:right; line-height:14px;}
.teaser-grafik-standard a.morelink{margin-left:10px;font-size:120%}

.teaser-grafik-standard .teaser-img{
  width:200px;

}

.teaser-grafik-small, .teaser-text-small{
  width:228px;
  display:inline;
  float:left;
}

.teaser-grafik-small .teaser-img{
  margin-right:2%;
}

.teaser-grafik-small h2, .teaser-text-small h2{
  font-size:120%; 
  width:47%; 
  float:left;
}
  
.teaser-grafik-small p, .teaser-text-small p{
  font-size:110%; 
  width:47%; 
  float:left; 
  line-height:12px;
}

.teaser-text-small {display:inline; float:left; width:49%}
.teaser-text-small h2{width:99%; font-size:120%}
.teaser-text-small p{width:99%; font-size:110%; line-height:12px;}

.seitenanfang {float: right;}
.impmenu {float: left;}
 
/*teaser end*/

#subcontent .news-box{
  padding:7px;
  background:#f3eff3;
  border:1px solid #efeeee;
  margin:0 0 10px 0;
}

.news-box .news-img{float:left; margin: 0 4px 0 0;}
.news-box h2{font-size:120%}
.news-box p{font-size:110%; color:#222}
.news-box .news-teaser{background:url(../img/newsbox-hr_bg.png) left bottom repeat-x; padding:0 0 8px 0;}
div#subcontent .news-box .news-teaser .newsboxlink:link, div#subcontent .news-box .news-teaser .newsboxlink:visited, div#subcontent .news-box .news-teaser .newsboxlink:active, div#subcontent .news-box .news-teaser .newsboxlink:hover {color:#64255e}

#subcontent .themen-box{
  padding:7px;
  background:#fff;
  border:1px solid #efeeee;
  margin:0 0 10px 0;
}
.themen-box .news-img{float:left; margin: 0 4px 0 0;}
#subcontent .themen-box .title h1{background:url(../img/title-grau_bg.png) left center repeat-x;}
.themen-box h2{font-size:120%}
.themen-box p{font-size:110%; color:#222}
.themen-box .news-teaser{background:url(../img/newsbox-hr_bg-white.png) left bottom repeat-x; padding:0 0 8px 0;}
div#subcontent .themen-box .news-teaser .newsboxlink:link, div#subcontent .themen-box .news-teaser .newsboxlink:visited, div#subcontent .themen-box .news-teaser .newsboxlink:active, div#subcontent .themen-box .news-teaser .newsboxlink:hover {color:#64255e}



#subcontent .teaser-box h2{font-size:120%;}
#subcontent .teaser-box p{font-size:110%;}

#subcontent div.teaser-box.teaser-magazin h1{
  background:url(../img/title-grau_bg.png) left center repeat-x;
}

.anmelden {float: right;}

.teaser-glossar p { width:54%; float:right}
.teaser-glossar h2 { width:54%; float:right}
.teaser-img-glossar{float:left; padding: 0 0 0 0;}

/*-----------------------------------------------------------------------------------------------------*/

/*teaser-list-standard begin !zwingend nach teaser-grafik-standard positionieren!*/

.teaser-list-standard h2{ font-size:160%; width:48%; float:left; padding-bottom: 7px;}
.teaser-list-standard p{ font-size:110%; width:70%; float:left; padding:0px 0 0 10px; line-height:1em;}
.teaser-list-titel {font-size:110%; width:70%; float:left; font-weight:bold; margin: 0 0 0 10px; line-height:1.1em;color:#64255e;}
div#main .teaser-list-titel a {color:#64255e;}
.teaser-list-standard{display:block;}
#maincontent a.listmorelink{background:none;}

/*teaser-list-standard end*/


#maincontent a.morelink{  
  color:#a20260;
  text-decoration:none;
  font-weight:bold;
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#subcontent .teaser-magazin{padding:4px;background:#fff; border:0px solid #efeeee; margin:0 0 10px 0;}
#subcontent div.teaser-box.teaser-magazin h1{ background:url(../img/title-grau_bg.png) left center repeat-x;}
.teaser-magazin h2{ font-size:150%; width:45%; float:right;}
.teaser-magazin p{ font-size:120%; width:45%; float:right;}
.teaser-magazin-img{float:left; margin: 0 4px 0 0;}

#subcontent .teaser-newsletter{padding:4px;background:#fff; border:0px solid #efeeee; margin:0 0 10px 0;}
#subcontent div.teaser-box.teaser-newsletter h1,
#subcontent div.teaser-box.teaser-newsletter h1 a{background:url(../img/title-grau_bg.png) left center repeat-x;}
#subcontent div.teaser-box.teaser-newsletter img.newsletter-abonnieren{ float:right; padding-top:4px;}

#main .teaser-box-flex{
  margin:0 0 10px 0;
}
div#main .artikel .csc-header {
margin:0;
padding:0;
}


div#main h2.tipafriend_headline,
div#main .artikel .csc-header h1,
div#main .artikel .csc-header h2 {
	display:block;
	margin-top: 0.75em;
	padding:0;
	width:100%;
	color:#64255e;
	font-size: 1.6em;
	line-height: 1.4em;
	text-transform:none;
	font-weight:bold;
	background:none;
}

div#main h2.tipafriend_headline {
	margin-bottom:				20px;
}

div#main .artikel p{
	margin:0 0 0.5em 0;
}
#preview {
	position: absolute;
	display: block;
	top: 0;
	height: 25px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	background-color: #D51E86;
	font-size: 18px;
	color: #000;
	border-bottom: 1px solid #4B022D;
}