/*
Design by smileysoft // ACr AKi
http://www.crodel.de
All rights reserved
*/

/******* general ******/

* { padding: 0; margin: 0; } 
html { height: 101%; }       
body {
	background: #f4f4f4;
	color: #202020;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: normal;
}

h1 { font-size: 150%; }
h2 { font-size: 120%; }
h3
{
    font-size: 120%;
    font-style: italic;
}
h1,h2,h3 { margin-bottom: 0.5em; }
a
{
    color: #888858;
    text-decoration: none; 
    border-bottom: 1px solid #c0c0c0;
}
a:visited { color: #a8a888; }
a:hover,
a:focus { color: #a88858; }

#page_container {
    background: #f0f0f0;
    margin: 2em;
    padding: 2em;
}
#left_container {
    float: left;
    width: 200px;
}
#middle_container {
    margin-left: 200px;
    padding-left: 1em; 
}

#logo img { border: 1px solid #c8c888; }
#menu {
  margin: 1em 0 1em 0;
}
# menu ul {    
    list-style-type: none;
    padding: 0;
    margin-left: 1em;
}
#menu li {
    list-style-type: none;    
    padding: 0;
    padding-bottom: 0.1em;
    margin-left: 0;
    margin-top: 0.3em;
}
.content {
  line-height: 1.2em;
}
.content div {
  padding-bottom: 1em;
  margin-bottom: 1 em;
}
.content p {
  margin-top: 1em;
}
.content ul {    
    list-style-type: none;
    padding: 0;
    margin-top: 0.3em;
    margin-left: 1em;
}
.content li {
    list-style-type: none;    
    padding: 0;
    padding-bottom: 0.1em;
    margin-left: 0;
}

#footer_container {
    clear: both;
    margin: 2em 1em 1em 0em;
    padding: 0.2em 0 0.2em 0;
    border-width: 1px 0 1px 0;
    border-style: dotted;
    text-align: right;
}

/****** layout ******/



#PageContent {
    margin-left: 240px; /* 15em; *//* navi+1 */
    padding: 0 1em 0 2em;
    border-left: 1px dotted #cccccc;
}
    #PageContent p { line-height: 1.25em; }
    #PageContent h1 { margin-top: 0.5em; margin-left: -0.5em; }

/* erstmal aufgegeben,m nitfalls in Typo3 machen
DIV.csc-textpic-imagewrap {
    border: 20px !important;
}
*/

#Footer {
    clear: both;
 /*   line-height: 1em; */
}
#FooterContent { 
    display: inline;   
    font-size:75%;
}

#Footer a:hover,
#Footer a:hover
{
    font-size:120%;
}
/****** Navigation ******/
#LeftNavi {
    float: left;
    width: 240px;
/*    border-right: 1px dotted #cccccc; IE6 versetzt! */
}


#LeftMenu {
    margin: 1em 0 0 0;
    overflow: hidden;
}
    #LeftMenu ul {    
        list-style-type: none;
        padding: 0;
        margin-right: 1em;
    }
    #LeftMenu li {
        list-style-type: none;    
        padding: 0;
        padding-bottom: 0.1em;
        margin-left: 0;
    }
    #LeftMenu .menulevel1 ul {
        margin-right: 0em;
    }
    #LeftMenu .menulevel1 li {
        margin: 0.5em 0 0.2em 0;
    }
    #LeftMenu .menulevel2 li {
        margin: 0 0 0 1em;
    }
    #LeftMenu .menulevel3 li {
        margin: 0 0 0 2em;
    }
    #LeftMenu a
    {
        color: #c8c8c8;
        text-decoration: none; 
        padding: 1px; 
        display: block;         
        border: none;
    }
    #LeftMenu .menulevel1 a {
        border-bottom: 1px solid #202020;
    }
    #LeftMenu .menulevel2 a {
        border: none;
        font-size: 80%;
    	font-weight: bold;            
    }
    
    #LeftMenu .menulevel3 a {
    	font-weight: normal;
    	            
    }

    #LeftMenu a:visited { color: #c8c888; }
    #LeftMenu a:hover,
    #LeftMenu a:focus {
        background-color: #882020;
    }



