/**
 * CSS Stylesheet für Website der Zeitschrift 'Transpersonale Psychologie und Psychotherapie'
 * (C) 2007, 2008 Verlag Via Nova
 * (C) 2007, 2008 EDV-Systemberatung Klaus Lauer
 */

/* ### main element definitions ### */

* {
  font-size: 1em;
}

html, body {
  position: absolute;
  top: 0px;
  bottom: -0.1px;
  width: 100%;
  font-family: Georgia, Verdana, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  border: 0px none;
  color: #000;
  background-color: transparent;
}

#container {
  position: relative;
  top: 0px;
  margin: 0px auto;
  width: 900px;
}
 
#header {
  height:125px;
  width: 900px;
  margin:0;
  padding:0;
  background: url(/fileadmin/images/layout/bg0.gif) repeat-x 0 0 transparent;
}

#logo {
  float: left;
  margin: 20px 20px 0 120px;
  width: 180px;
}

#headerimage {
  float: right;
  margin: 20px 40px 0 0;
  width: 410px;
}

#headerimagetext {
  float: left;
}

#rootline {
  width: 900px;
  margin: 0;
  padding: 5px 0;
  border: solid #ddd;
  border-width: 1px 0;
	font-size: 0.9em;
/*  font-variant: small-caps; */
}

#middle {
  background: url(/fileadmin/images/layout/bg-content.gif) repeat-y 0 0 transparent;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

#content {
  float: right;
  width: 650px;
  min-height: 350px;
}

#contentarea {
	position: relative;
  width: 630px;
}

#inner {
  float: left;
  width: 97%;
  padding: 0;
/*  background: url(/fileadmin/images/layout/preview.gif) 0 0 no-repeat;  */
}

#rightfooter {
  width: 165px;
  height:5px;
}

#footer {
  clear: both; 
  margin: 0;
  padding: 0;
}

#copyright {
  font-size: 0.80em;
  width: 800px;
  margin: 0;
  padding: 5px 0;
  text-align : center;
}

#rootline a {
  margin: 0 3px;
  padding: 0 4px 0;
}

dl.csc-textpic-image {
  margin-top: 10px;
}

/* ### navigation styling ### */

#nav {
  float: left;
  margin: 5px 0 0 0;
  padding:0;
  width: 205px;
  min-height: 350px;
  font-size: 0.9em !important;
  font-weight: bold;
  color: black;
}

#nav ul {
  margin: 0 10px 10px 5px;
  padding:0;
}

#nav ul li, #nav li li {
  padding: 5px 0 0 0;
  margin: 0;
  list-style: none;
}

#nav ul ul {
  padding: 1px 0 0 6px;
  margin: 0;
  font-weight: normal;
}

#nav li.actnav1>a {
  background: url(/fileadmin/images/layout/subactive2.gif) no-repeat 0 center transparent;
}

#nav li.actnav2>a {
  background: url(/fileadmin/images/layout/subactive3.gif) no-repeat 0 center transparent;
}

#nav li a {
  display: block;
  padding: 0 0 0 12px;
  text-decoration: none;
}

#nav li a:hover {
  text-decoration: underline;
}

div.pagenav {
  margin: 5px 0 10px 0;
  padding: 3px 0;
  background-color: #ffffcf;
  text-align: center;
  font-family: Georgia,Verdana,Arial,sans-serif;
  font-size: 0.9em;
  border-top: 1px solid #ddd;
}

div.pagenav span {
  padding: 0 10px;
}

div.pagenav .previtem {
  padding: 0px 10px 0px 14px;
  background: transparent url(/fileadmin/styles/icons/previtem.gif) no-repeat center left;
}

div.pagenav .nextitem {
  padding: 0px 10px 0px 14px;
  background: transparent url(/fileadmin/styles/icons/nextitem.gif) no-repeat center left;
}

div.pagenav .back{
  padding: 0px 10px 0px 14px;
  background: transparent url(/fileadmin/styles/icons/back.gif) no-repeat center left;
}

ul#metas {
  vertical-align: bottom;
  width: 165px;
  margin-top: 80px;
  padding: 3px 0 0 0;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 0;
}

ul#metas li {
  border: 0;
  padding: 0;
  margin: 0;
}

ul#metas li.meta-act {
  background: url(/fileadmin/images/layout/subactive2.gif) no-repeat left;
}

ul#metas li img {
  padding-right: 4px;
}

/* ### sitemap ### */

div.csc-sitemap {
  line-height: 1.3em;
}

div.csc-sitemap a {
  text-decoration: none;
}

div.csc-sitemap a:hover {
  text-decoration: underline;
}

div.sitemap_level1 {
  font-size: 0.95em;
  padding-left: 15px;
  background: url(/fileadmin/images/layout/dot1.gif) no-repeat 0 center;
}

div.sitemap_level1 a {
  color: black;
}

div.sitemap_level2 {
  font-size: 0.90em;
  padding-left: 14px;
  background: url(/fileadmin/images/layout/dot2.gif) no-repeat 0 center;
}

div.sitemap_level2 a {
  color: black;
}

div.sitemap_level3 {
  font-size: 0.90em;
  padding-left: 13px;
  background: url(/fileadmin/images/layout/dot3.gif) no-repeat 0 center;
}

div.sitemap_level3 a {
  color: black;
}

div.sitemap_level2_area {
  margin-left: 15px;
}


div#menu-editions>p {
  font-size: 0.95em;
}

div.edition-head {
  display        : block;
  margin         : 6px 0;
  padding-bottom : 20px;
  font-size      : 0.95em;
  font-weight    : bold;
}

div.edition-title {
  float: left;
}

div.ordernow {
  float: right;
}

div.edition {
  margin         : 6px 0;
  padding-bottom : 4px;
  border-bottom  : 1px solid #ddd;
}

div.theme {
  background-color: #EDEBF1;
  margin: 0 0 10px 0;
  padding: 2px 4px 2px 4px; 
  border: 1px solid #CCCCCC;
}

div.csc-abstract {
  padding: 6px 0 6px 20px;
  font-size: 0.9em;
  font-variant: small-caps;
}

div.author {
  padding: 4px 0 4px 20px;
  margin-bottom: 4px;
  font-size: 0.9em;
  font-style: italic;
}

div.title {
  font-size: 0.95em;
  font-weight: bold;
}

p.author {
  padding: 5px 0 0 15px;
  font-style: italic;
}

/* ### links ### */
a, a:hover, a:visited, a:active {
  color: #10007b;
  text-decoration: underline;
}

#nav a {
  color: #000;
}

#mainnav a, #mainnav a:visited {
  padding: 0 5px 0 10px;
  background: url(../images/icons/link.gif) no-repeat left;
  text-decoration: none;
  color: #000;
}

#mainnav a.navi-active, #mainnav a.navi-active, #mainnav a.navi-active:visited {
  padding: 0 5px 0 10px;
  background: url(/fileadmin/images/layout/active.gif) no-repeat left;
  text-decoration: none;
}

#mainnav a:hover {
  padding: 0 5px 0 10px;
  /* background: url(/fileadmin/images/layout/mainhover.gif) no-repeat left; */
  text-decoration: underline;
}

a:hover{
  text-decoration: underline;
}

#subnavigation a,  #subnavigation a:visited, #rootline ul li a, #rootline ul li a:visited, #druckversion a, #druckversion a:visited {
  color: #000;
}

a.internal-link {
  padding: 0px 0px 0px 12px;
  background: transparent url(/fileadmin/styles/icons/internal_link.gif) no-repeat top left;
}

a.external-link-new-window {
  padding: 1px 0px 1px 15px;
  background: transparent url(/fileadmin/styles/icons/external_link_new_window.gif) no-repeat center left;
}

a.mail, a.mailto {
  padding: 3px 0px 1px 22px;
  background: transparent url(/fileadmin/styles/icons/mail.gif) no-repeat center left;
}

a.download {
  padding: 1px 0px 1px 15px;
  background: transparent url(/fileadmin/styles/icons/download.gif) no-repeat center left;
}


/* ### forms ### */
form .form_line{
  margin:0;
  padding: 5px 0 5px 0;
}

form .form_line label {
  float:        left;
  width:        200px;
  margin-right: .3em;
  margin-left: 0;
  margin-bottom:5px;
}

/* ### css styled content angepasst ### */

/*
 * html elements
 */

img {
  border: 0;
}

h1, h2, h3, h4, h5, p, td, ul, ol, input, textarea, select { 
  font-family: Georgia, Verdana, Arial, sans-serif;
  font-size: 0.95em;
  color: #000;
}

pre { 
  font-family: monospace;
}

a, a:visited, a:hover, a:active {
  color: #10007b;
}

form {
  margin: 0px 0px 0px 0px;
}

p.align-center {
  font-size   : 1.0em;
  text-align  : center;
  line-height : 1.4em;
}

p, pre { 
  margin: 0px 0px 0px 0px;
}

p, td, ul, ol {
  font-size: 1.00em;
}

input, textarea, select {
  padding-left: 5px;
	font-size: 11px;
}

/*
 * Frames, spacing, link-to-top
 */

p.csc-linkToTop { text-align: right; }
p.csc-linkToTop A { font-weight: bold; }

div.csc-frame { border: 0px; }
div.csc-frame-invisible {}
div.csc-frame-rulerBefore { border-top: 1px solid #CCCCCC; }
div.csc-frame-rulerAfter { border-bottom: 1px solid #CCCCCC; }
div.csc-frame-indent { padding-left: 100px; }
div.csc-frame-indent3366 { padding-left: 33%; }
div.csc-frame-indent6633 { padding-right: 33%; }
div.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #CCCCCC; }

p.csc-frame-frame1 {
  background-color: #EDEBF1;
	margin: 5px 0;
	padding: 2px 4px 2px 4px;
	border: 1px solid #CCCCCC;
}

div.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #CCCCCC; }
p.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #CCCCCC; }

div.csc-frame-frame1 h1, div.csc-frame-frame1 h2, DIV.csc-frame-frame1 h3, DIV.csc-frame-frame1 h4, DIV.csc-frame-frame1 h5 { margin-top: 2px; }
div.csc-frame-frame2 h1, div.csc-frame-frame2 h2, DIV.csc-frame-frame2 h3, DIV.csc-frame-frame2 h4, DIV.csc-frame-frame2 h5 { margin-top: 2px; }
				
/******************/
/* headers, plain */
/******************/
h1 { font-size: 20pt; color: #000; }
h2 { font-size: 18px; color: #000; }
h3 { font-size: 16px; color: #000; }
h4 { font-size: 14px; color: #000; }
h1, h2{                 
  margin: 3px 0 0 0;
  border: 1px solid #ccc;
  border-width: 0 0 1px 0;
  padding: 6px 4px 6px 0;
  font-size:0.95em; 
}

h3, h4, h5, h6  {
  margin: 3px 0 5px 0;
  padding: 4px 4px 4px 8px;
  font-size:0.90em; 
}

#right h1, #right h2, #right h3, #right h4, #right h5, #right h6 {                 
  margin: 0;
  border: none;
  padding:6px 0 4px 0;
  font-size:0.95em; 
  color: #E6B800;
}

h1.csc-firstheader, h2.csc-firstheader, h3.csc-firstheader, h4.csc-firstheader, h5.csc-firstheader, h6.csc-firstheader {
  margin-top: 10px;
}

/* headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a {
  color: #000;
  text-decoration: underline;
}

h2 a { color: #186900; }
h3 a { color: #10007B; }
h4 a { color: #8A0020; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
  text-decoration: underline;
}

/* header date */
p.csc-header-date { font-size: 10px; color: #186900; }


/* Subheader, general */
p.csc-subheader { font-style: italic; background-color: #EDEBF1; }

/* Subheader, specific */
p.csc-subheader-0 { font-style: normal; }
p.csc-subheader-1 { color: #186900; }
p.csc-subheader-2 { color: #10007B; }
p.csc-subheader-3 { color: #8A0020; }



/*******************/
/* RTE / Bodytext: */
/*******************/
p.bodytext {                 
  margin: 2px 0;
  line-height : 1.30em;
  margin: 1px 5px 1px 0;
  padding: 5px 0;
  /* text-indent : 15px; */
  font-size: 1.00em;
}

#right p.bodytext {                 
	line-height : 140%;
	text-indent : 5px;
        font-size: 0.8em;
}

/* RTE / Bulletlists */
ul { margin-top: 0px;  }
ul ul li { font-size: 1.0em; }
ol { margin-top: 0px; }
li { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }

/* RTE / Table styling */
table.contenttable { border: 1px #CCCCCC solid; margin: 10px 0px 10px 0px; width: 100%; }
table.contenttable tr td { padding: 0px 3px 0px 3px; }
table.contenttable tr td p.bodytext { font-size: 10px; }
table.contenttable tr { background-color: transparent; }



/**********/
/* Images */
/**********/

/* Images / Captions */
p.csc-caption { font-size: 10px; font-style: italic; }

/* Images / Tables / Floating text */
table.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of hx elements should be transferred to the wrapping table instead. This is done here: */
table.imgtext-nowrap { border: 0px; }
table.imgtext-nowrap h1, table.imgtext-nowrap h2, table.imgtext-nowrap h3, table.imgtext-nowrap h4, table.imgtext-nowrap h5 { margin-top: 0px; }



/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
ul.csc-bulletlist li { font-size: 11px; }

/* Bulletlists, specifically */
ul.csc-bulletlist-0 { color: #000; list-style-image: url(../images/icons/subnavi2_act.gif); }
ul.csc-bulletlist-1 { color: #000; list-style-image: url(../images/icons/sitemap4.gif);  margin:0 0 0 10px; padding:0 0 0 10px; }
ul.csc-bulletlist-2 { color: #000; list-style-image: url(../images/icons/sitemap3.gif); }
ul.csc-bulletlist-3 { color: #000; list-style-image: url(../images/icons/sitemap2.gif); }



/*********************/
/* Tables, generally */
/*********************/
table.contenttable p { font-size: 11px; }
table.contenttable tr td { vertical-align: top; }

/* Tables, specifically */
table.contenttable-0 p { color: #000000; }

table.contenttable-1 p { color: #186900; }
table.contenttable-1 tr.tr-0 td p { font-weight: bold; }
table.contenttable-1 tr.tr-0 td { background-color: transparent;}
 
table.contenttable-2 p { color: #10007B; }
table.contenttable-2 tr td.td-0 { background-color: transparent;}
table.contenttable-2 tr td.td-0 p { font-weight: bold; }

table.contenttable-3 p { color: #8A0020; }
table.contenttable-3 tr td.td-0, table.contenttable-3 tr.tr-0 td { background-color: transparent;}
table.contenttable-3 tr td.td-0 p, table.contenttable-3 tr.tr-0 td p { font-weight: bold; }






/************************/
/* Filelinks, generally */
/************************/

table.csc-uploads { border: 0px; }
table.csc-uploads tr td p { background-color : transparent; font-size: 12px; }
table.csc-uploads tr td { vertical-align : top; }
table.csc-uploads tr.tr-even { background-color: transparent; }
table.csc-uploads tr.tr-odd { background-color: transparent; }
table.csc-uploads tr td.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
table.csc-uploads tr td.csc-uploads-fileName { width: 80%; padding-left: 5px; }
table.csc-uploads tr td.csc-uploads-fileName p A { font-weight: bold; }
table.csc-uploads tr td.csc-uploads-fileName p.csc-uploads-description { font-style: italic; }
table.csc-uploads tr td.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
table.csc-uploads-1 { border-color: #CCCCCC; }

table.csc-uploads-2 { border-color: #CCCCCC; }

table.csc-uploads-3 { border-color: #CCCCCC; }
table.csc-uploads-3 tr td { vertical-align: middle; }
table.csc-uploads-3 tr.tr-even td.csc-uploads-icon img { border: 2px solid #CCCCCC; }
table.csc-uploads-3 tr.tr-odd td.csc-uploads-icon img { border: 2px solid #CCCCCC; }
				


/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */
FORM table tr td {
 padding: 0 5px;
}

FORM table tr td.csc-form-labelcell, FORM table tr td.csc-form-commentcell { background-color: transparent; }
FORM table tr td.csc-form-fieldcell { background-color: transparent; }
FORM table tr td.csc-form-fieldcell INpUT, FORM table tr td.csc-form-fieldcell SELECT, FORM table tr td.csc-form-fieldcell TEXTAREA { border: 1px solid #CCCCCC; }
FORM table tr td.csc-form-labelcell p.csc-form-label-req { font-weight: bold; }

/* Email form, specifically */
FORM table.csc-mailform tr td.csc-form-labelcell  { }

/* Search form, specifically */
FORM table.csc-searchform { width: 100%; }
FORM table.csc-searchform tr td { padding: 5px 5px 5px 5px; }
FORM table.csc-searchform tr td.csc-form-labelcell, FORM table.csc-searchform tr td.csc-form-commentcell { font-weight: bold; }
FORM table.csc-searchform tr td.csc-form-fieldcell INpUT, FORM table.csc-searchform tr td.csc-form-fieldcell SELECT { width: 100%; }

/* Login form, specifically */
FORM table.csc-loginform { width: 70%; }


/*****************/
/* Search result */
/*****************/

/* Search Result, result information box: */
table.csc-searchResultInfo { margin-left: 0px; margin-top: 10px; width: 100%;}
table.csc-searchResultInfo tr { background-color: transparent; }
table.csc-searchResultInfo tr td p { padding: 0px 5px 0px 5px;}
table.csc-searchResultInfo tr td.csc-searchResultRange p { font-weight: bold; }
table.csc-searchResultInfo tr td.csc-searchResultprevNext { text-align: right; }

/* Search Result, header + abstract: */
h3.csc-searchResultheader a { color: #E6B800; text-decoration: underline; }
h3.csc-searchResultheader { background-color: transparent; font-size: 14px; padding-left: 5px; }
p.csc-searchResult { font-style: italic; margin-left: 20px;}

/* Search word markup */
span.csc-sword { background-color: yellow; }


/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
div.csc-menu { margin-left: 10px; }
div.csc-menu p { font-size: 11px; font-weight: normal; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px;  }
div.csc-menu p a { color:#E6B800; text-decoration: none; }
div.csc-menu p a:hover { color:#E6B800; text-decoration: none; }
div.csc-menu p.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Menu of these pages" */
div.csc-menu-def p {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
div.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
div.csc-menu-2 { }
div.csc-menu-2 p.csc-sitemap { }
div.csc-menu-2 p.csc-sitemap-level1 {background: #fff; }
div.csc-menu-2 p.csc-sitemap-level2 { background: #fff; }
div.csc-menu-2 p.csc-sitemap-level3 { background: #fff; }
div.csc-menu-2 p.csc-sitemap-level4 { background: #fff; }
div.csc-menu-2 p.csc-sitemap-level1 A { 
                background : #fff url(../images/icons/sitemap1.gif);background-repeat : no-repeat;
                font-weight:bold;
                margin: 0 0 0 0;
                padding: 0 0 5px 18px;
}
div.csc-menu-2 p.csc-sitemap-level1 a:hover {background : #fff url(../images/icons/sitemap1_act.gif);background-repeat : no-repeat; }
div.csc-menu-2 p.csc-sitemap-level2 a { 
	margin: 0 0 0 20px;
                padding: 0 0 4px 18px;
                background : #fff url(../images/icons/sitemap2.gif);background-repeat : no-repeat;
                display:block;
}
div.csc-menu-2 p.csc-sitemap-level2 A:hover {background : #fff url(../images/icons/sitemap2_act.gif);background-repeat : no-repeat; }
div.csc-menu-2 p.csc-sitemap-level3 A { 
	margin: 0 0 0 40px;
                padding: 0 0 3px 12px;
                background: #fff url(../images/icons/sitemap3.gif);background-repeat : no-repeat;	
                font-size:11px;
                line-height:110%;
}

div.csc-menu-2 p.csc-sitemap-level3 A:hover {background: #fff url(../images/icons/sitemap3_act.gif);background-repeat : no-repeat; }
div.csc-menu-2 p.csc-sitemap-level4 A { 
	margin: 0 0 0 60px;
                padding: 0 0 2px 10px;
                background: #fff url(../images/icons/sitemap4.gif);background-repeat : no-repeat;
                font-size:10px;
                line-height:100%;
}
div.csc-menu-2 p.csc-sitemap-level4 A:hover { background: #fff url(../images/icons/sitemap4_act.gif);background-repeat : no-repeat; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
div.csc-menu-3 { }
div.csc-menu-3 p.csc-section { margin-left: 0px; }
div.csc-menu-3 p.csc-section A { color: #186900; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
div.csc-menu-4 { }
div.csc-menu-4 p { margin-top: 2px; }
div.csc-menu-4 p.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px;  }

/* Menu / Sitemap, "Recently updated pages" */
div.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
div.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
div.csc-menu-7 { }
div.csc-menu-7 p { font-weight: bold; }
div.csc-menu-7 p.csc-section A { color: #186900; }



/****************************************/
/* Frontend editing / TYPO3 Admin panel */
/****************************************/
img.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* Default styles for the Admin panel */
table.typo3-adminpanel { border: 1px solid black; background-color: #F6F2E6; }
table.typo3-adminpanel tr.typo3-adminpanel-hRow td { background-color: #9BA1A8; }
table.typo3-adminpanel tr.typo3-adminpanel-itemhRow td { background-color: #ABBBB4; }
table.typo3-adminpanel table, table.typo3-adminpanel td { border: 0px; }
table.typo3-adminpanel td font { font-family: verdana; font-size: 10px; color: black; }
table.typo3-adminpanel td A font { font-family: verdana; font-size: 10px; color: black; }			
table.typo3-editpanel { border: 1px solid black; background-color: #F6F2E6; }
table.typo3-editpanel td { border: 0px; }


/*************/
/* Debugging */
/*************/
/*
h1, h2, h3, h4, h5, p, ul, ol, li, blockquote, pre { border: 1px dotted #CCCCCC;}
td table { border: 1px dotted #CCCCCC;}
div { border: 1px dotted #CCCCCC;}
img.spacer-gif { border: 1px solid #CCCCCC; }
*/