/*
** Achse der Logik style sheet (www.achse-der-logik.de)
**
** Teil I:  Allgemeine Styles
** Teil II: Typo3-spezifische Styles
**
** [Die Styles für die News-Extension (tt_news) befinden sich in styles_news.css]
** [Die Styles für den RichTextEditor (HtmlArea) befinden sich in styles_editor.css]
**
*/

/* ********************************************* */
/* Teil I:  Allgemeine Styles */
/* ********************************************* */
/* Grundlegende Seitenelemente */
/* ********************************************* */
body {
 margin:10px 0px 10px 0px;
 padding:0px;
 line-height:1.4em;
 text-align:center;
 background-color: #ffffff;
 }

body, p, a, h1, h2, h3, h4, h5, h6 {
 font-family: Arial, Helvetica, sans-serif;
 }

#page {
 width: 760px;
 min-height:1600px;
 margin: auto; /* WICHTIG damit auch Firefox den page-Bereich zentriert! */
 text-align: left;
 padding-left:10px;
 padding-right:10px;
 background-color: #ffffff;
}

div.header {
 display: block;
 width: 760px;
 height: 70px;
 vertical-align: top;
 text-align: right;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.achse-der-logik.de/fileadmin/templates/achse-der-logik/img/achse-der-logik.png');
 background: url(http://www.achse-der-logik.de/fileadmin/templates/achse-der-logik/img/achse-der-logik.gif) no-repeat;
}

div.contentarea {
 font-size: 100%; /* wichtig, dass hier 100% steht und nirgends x-small etc. verwendet wird, weil IE und Firefox das unterschiedlich interpretieren */
 text-align:left;
 vertical-align:top;
 padding-top:6px;
 min-height:400px;
}


/* Absatzformate */
/* ********************************************* */
/* Haupttitel */
h1 {
 font-size: 100%;
 margin: 0 0 10px 0;
}

/* Untertitel */
h2 {
 font-size: 80%;
 margin:10px 0 6px 0;
 }

/* Autorenzeile */
h3 {
 font-size: 80%;
 font-style: italic;
 font-weight: normal;
 margin: 6px 0 4px 0;
 }

/* Zwischentitel */
h4 {
 font-size: 80%;
 font-weight:bold;
 }

p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 text-align: left;
 margin-bottom:0.5em;
 line-height: 1.4em;
}

li {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 line-height:1.3em;
 margin-bottom:0.5em;
}

a:link,a:visited {
 color:#000000;
 padding: 0 0 0 0;
}
a:hover {
 color: #cc3300;
 text-decoration:underline;
 padding: 0 0 0 0;
}

label {
 font-size: 80%;
 }

.interview_frage {
 font-style:italic;
 padding-top:10px;
 padding-bottom:0px;
}

.quelle {
 font-style:italic;
}

.fussnote {
 font-size:70%;
 margin-bottom:0.2em;
 line-height: 1.4em;
}

.zitat {
 font-style:italic;
 padding-left:20px;
 padding-right:20px;
}

.kasten-rechts {
 width: 250px;
 float: right;
 border: 2px solid #d9d9d8;
 padding: 10px 10px 10px 10px; /* oben links unten rechts */
 margin-top: 20px;
 margin-left: 20px;
 margin-bottom: 20px;
 background-color: #f7f3ef;
}

.kasten-gesamt {
 border: 1px solid #d9d9d8;
 background-color: #f7f3ef;
 padding: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}


.tabellenrahmen {
 border: 1px solid #d9d9d8;
 background-color: #f7f3ef;
}



/* Seitenbereich Top */
/* ********************************************* */

td.top_center {
 background: url(achse-der-logik.png) no-repeat;
 width:620px;
 vertical-align:bottom;
 text-align:center;
 padding: 0 0 0px 0;
 margin: 0 0 0px 0;
 }


/* Seitenbereich Hauptmenue & Schnellsuche */
/* ********************************************* */
.main_menu {
 position:relative; 
 top:50px; /* Abstand von oben */
 left:220px; /* Abstand von links */
 text-align:left;
 width:100%;
 vertical-align:top;
 padding:0 0 0 0;
 margin:0 0 0 0;
 }

.main_menu_entry a {
 font-family: Arial, Helvetica, sans-serif;
 color:#666666;
 font-size:14px;
 font-weight:bold;
 text-align: left;
 margin: 0px 20px 0px 0px;
}
.main_menu_entry a:link { text-decoration:none; color:#666666; background-color: transparent;}
.main_menu_entry a:visited { text-decoration:none; color:#666666; background-color: transparent;}
.main_menu_entry a:hover { text-decoration:underline; color: #cc3300; background-color: transparent;}
.main_menu_entry a:active { text-decoration:none; color:#666666;}

.main_menu_entry_act a {
 font-family: Arial, Helvetica, sans-serif;
 color:#cc3300;
 font-size:14px;
 font-weight:bold;
 text-decoration:underline;
 text-align: left;
 margin: 0px 20px 0px 0px;
}
.main_menu_entry_act a:link { text-decoration:underline; color:#cc3300; background-color: transparent;}
.main_menu_entry_act a:visited { text-decoration:underline; color:#cc3300; background-color: transparent;}
.main_menu_entry_act a:hover { text-decoration:underline; color: #cc3300; background-color: transparent;}
.main_menu_entry_act a:active { text-decoration:underline;color:#cc3300;}


 


/* Seitenbereich Main (Inhalt) */
/* ********************************************* */
td.content {
 width:760px;
 vertical-align:top;
 padding: 30px 0px 10px 0px;
}

td.content_center {
 width: 550px;
 padding: 0 20px 0 0;
 vertical-align:top;
 }

td.content_right {
 width: 200px;
 padding: 0 0 0 0;
 margin-left: 10px;
 vertical-align:top;
 }

/* Kasten (=frame1) in der rechten Spalte */
.content_right div.csc-frame.csc-frame-frame1 {
 background-color: #ffffff;
 font-size:90%;
 padding:0px;
 margin:0 0 10px 0;
 border: 1px solid #dedede;
}

.content_right div.csc-frame.csc-frame-frame1 div.csc-header h1 {
 font-size:12px;
 text-align:center;
 color:#ffffff;
 margin:0px;
 padding: 2px 2px 1px 2px;
 background-color: #cc3300;
 border-bottom: 5px solid #33cc00;
}

.content_right div.csc-frame p {
 padding:0px 10px 4px 10px;
}

.content_right div.csc-frame li {
 font-size:80%;
}

.content_right div.csc-frame li dd {
 font-size:110%;
 font-weight: bold;
}

/* [Ende] Kasten (=frame1) */


/* Seitenbereich Fusszeile */
/* ********************************************* */
td.footer_left {
 font-size: 70%;
 width:140px;
 text-align:left;
 vertical-align:top;
 margin-top:20px;
 padding: 4px 0 3px 10px;
 border-top: 0px solid #676767;
 }
.footer_left a:link { text-decoration:none; color:black; background-color: transparent;}
.footer_left a:visited { text-decoration:none; color:black; background-color: transparent;}
.footer_left a:hover { text-decoration:underline; color:#cc3300; background-color: transparent;}
.footer_left a:active { text-decoration:none; }
 
td.footer_center {
 font-size: 70%;
 width:100%;
 text-align:center;
 vertical-align:top;
 margin-top:20px;
 padding: 4px 10px 3px 10px;
 border-top: 0px solid #676767;
 }
.footer_center a:link { text-decoration:none; color:black; background-color: transparent;}
.footer_center a:visited { text-decoration:none; color:black; background-color: transparent;}
.footer_center a:hover { text-decoration:underline; color:#cc3300; background-color: transparent;}
.footer_center a:active { text-decoration:none; }

td.footer_right {
 font-size: 70%;
 width:140px;
 text-align:right;
 vertical-align:top;
 margin-top:20px;
 padding: 4px 10px 3px 0;
 border-top: 0px solid #676767;
 }
.footer_right a:link { text-decoration:none; color:black; background-color: transparent;}
.footer_right a:visited { text-decoration:none; color:black; background-color: transparent;}
.footer_right a:hover { text-decoration:underline; color:#cc3300; background-color: transparent;}
.footer_right a:active { text-decoration:none; }
 


/* Druckversion */
/* ********************************************* */
div.printversion {
 text-align:right;
 font-size:x-small;
 }
div.printversion a:link { text-decoration:none; color:black; background-color: transparent;}
div.printversion a:visited { text-decoration:none; color:black; background-color: transparent;}
div.printversion a:hover { text-decoration:underline; color:#cc3300; background-color: transparent;}
div.printversion a:active { text-decoration:none; }


/* Sonstige Formate */
/* ********************************************* */
div.endnotes p {
text-align: left;
}




/* ********************************************* */
/* Teil II: Typo3-spezifische Styles */
/* ********************************************* */

/* Rahmen und Trennlinien */
/* ********************************************* */
div.csc-frame.csc-frame-rulerBefore {
 border-bottom: 6px solid #d9d9d8;
 margin-top: 10px;
 margin-bottom: 6px;
}

div.csc-frame.csc-frame-rulerAfter {
 border-bottom: 2px solid #d9d9d8;
 margin-bottom: 6px;
}

div.csc-frame.csc-frame-frame1 {
 border: 2px solid #d9d9d8;
 padding: 6px 10px 20px 10px; /* oben links unten rechts */
 margin: 10px;
 background-color: #f7f3ef;
}

div.csc-frame.csc-frame-frame2 {
 width: 250px;
 float: right;
 border: 2px solid #d9d9d8;
 padding: 0px 10px 20px 10px; /* oben links unten rechts */
 margin-top: 20px;
 margin-left: 20px;
 margin-bottom: 20px;
 background-color: #f7f3ef;
}

/* Tabellen */
/* ********************************************* */
.contenttable {
 border: 2px solid #d9d9d8;
 background-color: #f7f3ef;
}

.contenttable td {
 padding: 4px;
}


/* Titel eines Seiteninhalts */
/* ********************************************* */
.csc-header.csc-header-n1 {
 margin:0px;
 padding:0px;
 }

.csc-firstHeader {
 margin:0px;
 padding:0px;
 }


/* Link "Nach oben" */
/* ********************************************* */
.csc-linkToTop {
 text-align:right;
 font-size:60%;
 font-weight:bold;
}

.csc-linkToTop a {
 background-color: #f7f3ef;
 border: 1px solid #d9d9d8;
 padding:2px 8px 2px 8px;
}

.csc-linkToTop a:link { text-decoration:none; color:black; }
.csc-linkToTop a:visited  { text-decoration:none; color:black; }
.csc-linkToTop a:hover { text-decoration:underline; color:#FF0000; }
.csc-linkToTop a:active { text-decoration:none;}


/* Bildelemente */
/* ********************************************* */
.imgtext-table img {
 border: 0px solid grey;
 }

.imgtext-table {
width: 100%;
text-align: center;
}

.csc-textpic-caption {
 font-size: 80%;
 margin-top: 6px;
 }


/* Sitemap/Menu */
/* ********************************************* */

.csc-menu.csc-menu-1 dt, .csc-menu.csc-menu-4 dt, .csc-menu.csc-menu-7 {
 font-size:80%;
 text-align: left;
 line-height: 1.4em;
 padding-left: 0px;
 padding-top: 0px;
 margin-bottom:0px;
 margin-top:12px;
 }

.csc-menu.csc-menu-4 a, .csc-menu.csc-menu-7 a {
 font-weight:bold;
 }
.csc-menu.csc-menu-1 a:link, .csc-menu.csc-menu-4 a:link, .csc-menu.csc-menu-7 a:link { text-decoration:none; color:black; background-color: transparent;}
.csc-menu.csc-menu-1 a:visited, .csc-menu.csc-menu-4 a:visited, .csc-menu.csc-menu-7 a:visited  { text-decoration:none; color:black; background-color: transparent;}
.csc-menu.csc-menu-1 a:hover, .csc-menu.csc-menu-4 a:hover, .csc-menu.csc-menu-7 a:hover { text-decoration:underline; color:#FF0000; background-color: transparent;}
.csc-menu.csc-menu-1 a:active, .csc-menu.csc-menu-4 a:active, .csc-menu.csc-menu-7 a:active { text-decoration:none;}


.csc-menu.csc-menu-1 a {
 font-weight:normal;
}

ul.csc-menu.csc-menu-1 {
list-style-type:none;
text-align: left;
margin-top:12px;
margin-left:0px;
margin-bottom:6px;
}

li.csc-menu.csc-menu-1 {
text-align: left;
padding-left:0px;
}

.csc-menu.csc-menu-4 dd {
font-size:80%;
text-align: left;
line-height: 1.4em;
padding-left:10px;
margin-top:0px;
margin-left:0px;
margin-bottom:10px;
}

.csc-section {
padding:0px;
margin-left:40px;
margin-top:0px;
margin-bottom:4px;
}



.csc-section a:link { font-weight:normal; text-decoration:none; color:black; background-color: transparent;}
.csc-section a:visited  { font-weight:normal; text-decoration:none; color:black; background-color: transparent;}
.csc-section a:hover { font-weight:normal; text-decoration:underline; color:#FF0000; background-color: transparent;}
.csc-section a:active { font-weight:normal; text-decoration:none;}



/* Indexed Search Extension */
/* ********************************************* */
.tx-indexedsearch-searchbox td { font-size:80%; padding-right:10px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px;}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:transparent; font-size:80%; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-percent { font-size:80%; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr { font-size:80%; font-style:italic; border-bottom: 2px solid #d9d9d8; padding-bottom:6px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:transparent; font-size:60%; display:none;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }

ul.browsebox {
 list-style: none;
 margin-bottom: 40px;


 padding: 0;
 border: none;
 }

.browsebox li {
 display: inline;
 padding: 0 6 0 6;
 }



/* Standard-Mailformulare */
/* ********************************************* */
.csc-mailform { 
 border: none;
 font-size:80%;
 }
 
.csc-mailform-field label, .csc-mailform-field input { 
 display:block; 
 }
 
.csc-mailform-field input, .csc-mailform-field textarea {
 margin-bottom:8px; 
 }


/* TMailForm Mailformulare */
/* ********************************************* */

.fehler {
 color: #ff0000;
 font-weight: bold;
 }

/* Control Panel für Frontend-Editing */
/* ********************************************* */
 .typo3-editPanel-controls {
 background-color:#ffffff;
 }
 


/* Flexible Content: Links */
/* ********************************************* */
.linktable {
width: 100%;
border-collapse: collapse;
}

.linkimg {
 width: 100px;
 vertical-align: top;
 padding: 20px 0px 20px 10px;
 border-bottom: 2px solid lightgray;
}

.linktext {
 vertical-align: top;
 padding: 20px 0px 20px 10px;
 border-bottom: 2px solid lightgray;
}

.linktext h1, .linktext h2, .linktext h3, .linktext p {
 margin: 0px;
}