/*
Holisticon Website (www.holisticon.de)
Style 2008

Copyright (c) 2008 Holisticon AG. All rights reserved.
*/

/*
  Body und allgemeine Definitionen
*/

body {
  margin:0;
  background-color:#bbb;
  color:#000;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:10pt;
  text-align:center;  /* Zentrierung im Internet Explorer */
  padding:0;
  }

table, td, tr {
  color:#000;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:10pt;
  margin:0px 20px 0px 20px;
  padding-right:10px;
}

.vspace {margin:7px 0 20px 0;}

h1,h2,h3,h4,h5{
  line-height:15px;
  background-color:transparent;
  color:#ce1126;
  }
h1{
  font-size:14pt;
  font-weight:normal;
  line-height:20px;
  padding-top:30px;
  padding-bottom:10px;
  border-bottom:dotted 1px #ce1126;
  margin-bottom:30px;
  }
h2{font-size:11pt;}
h3{font-size:10pt;}
h4{font-size:10pt;}
h5{font-size:9pt;}

.liarrow{list-style-image:url(/cms/pub/bullets/arrow.gif);}
.boxgrey{list-style-image:url(/cms/pub/bullets/square_grey.gif);}




/*
  Layout von Verweisen (Links)
*/
a:link {
  text-decoration:none;
  color:#013f7a;
  }
a:visited {
  text-decoration:none;
  color:#013f7a;
  }
a:hover {
  text-decoration:underline;
  color:#013f7a;
  }
a:active {
  text-decoration:underline;
  color:#013f7a;
  }
a:focus {
  text-decoration:none;
  color:#013f7a;
  }

h2 a {
  text-decoration:none;
  color:#ce1126;
  }

#wikitext .urllink {
  background-image:url(external.png);
  background-position:right;
  background-repeat:no-repeat;
  color:#013f7a;
  font-style:normal;
  padding-right:13px;
  text-decoration:none;
  }

/*
  Seitenbereiche
*/

/* Umgebender (weisser) Container */
div#container {
  text-align:left;
  width:1010px;
  margin:0 auto;
  padding:10px 0;
  background-color:#fff;
  border-right-width:3px;
  border-right-style:solid;
  border-bottom-width:3px;
  border-bottom-style:solid;
  border-left-width:1px;
  border-left-style:solid;
  border-color:#666;
  }
/* News-Spalte (rechts), inkl. Zitat */
div#news {
  float:right;
  width:175px;
  margin-top:15px;
  margin-right:10px;
  }

/* Platzhalterbild für Seiten ohne eigenes Bild */
div#defaultheadimage {
  width:795px;
  height:250px;
  margin-top:15px;
  margin-left:10px;
  border:0;
  }

/* Navigations-Spalte (links) */
div#navi {
  color:#013f7a;
  float:left;
  width:175px;
  /*margin-top:275px; ohne defaultheadimage */
  margin-top:25px;
  margin-left:10px;
  padding:0;
}
* html div#navi {
    margin-left:6px;  /* Workaround für Internet Explorer bis Version 6 */
  }
  
/* Banner (links, unterhalb der Navigation) */
div#banner {
	text-align:center;
  }
  
/* Inhaltsbereich */
div#content {
  width:595px;
  /*margin:285px 20px 40px 205px; ohne defaultheadimage */
  margin:25px 20px 40px 205px;
}
div#content p {
  line-height:140%;
  margin-top:1.33em;
  }
* html div#content {
    height:1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
/* Bild (oben links), aus der Wiki-Seite heraus zu definieren */
div#headimage {
  position:absolute;
  float:left;
  width:795px;
  height:250px;
  top:25px;
  margin-left:-195px;
  border:0;
  }

/* Fusszeile */
div#footer {
  clear:both;
  font-size:7pt;
  text-align:center;
  color:#013f7a;
  margin-bottom:10px;
  }
div#footer p {
  display:inline;
  }

/*
  Layout der Navigationselemente
*/
#navi li .selflink {
  background-color:#e6ebef;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:3px;
  margin-left:-3px;
  font-size:7pt;
  }
#navi ul {
	border-top:solid 1px #e6ebef; 
  margin:0;
  padding:0;
  list-style:none;
  }
#navi li {
  font-size:8pt;
	padding-top:6px; 
	padding-bottom:6px; 
	border-bottom:solid 1px #e6ebef; 
	padding-left:9px; 
  background-image:url(nupsi.jpg);
	background-repeat:no-repeat; 
	background-position:0 1em;
	margin-left:0px;
  }
#navi li ul {
	border-top:0; 
	padding-top:6px; 
  }
#navi li li {
  font-size:8pt;
  padding-left:6px;
	padding-top:6px; 
	padding-bottom:6px; 
	border-top:solid 1px #e6ebef;
	border-bottom:0; 
	padding-left:9px; 
  background-image:url(nupsi.jpg);
	background-repeat:no-repeat; 
	background-position:0 1em;
	margin-left:0px;
  }

/*
  Layout der Zitate
*/
#quote {
  font-size:8pt;
  }
#quote strong {
  font-size:7pt;
  font-weight:normal;
  color:#666;
  margin-left:9px;
  }

/*
  Layout der Teaser
*/
.teaser{table-layout:fixed;text-align:left;margin:0;width:595px;}
.teaser h4{margin-bottom:3px;}
.teaser .vspace{margin-bottom:10px;margin-right:6px;text-align:right;}
.teaser-left{margin-right:auto;width:33%;padding-right:6px;vertical-align:top;}
.teaser-middle{margin-left:auto;margin-right:auto;width:34%;padding-left:3px;padding-right:3px;vertical-align:top;}
.teaser-right{margin-left:auto;width:33%;padding-left:6px;vertical-align:top;}
.teaser p {font-size:8pt;margin-top:0;margin-bottom:-1.2em;}

/*
  Box mit abgerundeten Ecken
*/
div.box {
  font-size:8pt;
  background:#ffffff;
  border:none;
  position:relative;
  background:url(box-topleft.png) top left no-repeat;
  } 
div.box h3 {
  font-size:9pt;
  padding:15px;
  margin:0;
  background:url(box-topright.png) top right no-repeat;
  text-align:left;
  }
div.boxbody {
  padding:15px;
  padding-top:0;
  margin:0;
  margin-top:-1.7em;
  /*margin-bottom:1em;*/
  background:url(box-rightborder.png) top right repeat-y;
  min-height:80px;
  }
div.boxbody h1 {
  font-size:10pt;
  font-weight:bold;
  border:0;
  padding:0;
  margin:0;
  }
div.boxbody h2 {
  font-size:7pt;
  border-bottom-style:dotted;
  border-bottom-width:1px;
  color:#999;
  }
div.boxfooter {
  background:url(box-bottomleft.png) bottom left no-repeat;
  }
div.boxfooter p {
  font-size:8pt;
  padding:15px;
  margin:-2em 0 0 0;
  text-align:right;
  background:url(box-bottomright.png) bottom right no-repeat;
  }

/*
  Pfeilchen
*/
.nupsi {
  background-image:url(nupsi.jpg);
  background-position:0 0.4em;
  background-repeat:no-repeat;
  padding-left:7px;
  }

/*
  Themenradar
*/
#radar {
	margin-top:2px; 
	margin-bottom:6px; 
	border-top:solid 1px #e6ebef; 
	border-bottom:solid 1px #e6ebef;
  text-align:center; 
  }

.two{font-size:120%;text-decoration:none;}
.three{font-size:110%;text-decoration:none;}
.four{font-size:100%;text-decoration:none;}
.five{font-size:90%;text-decoration:none;}
.six{font-size:80%;text-decoration:none;}
.seven{font-size:70%;text-decoration:none;}

/*
  Kontakthof ;-)
*/
div.kontakt {
  margin-top:50px;
	border:dotted 1px #666;
	padding:10px;
  }
div.kontakt h4 {
  padding:0;
  padding-bottom:10px;
  margin:0;
  }
div.kontakt table {
  margin-top:10px;
}

/*
  E-Mail-Formular
*/
div.mailformresult {
  color:#b48181;
  font-style:italic;
  padding:5px;
  text-align:center;
  width:300px;
  }
form.mailform fieldset{padding:5px;}
form.mailform label {
  color:#000;
  float:left;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:.8em;
  margin-right:10px;
  text-align:right;
  text-decoration:none;
  width:120px;
  }
form.mailform input textarea {float:left;}
form.mailform input[type=submit] {
  font-family:Verdana, Arial, Sans-Serif;
  font-size:.8em;
  margin-left:130px;
  }