/*
	Styles corporAID - 20.10.2007
	
	
	
	wichtige Farben (/=tinted):
	
	blau-welt: 6acef4 / b3d8e6
	gruen-wirtschaft: cbdc60 / e0eb9b
	ziegel-bestpractice: eca68e / eac6ba
	viola-service: e0b8cb / e6d2dc
	rosa-csr: f6d0c1
	grau-meinung: 949598 / d7d8db
	orange-corporaid: f5834c / efcbba
	
	
		
	---------------------------------------------------------------
	1. Allgemeine Definitionen (Body, Linkfarben)
	---------------------------------------------------------------
	2. Menue
	---------------------------------------------------------------
	3. Container (Spaltendefinitionen fuer Homepage & Content)
	---------------------------------------------------------------
	4. Storymodule
	---------------------------------------------------------------
	5. Diverses (Banner, etc)
	---------------------------------------------------------------
	
*/





/* 
	**************************************
	***** 1. Allgemeine Definitionen *****
	**************************************
*/



body {
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #454545;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
}

p {
	font-size: 12px;
}

ul {
	font-size: 12px;
}

img {
	border-style: none;
}

a:link, a:visited, a:hover, a:active {
	color: #cc071e;
	font-weight: normal;
	text-decoration: none;
}

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









/* 
	**************************************
	***** 2. Menue *****
	**************************************
*/


.menublock, .display {
	width: 128px;
	float: left;
	background: url(../img/spc.gif) no-repeat transparent;
}
.menublock1, .display1 {
	width: 129px;
	float: left;
	background: url(../img/spc.gif) no-repeat transparent;
}



.subs-welt {
	background: #b3d8e6;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}


.subs-welt a {
	display: block;
}

.menublock .subs-welt, .menublock1 .subs-welt {
	display: none;
}




.subs-wirtschaft {
	background: #e0eb9b;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.subs-wirtschaft a {
	display: block;
}

.menublock .subs-wirtschaft, .menublock1 .subs-wirtschaft {
	display: none;
}





.subs-bestpractice {
	background: #eac6ba;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.subs-bestpractice a {
	display: block;
}

.menublock .subs-bestpractice, .menublock1 .subs-bestpractice {
	display: none;
}




.subs-service {
	background: #e6d2dc;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.subs-service a {
	display: block;
}

.menublock .subs-service, .menublock1 .subs-service {
	display: none;
}





.subs-meinung {
	background: #d7d8db;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.subs-meinung a {
	display: block;
}

.menublock .subs-meinung, .menublock1 .subs-meinung {
	display: none;
}




.subs-csr {
	background: #949598;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.subs-csr a {
	display: block;
}

.menublock .subs-csr, .menublock1 .subs-csr {
	display: none;
}




.subs-corporaid {
	background: #efcbba;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.subs-corporaid a {
	display: block;
}

.menublock .subs-corporaid, .menublock1 .subs-corporaid {
	display: none;
}





.tl {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	height: 27px;
	margin-top: 3px;
	margin-left: 12px;
	background: transparent;
}


a.tl, a.tl:visited, a.tl:hover, a.tl:active { 
	display: block;
	text-decoration: none; 
	color: #666;
}

a.sl, a.sl:visited, a.sl:hover, a.sl:active { 
	display: block;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	text-decoration: none; 
	color: #666;
	padding: 3px 1px 3px 5px;
	margin: 0;
}

a.sl:hover, a.sl:active { 
	color: #cc071e;
}

/*.subs-meinung a.sl, .subs-meinung a.sl:visited { 
  color: #444;
}*/







/*
	**************************************
	***** 3. Container *****
	**************************************
*/


#header {
	margin-left: 10px;
	width: 770px;
	height: 90px;
}

#logo {
	margin-top: 12px;
}

#navigation-bg {
	margin-left: 10px;
	margin-top: 0px;
	width: 770px;
	height: 29px;
	background: url(../img/bg_navi.gif);
	border-top: 1px solid #666;
}

#navigation {
	position: absolute;
	z-index: 100;
	left: 10px;
	top: 90px;
	width: 770px;
	height: auto;
	background: transparent;
}

#wrapper {
	width: 770px;
	height: auto;
	float: left;
	margin: 20px 0 20px 10px;
}

#content {
	width: 570px;
	height: auto;
	float: left;
	margin: 0 20px 0 0;
}


.teaserpic {
	float: left;
	margin-bottom: 1em;
}

.teaserkontext {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 160px;
}

.teaserheadline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 0 160px;
}

.teasertext {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 0.7em 0 0 160px;
}

.teaserline {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 2em 0 2em 0;
	border-bottom: 1px dotted #666;
	clear: both;
}

.teaserkontext-search {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 20px;
}

.teaserheadline-search {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 0 20px;
}

.teasertext-search {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 0.7em 0 0 20px;
}

#spalte-li {
	width: 275px;
	height: auto;
	float: left;
	margin: 0 20px 0 0;
}

#spalte-li .kontexttitel {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 1.5em 0 0 0;
}

#spalte-li h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}

#spalte-li .teaser {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0;
}


#spalte-re {
	width: 275px;
	height: auto;
	float: left;
	margin: 0;
}

#spalte-re .kontexttitel {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 1.5em 0 0 0;
}

#spalte-re h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}

#spalte-re .teaser {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0;
}


#spaltenheader-welt {
	width: 275px;
	height: auto;
	background: url(../img/q_welt.gif) 0 50% no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 3em 0 0 0;
	border-bottom: 2px solid #6acef4;
}

#spaltenheader-welt span {
	margin: 0 0 3px 12px;
}


#spaltenheader-wirtschaft {
	width: 275px;
	height: auto;
	background: url(../img/q_wirtschaft.gif) 0 50% no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 3em 0 0 0;
	border-bottom: 2px solid #cbdc60;
}

#spaltenheader-wirtschaft span {
	margin: 0 0 3px 12px;
}


#spaltenheader-bestpractice {
	width: 275px;
	height: auto;
	background: url(../img/q_best_practice.gif) 0 50% no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 3em 0 0 0;
	border-bottom: 2px solid #eca68e;
}

#spaltenheader-bestpractice span {
	margin: 0 0 3px 12px;
}	
	
	
#spaltenheader-service {
	width: 275px;
	height: auto;
	background: url(../img/q_service.gif) 0 50% no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 3em 0 0 0;
	border-bottom: 2px solid #e0b8cb;
}

#spaltenheader-service span {
	margin: 0 0 3px 12px;
}


#spaltenheader-meinung {
	width: 275px;
	height: auto;
	background: url(../img/q_meinung.gif) 0 50% no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 3em 0 0 0;
	border-bottom: 2px solid #949598;
}

#spaltenheader-meinung span {
	margin: 0 0 3px 12px;
}

#spaltenheader-csr {
	width: 275px;
	height: auto;
	background: url(../img/q_csr_global.gif) 0 50% no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 3em 0 0 0;
	border-bottom: 2px solid #949598;
}

#spaltenheader-csr span {
	margin: 0 0 3px 12px;
}


#spaltenheader-corporaid {
	width: 275px;
	height: auto;
	background: url(../img/q_corporaid.gif) 0 50% no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 3em 0 0 0;
	border-bottom: 2px solid #f5834c;
}

#spaltenheader-corporaid span {
	margin: 0 0 3px 12px;
}

.advertorial {
	background: #f1f1f1;
	padding: 0 5px 5px 5px;
}

.auszeichnung {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	margin: 0 0 -1em 0;
}






#sidecontent {
	width: 180px;
	height: auto;
	float: left;
	margin: 0;
	background: #f1f1f1;
}

#suche {
	margin: 0;
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	padding-bottom: 20px;
	vertical-align: middle;
}

#sucheingabe {
	border: 1px solid #666;
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
}

#suchbutton {
	border: 1px solid #666;
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	width: 25px;
}

.sideheader {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 1em 1px 1em 5px;
	border-bottom: 2px solid #fff;
}

#sidecontent p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-left: 5px;
}

#sidecontent a {
	font-weight: bold;
}







/* 
	**************************************
	***** 4. Storymodule *****
	**************************************
*/


.storykontext {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 160px;
}

.storyheadline1 {
	margin: 0 0 0 160px;
}

.storyheadline2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 160px;
}

.storyheadline1-search {
	margin: 0 0 0 20px;
}

.storyheadline2-search {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 20px;
}

.storypic-left {
	margin-left: 160px;
	text-align: left;
  font-style: italic;
	/*clear: both;*/
}

.storypic-center {
	margin-left: 160px;
	text-align: center;
	/*clear: both;*/
  font-style: italic;
}

.storypic-right {
	margin-left: 160px;
	text-align: right;
  font-style: italic;
	/*clear: both;*/
}

.storytext {
	margin-left: 160px;
}

.story-text-headline {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.first {
	font-weight: bold;
}

.infobox {
	width: 145px;
	text-align: right;
	float: left;
	margin-right: 15px;
}

.infoboxheader {
	width: 145px;
	text-align: right;
	font-size: 12px;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #666;
}

.zitat {
	width: 145px;
	text-align: right;
	float: left;
	margin-right: 15px;
  clear: both;
}

.zitattext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.3em;
}

.leftpic {
	width: 145px;
	text-align: right;
	float: left;
	margin-right: 15px;
  clear: both;
}
.leftpic img {
  margin-bottom: 8px;
}

.linkbox {
	padding: 1px 10px 1px 10px;
	background-color: #ebeced;
	margin: 1.5em 0 1.5em 160px;
}

.link {
	padding: 0px 0px 0px 15px;
	background: transparent url(../img/link.gif) no-repeat 0px 4px;
	display: block;
}

.download {
	padding: 0px 0px 0px 15px;
	background: transparent url(../img/download.gif) no-repeat 0px 4px;
	display: block;
}






/* 
	**************************************
	***** 5. Diverses (Button, etc.) *****
	**************************************
*/

#banner {
	position: absolute;
	left: 310px;
	top: 13px;
	width: 470px;
	height: 60px;
	text-align: right;
}

.button {
	margin: 1em 0 1em 0;
}

div.blaettern-zurueck {
  width: 50%;
  float: left;
  margin-top: -15px;
  font-size: 11px;
}

div.blaettern-weiter {
  width: 50%;
  float: left;
  text-align: right;
  margin-top: -15px;
  font-size: 11px;
}

#login-spacer {
	background: #fff;
  height: 10px;
}

#login {
	margin: 0;
	background: #fff;
  border: 1px solid #999;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
  line-height: 22px;
	padding: 10px 10px 10px 10px;
}

#login a {
  font-weight: normal;
}

input, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #666;
	font-size: 11px;
  border: 1px solid #999;
  background-color: #fff;
}

#posts-comments {
	margin-left: 160px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

div.posts-new {
  text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

.edit {
	margin: 5px 0 5px 0;
	padding: 2px;
	background-color: #d4d0c8;
	border-top: 1px solid #f7f6f3;
	border-left: 1px solid #f7f6f3;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
}

.editbutton1 {
	background-color: #d4d0c8;
	border-top: 1px solid #f7f6f3;
	border-left: 1px solid #f7f6f3;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
}

.editbutton2 {
	background-color: #d4d0c8;
	border-top: 1px solid #848484;
	border-left: 1px solid #848484;
	border-right: 1px solid #f7f6f3;
	border-bottom: 1px solid #f7f6f3;
}

.posting1 {
	margin: 20px 50px 5px 160px;
}

.posting2 {
	margin: 20px 50px 5px 195px;
}

.posting3 {
	margin: 53px 50px 5px 50px;
	color: #FF7A00;
}

.wer {
	font-weight: bold;
  color: #000;
}

.wann {
	font-weight: normal;
}

.was {
	font-size: 14px;
	font-weight: bold;
}

.antwort {
	margin-top: -10px;
	margin-right: -40px;
}

div.blaettern-posts {
  width: 160px;
  float: left;
}

div.blaettern-posts-zurueck {
  margin-top: 15px;
  width: 205px;
  float: left;
  font-size: 11px;
}

div.blaettern-posts-weiter {
  margin-top: 15px;
  width: 205px;
  text-align: right;
  font-size: 11px;
  float: left;
}