/**********************************************************************/
/** Main Layout Stylesheet                                           **/
/**                                                                  **/
/** @package        HTWG Konstanz                                    **/
/** @subpackage     Typo3 Frontend Templates                         **/
/** @author         Thomas Prangenberg, ONM <tpb@onm.de>             **/
/** @since          Pre-Release ( 03.2009 )                          **/
/**                                                                  **/
/**********************************************************************/


html {

height: 100%; margin-bottom: 1px; overflow-y: scroll;

}

body {
    background: #36a7ea;
	behavior:url(/fileadmin/templates/default/js/csshover.htc);
	z-index: 1;
}


/**********************************************************************/
/** Container Layout                                                 **/
/** +------------------------------------+                           **/
/** |          #dashboard                |                           **/
/** +------------------------------------+                           **/
/** |  +----------------------------+    |                           **/
/** |  |         #main              |    |                           **/
/** |  | +------------------------+ |    |                           **/
/** |  | +      #header           + |    |                           **/
/** |  | +------------------------+ |    |                           **/
/** |  | +  1 |     2        | 3  + |    |   1: #left                **/
/** |  | +    |              |    + |    |   2: #content             **/
/** |  | +    |              |    + |    |   3: #sidebar             **/
/** |  | +------------------------+ |    |                           **/
/** |  + +      #footer           + +    |                           **/
/** |  + +------------------------+ +    |                           **/
/** |  +----------------------------+    |                           **/
/** +------------------------------------+                           **/
/**********************************************************************/

/**********************************************************************/
/** Layout classes                                                   **/
.clear {
    clear: both;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}

.centered {
    width: 960px;
    margin: 0 auto;
}

.content-element {
    background: #36a7ea; 
    padding: 15px;
    margin: 0 0 15px 0;
}
.content-element .content-element {
    padding:0;
}
.content-element .contenttable{
max-width:430px;
}

.hidden {
    display: none;
}

#overlay_darken {
    background: #000000;
    height: 1px;
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

h2.title {
    font-size: 2.5em;
    background: #FFFFFF;
    padding:15px 15px 15px 15px;
    font-weight: bold;
    margin:0 0 0 195px;
    color: #b5d334;
    width: 670px;
}
h3.subtitle {
    font-size: 1.25em;
    background: #FFFFFF;
    padding: 0 15px 15px 15px;
    margin-left: 195px;
    width: 670px;
}

#main h2.title a{
    color: #b5d334;
}

/** Reset Content in Sidbar **/
ul li {
    padding: 4px 0 4px 0;
    border-bottom: 1px #FFFFFF solid;
    background: none;
}

ul li.last {
    border-bottom: none;
}

#left h2,
#sidebar h2 {
    font-size: 1em;
}

#left .content-element .bodytext a{
text-decoration: underline;
}

/**********************************************************************/
/** Dashboard                                                        **/
#dashboard {
    background: #224565;  /** produktiv system  **/
/**    background: red; **/
    padding: 7px 0 7px 25px;
	position: relative;
	z-index: 2;
}

#dashboard a{
    color: #FFFFFF;
}

#dashboard #topnav{
    float: left;
    width: 680px;
	position: relative;
	z-index: 3;
}

#dashboard #topnav a{
    font-weight: bold;
}

#dashboard .horizontal-linklist {
    padding: 5px 0;
    margin-bottom: 0;
	position: relative;
}

#dashboard .horizontal-linklist li{
    float: left;
    padding: 5px 3px;
    border-left: 1px #91a2b2 solid;
    border-bottom: 0;
    position: relative;
    font-size: 10.5px;
}

#dashboard .horizontal-linklist li a.arrowdown{
    background: url(../img/arrow_down.gif) no-repeat right; 
    padding-right: 10px;
}

#dashboard .horizontal-linklist li.first{
    border-left: 0;
}

#dashboard #topnav ul {
    display: none;
    position: absolute;
    top: 16px;
    left: 0;
    width: 280px;
    padding: 1.8em 0 0 0;
    z-index: 4;
	background: url(../img/clear.gif);
}

#dashboard #topnav li.dashboard_level1 ul {
    display: block;
}

#dashboard #topnav li.dashboard_level1 a:focus{
    color: #7f93a6;
    text-decoration: none;
}

#dashboard #topnav li.dashboard_level1 ul li a:focus{
    color: #FFFFFF;
}

#dashboard #topnav ul li {
    font-weight: normal;
    margin: 0;
    padding: 0;
    border-left: none;
    display: block;
    float: none;
}

#dashboard #topnav ul li a {
    font-weight: normal;
    background: #2675a3;
    display: block;
    margin: 0;
    padding: 5px;
}

#dashboard #topnav ul li a:hover,  #dashboard #topnav ul li a:focus{
    background: #b5d334;
    text-decoration: none;
}

#dashboard #topnav li:hover ul {
    display: block; 
}

#dashboard #search {
    width: 100px;
    float: left;
    padding: 5px;
    border-left: 1px #91a2b2 solid;
    border-right: 1px #91a2b2 solid;
    position: relative;
    height: 20px;
}

#dashboard #search input {
    background: #346a9d;
    border: 0;
    color: #FFFFFF;
}

#dashboard #search .text {
    width: 75px;
    padding: 2px;
    position: absolute;
    top: 5px;
    left: 5px;
}

#dashboard #search #suchbutton {
    position: absolute;
    top: 5px;
    right: 5px;
}

#dashboard #shortcuts {
    float: left;
    width: 150px;
}

/**********************************************************************/
/** Main Container, zentriert                                        **/
#main {
    margin-top: 16px;
    margin-bottom: 16px;
    min-height: 400px;
    border: 15px #FFFFFF solid;
    background-color: #36a7ea;
    background-repeat: repeat-y;
    background-position: top left;
    padding: 15px;
    width: 895px;
}

#main a {
    color: #FFFFFF;
}

.treelevel0 {
    background-image: url(../img/bg_level1.jpg);
}

.treelevel1 {
    background-image: url(../img/bg_level2.jpg);
}

.treelevel2 {
    background-image: url(../img/bg_level3.jpg);
}

.treelevel3 {
    background-image: url(../img/bg_level4.jpg);
}

.treelevel4,
.treelevel_deep
{
    background-image: url(../img/bg_level5.jpg);
}


/**********************************************************************/
/** Headline �ber der Seite, enth�lt Logo und Seitentitel            **/
#headline {
    margin: 0 0 15px 0;
}

#headline #logo{
    float: left;
    width: 172px;
    height: 46px;
    display: block;
}

#headline h1{
    width: 650px;
    margin: 0 0 0 37px;
    color: #FFFFFF;
    float: left;
}

/**********************************************************************/
/** Header Bereich - H�he ist variabel je Navigationsebene           **/
#header {
    background: #FFFFFF;
    position: relative;
    height: auto;
    margin: 0 0 15px 0;
    z-index: 1;
}

#header #quote {
    position: absolute;
    top: -150px;
    right: 15px;
}

#header #quote .content-element {
    max-width: 335px;
    min-width: 200px;
    padding: 15px;
    height: auto;
/*    background: #36a7ea; */
    background: none;
    color: #FFFFFF;
}

#header #quote blockquote{
    font-size: 20px;
    padding: 0 0 15px 0;
    line-height: 1.3em;
    margin-bottom: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background: none;
}

#header #quote p{
    margin-bottom: 0;
}

/**********************************************************************/
/** Linke Spalte                                                     **/
#left {
    width: 180px;
    padding: 0 15px 0 0;
    min-height: 300px;
    float: left;
    color: #FFFFFF;
}

#left .content-element {
    padding-bottom: 1px;
}

/* clear paddings and margins */
#subnav,
#subnav ul,
#subnav li {
    padding: 0;
    margin: 0;
}

/* border between list items */
#subnav li,
#subnav ul li.sel > a{
    border-bottom: 1px #FFF solid;
}

#subnav ul {
	margin-bottom: 0px;
}

#subnav li a {
    padding: 8px 10px;
    display: block;
    border-left: 5px #b5d334 solid;
}

/* background for hover-, focus- and selected-items */
#subnav li a:hover,
#subnav li a:focus,
#subnav li.selected > a
{
    text-decoration: none;
    background: #b5d334;
}

#subnav li.sel ul li {
    background: none;
}

#subnav li.sel ul li.last {
    border-bottom: none;
}

/* left margin within the ul box */
#subnav ul li li {
    margin-left: 8px;
}

/**********************************************************************/
/** mittlere Spalte                                                  **/
#content {
    width: 470px;
    float: left;
    color: #FFFFFF;
    overflow-x: hidden;
}

#content .content-element {
    margin: 0 15px 15px 0 ;
    background: #FFFFFF;
    line-height: 1.6em;
    color: #5f5f5f;
}

#content .content-element a {
    color: #36a7ea;
}

/**********************************************************************/
/** rechte Spalte (Sidebar)                                          **/
#sidebar {
    width: 230px;
    float: left;
    color: #FFFFFF;
}

#sidebar .content-element {
    padding-bottom: 1px;
}
#sidebar .content-element a{
	text-decoration: underline;
}
/**********************************************************************/
/** Footer (clear der 3 Contentspalten)                              **/
#footer {
    clear: both;
    color: #FFFFFF;
    padding: 15px 0 0 195px;
}

#footer p{
    margin: 0;
    padding: 0;
}

#footer ul {
    float: right;
}

/**********************************************************************/
/** verschiedene Content Elemente                                    **/
#schnellzugriff {
    width: 100%;
    background: #009ee0;
    border: 1px #2c89bf solid;
    margin-top: 10px;
    color: #FFFFFF;
}

#left li, #sidebar li {
    border-bottom: 1px #FFFFFF solid;
}
#sidebar li{
    background:transparent url(../img/arrow_white.gif) no-repeat scroll left top;
    	margin: 0 15px 0 15px;
	padding:4px 0;
	line-height:1.6em;
}

#left li:last-child, #sidebar li:last-child {
    border-bottom: 0;
}

/**********************************************************************/
/** Related Content unter Seiteninhalt                               **/
#related_content {
    clear: both;
}

#main #content #related_content .content-element{
        background:transparent;
	margin: 0 0 15px 0;
	padding: 0;
	color: #FFFFFF;
}

#main #content #related_content .content-element a{
	color: #FFFFFF;
        text-decoration:underline;
}


#content #related_content ul li {
    width: 220px;
    border-bottom: 1px #FFFFFF solid;
    float: left;
	margin: 0 15px 0 0;
    padding:4px 0;
}

#related_content ul li.last {
    border-bottom: 0;
}


.csc-mailform { border: none; }
.csc-mailform input,  .csc-mailform textarea {
    font-size:11px;color:#5F5F5F; padding: 3px; border:1px solid #CCC;
    width: 240px;
}
.csc-mailform-field label { width: 100px; display:block; float: left; font-size:11px;  }
.csc-mailform-field { padding-bottom: 10px; }

/* begin kmauz mail form hack for radiobuttons 18.09.2015 20150918 */
.csc-mailform-radio label { position: relative; top: -17px; width: 120px; display:inline; float: right; font-size:11px; }
.csc-mailform-radio input {
    font-size:11px;color:#5F5F5F; padding: 3px; border:1px solid #CCC;
    width: 120px;
}
.csc-mailform-radio fieldset { width: 240px; display: block; }
/* end kmauz mail form hack for radiobuttons */


.csc-textpic-imagewrap table {
	border: none;
}
.csc-textpic-imagewrap td {
	border: none;
}


#content .first-element .ohne-oberen-rand .content-element {
	margin:0 15px 0 0;
}
.vcard{ margin: 16px 0 16px 0;}
#calendar-nav,#month-header-icons{display: none;}
.csc-mailform-submit{
margin:0 0 0 100px;
width:269px;
background: #fff;
color:#36A7EA;
}
.csc-mailform textarea {
width:240px;
}


h1.csc-firstHeader {
font-size: 1.0em;
margin: 0 0 15px;
/*font-weight: bold;*/
}

#content h1.csc-firstHeader {
font-size: 1.3em;
font-weight: bold;
}