/* 
 Frank Bongers / Andreas Stoeckl
 -----------------------------------------------
 Einstieg in TYPO3 4.3 :: Styles fuer Kapitel 10 
 -----------------------------------------------
 Galileo Press 2010
 ISBN 978-3-8362-1465-0
 */

body {
            font-size:90%;
            font-family:arial,helvetica,sans-serif;
            background-color:#494A47;
}

.versteckt {
            position:absolute; left:-10000px;
}

div#wrap {
            width:1200px;
            margin:3em auto;
            border:0px solid #EE8C25;
}

div#header {
            border-bottom:0px solid #EE8C25;
            
            background-color:white;
            height:233px;
            position:relative;
}

div#header_sub {
            border-bottom:0px solid #EE8C25;
            background-color:white;
            height:0px;
}
/*
div#header_sub  a {
            color:white;
}
*/
div.rootline {
            padding:5px; font-size:90%;
}

span.globals {
            position:absolute;
            bottom:0;
            right:0;
            border-top:0px solid #EE8C25;
            border-left:0px solid #EE8C25;
            background-color:#494A47;
            padding:0.5em;
            font-size:90%;
            color:white;
}

span.globals a {
            color:white;
}

span.language {
            float:left; 
            width:190px; 
            padding:5px 0 5px 15px;
            font-size:90%;
}

div#main_wrap {
            background-color: white;
            width:100%;
            clear:both;
}

div#navigation {
            clear:both; 
}

div.suchen {
            padding:5% 5%; 
/*            background: url(../img/suche_bg.gif);
*/            font-size:80%;
            font-weight:bold;
            border-bottom:1px solid #ddd;
            float:left;
            width:85%;
            margin-bottom:1em;
}

div.suchen form { 

}

div.suchen input {
            border:1px solid #aaa;
            float:left;
            margin-right:5px;
}

div.login {
            padding:5px; 
}

div.SocialMedia {
            padding:5% 5%; 
            font-size:90%;
            font-weight:bold;
            border-bottom:1px solid #ddd;
            float:left;
			width:85%;
            margin-bottom:1em;
}

div#nav_col {
            width:200px;
            float:left;
}

div#inhalt {
            padding:5px;
         
}

div#rechts {
            padding:5px;
            font-size:90%;
}

div#content_wrap {
            width:1000px;
            float:right;
}

div#content_col {
            width:790px;
            float:left;   
}

div#content_colr {
            float:right;
            width:200px;
}

div#footer {
            clear:both;
            padding:10px;
            border-top:1px solid #999;
            background-color:#DCDED9;
            font-size:90%;
}

div#footer  a {
            color:#494A47;
}   

div.copyright {
            float:left;
            width:30%;
}
div.toplink {
            float:right;
            width:15%;
            text-align:right;
}
div.loginbe {
	    float:right;
	    width:15%;
	    text-align:right;
}
div.bottomnavi {
            text-align:center;
}

div#inhalt  label {
            display:block; 
            padding-right:5px;
            width:200px;
            float:left;
            text-align:right;
            font-weight:bold;
}

/* --------------------
   Navigation Start 
   --------------------
 */

div#navigation ul {
            list-style-type:none;
            padding:0;
            margin:1em;
}

div#navigation ul ul {
            list-style-type:none;
            padding:0;
            margin:0 0 0.5em 1em;
}

div#navigation ul ul ul{
            list-style-type:none;
            padding:0;
            margin:0 0 0.5em 1em;
}

div#navigation ul ul ul ul{
            list-style-type:none;
            padding:0;
            margin:0 0 0.5em 1em;
}

ul.navi li {
            margin-bottom:0.2em;
}

ul.navi li a {
            display:block;
            padding:0.2em 0.2em;
            text-decoration:none;
            color:#666666;
            font-weight:bold;
            border:1px solid #ddd;
            background-color:#eee;
}

ul.navi li a:hover {
            background:#ddd;
            color:#494A47;
            border-color:#ccc;
}

ul.navi li a.active {
            background-color:#999;
            border-color:#999;
            color:#fff;
}

ul.subnavi li {
            list-style-type:none;
            margin: 0;
            padding:0;
            margin-bottom:0;
}            

ul.subnavi li a {
            font-size:90%;
            padding:0.2em 0.5em;
            text-decoration:none;
            color:#666666;
            font-weight:normal;
            background:white;
            border:0;
            border-left: 1px dotted #aaa;
            border-bottom: 1px dotted #aaa;
}

ul.subnavi li a:hover {
            text-decoration:underline;
            background:white;   
}

ul.subnavi li a.active {
            background-color:#F0F0F0;
            font-weight:bold;
            color:#555;
            border-color:#555;
}

/* --------------------
   Navigation Ende 
   --------------------
 */

/* --------------------
   Styles fuer Mailform 
   --------------------
 */

div#content form#mailform {

}

div#content fieldset.csc-mailform {
           border:1px solid #ccc;
           border-radius:5px;
           -moz-border-radius:5px;
           -webkit-border-radius:5px;
           padding:10px;
}

div#content div.csc-mailform-field {
           margin-top:0;
}

div#content div.csc-mailform-field + div.csc-mailform-field {
           margin-top:15px;
}

div#content div.csc-mailform-field label {
           display:block;
           width:90px;
           float:left;
}

div#content div.csc-mailform-field input {

}

div#content div.csc-mailform-field input[type="submit"] {

}