/*---------------------------*\
  all.css
  Enthält alle globalen Styles
\*---------------------------*/

/* Direkte Selektoren */
* {
	padding: 0px;
	margin: 0px;
}

html {
    height: 100%; margin-top: 1px;
}

body  {
    font-size: 100.01%;
    font-family: verdana, sans-serif;
}

img {
	border: none;
}

h1, h2 {
	font-family: tahoma, sans-serif;
	margin: 0px 0px 12px 0px;
}

hr {
    border: none;
    border-bottom: 1px dotted gray;
    height: 0px;
    margin: 30px 0px 15px 0px;
}

dl 
{
    margin-top: 1em;
}

dl dd 
{
    padding-left: 1.5em;
    padding-bottom: 1.6em;
    padding-top: 0.4em;
}

dd 
{
	font-size: 0.95em;
}

/* Einzigartige Seitenelemente und eingebetette Elemente */

#content {
    font-size: 0.9em;
    min-height: 480px;
}

#content * {
    min-height: 0px !important;
}

#content ol {
    padding-left: 30px;
}

#content a h3 {
    display: inline !important;
    width: auto !important;
}

#footer 
{
    clear: both;
}

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

.adminPanel {
    display: none;
    background: transparent url(../img/core/50trans.png);
}

.menuTop {
    background: white;
    font-size: 11px !important;
    height: 20px !important;
    line-height: 20px !important;
}

.menuTop,
.adminPanel {
	font-size: 10px;
	height: 32px;
	line-height: 32px;
    padding-left: 20px;
    border-bottom: 1px dotted gray;
	font-family: verdana, sans-serif;
	text-align: left;
}

.menuTop strong {
    padding-left: 18px;
}

.menuTop a.comment,
.menuTop a.style,
.menuTop a.control,
.menuTop a.size {
    padding-left: 25px;
}

.menuTop a.comment {
    background: url(../img/core/comment.png) no-repeat;
}

.menuTop a.size {
    background: url(../img/core/switcher_size.png) no-repeat;
}

.menuTop .style {
    background: url(../img/core/switcher_style.png) no-repeat;
}

.menuTop .control {
    background: url(../img/core/control.png) no-repeat;
}

.bigPanel {
    height: 400px !important;
}

.adminPanel ul,
.adminPanel li {
    display: inline;
    list-style-type: none;
}

.adminPanel li {
    margin-left: 4px;
}

.commentLink {
    font-size: 0.9em !important;
}

.upLink {
    float: right;
    
    background: url(../img/core/sprites.png) no-repeat top left !important;
    background-position: 5px -299px !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
    padding-right: 6px !important;
}

.upLink:hover {
    background: url(../img/core/sprites.png) no-repeat top left !important;
    background-position: 5px -115px !important;
}

.anchorLink,
.anchorList a {
    background: url(../img/core/sprites.png) no-repeat top left !important;
    background-position: 5px -28px !important;
    padding-left: 24px !important;
    
   border: 1px solid transparent !important;
   border-left: none !important;
   border-top: none !important;
   
   text-decoration: underline !important;
}

.anchorList a.active,
.anchorLink:hover,
.anchorList a:hover {
    background: url(../img/core/sprites.png) no-repeat top left !important;
    background-position: 5px -72px !important;
    color: Black !important;
    
   border: 1px solid #999999 !important;
   border-left: none !important;
   border-top: none !important;
   
   text-decoration: none !important;
}

.downloadLink {
    background: #EEEEEE url(../img/core/download.png) no-repeat !important;
    background-position: 2px 2px !important;
    padding-left: 24px !important;
}

.downloadLink:hover {
    background: #DDDDDD url(../img/core/download.png) no-repeat !important;
    background-position: 2px 2px !important;
    color: Black !important;
}

.adminPanel a,
#content  input[type="submit"],
.buttonLink,
.downloadLink,
.anchorLink,
.anchorList a,
.upLink
{
   color: Black;
   background: #EEEEEE;
   padding: 2px;
   
   font-family: Arial;
   font-size: 0.95em;
   
   border: 1px solid #999999;
   border-left: none;
   border-top: none;
   text-decoration: none;
}

.adminPanel a {
    font-size: 1.1em;
}

#content  input[type="submit"] {
    width: 305px !important;
}

.adminPanel li a.active,
.adminPanel li a:hover,
#content  input[type="submit"]:hover,
.buttonLink:hover,
.downloadLink:hover,
.anchorLink:hover,
.anchorList a:hover,
.upLink:hover
{
   text-decoration: underline;
   background-color: #DDDDDD;
   border-bottom: 1px solid #999999 !important;
}

/* Formular */
#content input,
.content textarea,
.siteComment input,
.siteComment textarea {
	display: block;
	float: left;
	margin: 5px;
	padding: 2px;
	
	width: 300px;
}

.checkBox {
    position: relative;
    top: 5px;
    width: 15px !important;
    background: none !important;
}

#content textarea,
.siteComment textarea
{
    margin-left: 4px;
    width: 305px;
}

#content div input {
    background: none !important;
}

#content br,
.siteComment br {
	clear: left;
}

#content label {
	width: 6em;
	margin: 5px;
	padding: 5px;
	float: left;
	text-align: right;
}

/* Klassen */
.small 
{
    font-size: 0.8em;
}

.rightContent  {
    float: right;
    padding: 15px;
    padding-right: 0px;
    width: 190px;
}

.tableOfContentBox {
	float: right;
	padding: 6px;
	margin: 8px;
    background-color: #F4F4F4;
}

.anchorList {
    font-size: 1.1em;
    text-align: left;
    margin-left: 0px !important;
}

.wide a {
   width: 480px !important;
}

.anchorList li {
    list-style-type: none;
    padding-left: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 4px !important;
}

.anchorList a {
    display: block;
    width: 125px;
}

.themeList a {
    width: auto !important;
}

.logoLink {
    width: 43px;
    height: 20px;
    background: url(../img/core/sprites.png) no-repeat top left !important;
    background-position: 0 -207px !important;
}

.logoLink:hover {
    background: url(../img/core/sprites.png) no-repeat top left !important;
    background-position: 0 -346px !important;
}

.urlList 
{
    list-style: none;
    padding-left: 0px !important;
}

.urlList li 
{
    padding: 5px;
}

.rightContentBox
{
    float: right;
    text-align: center;
    width: 170px;
}

.themeContentBox {
    width: 185px !important;
}

.rightContentBox
{
    border: 1px dotted gray;
    padding: 10px 10px 20px 10px;
    margin: 10px;
    
    background-color: #F4F4F4;
    background: url(../img/core/box_bg.gif) bottom right no-repeat;
    font-size: 0.8em;
}

#lastItems {
    float: none;
    width: auto;
    height: 250px;
    
    font-size: 0.8em;
    text-align: left;
    
    margin: 40px 0px 15px 0px;
}

.section {
    float: left;
    width: 32%;
}

.section h4 {
    color: gray;
    font-size: 1.8em;
    font-family: Cambria;
    font-weight: bold;
    text-align: center;
    padding:0 4px !important;
}

#lastItems ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-top:6px;
}

#lastItems ul li {
    list-style: none;
    color: black;
    width:180px;
    margin: 0px !important;
}

#lastItems ul a {
    color: gray;
    display: block;
    margin: 0px;
    margin-left: 10px;
    padding: 10px 15px;
    font-size: 1.2em;
    text-decoration: none;
    width: 200px;

    border-top: 1px solid transparent;
    border-bottom: 1px dotted black;
}

#lastItems ul a:hover {
    background-color: #EFEFEF !important;
    border-bottom: 1px solid #101418;
    text-decoration: underline;
    color: Black;
}

.siteMap {
    width: 160px;
}

.rightContentBox h2 {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

.rightContentBox hr {
    background-color: #DEDEDE;
    height: 1px;
}

/* Für allgemeinen Gebrauch */
.blockCenter {
    margin-left: auto;
    margin-right: auto;
}

.rightContentBox p 
{
    margin-bottom: 15px;
}

.photo 
{
    width: 159px !important;
    padding: 0px !important;
    background-color: #0C205D !important;
}

.form_error {
    border: 1px solid red;
}



#tree 
{
    text-align: left;
}

#tree ul 
{
    margin-left: 20px;
    padding-left: 0px !important;
    color: gray;
}

#tree ul ul 
{
    margin-left: 25px !important;
}

#tree li 
{
    padding: 2px 4px;
    background-position: 0px 7px;
    line-height: 14px;
    width: 100%;
    margin: 0px !important;
}

#tree li i
{
    color: Gray;
    font-size: 0.8em;
}

li.last
{
    position: relative;
    left: -1px;
}

#tree a
{
    text-decoration: none;
    color: Gray;
    
    background-image: none !important;
    padding: 0px !important;
}

#tree a:hover 
{
    color: black !important;
    text-decoration: underline;
}

#tree a.active 
{
    color: Black;
    font-weight: bold;
}

#demoBreadCrumb 
{
    border: 1px solid gray;
    height: 25px;
    margin-bottom: 25px;
}

#demoBreadCrumb ul 
{
    list-style: none;
}

#demoBreadCrumb ul li 
{
    float: left;
    padding: 0px;
    margin: 0px;
}

#demoBreadCrumb ul li a 
{
    font-weight: bold;
      
    padding: 0px;
    margin: 0px;
    background: none;
}

#demoBreadCrumb ul li a:hover 
{
    background: none;
}

#blogarea div li
{
    background: none !important;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
}

#blogarea div a {
    background: none !important;
    padding-left: 0px !important;
}

.newsBox div {
    height: auto;
    min-height: 74px;
    padding: 8px 8px 4px 8px;
    margin-bottom: 8px;
    /* background: url(../img/core/news_bg.jpg) no-repeat left top; */
}

.newsBox div div {
    clear: left;
    width: 50%;
    margin-left: 100px;
    border: 1px solid red;
}

.newsBox a {
    background: none !important;
    padding-left: 0px !important;
}

.newsBox span {
    position: relative;
    top: -5px;
    left: 12px;
    
    font-family: Tahoma;
}

.gravatarImage {
    margin-top: 8px;
}

.commentlist {
    list-style-type: none;
    font-size: 0.9em;
}

.commentlist li {
    padding: 4px !important;
    margin-left: 0px !important;
    margin-bottom: 4px !important;
}

.siteComment h1 {
    font-size: 1.2em;
}

.commentlist img {
    float: right;
}

.commentlist a {
    padding-left: 0px !important;
    text-decoration: none;
    background: none !important;
}

.commentlist a:hover {
    text-decoration: underline;
}

.commentlist span {
    color: Gray;
    font-size: 1.3em;
}

.commentlist cite {
    clear: right;
    color: gray;
    font-size: 0.9em;
}

.commentlist cite a {
    font-weight: bold;
}
.commentlist p {
    padding: 0.9em 1.5em !important;
    font-weight: normal;
}

.commentlist p {
    margin: 0px 0px 4px 0px;
}

.nocomments {
    margin:0pt;
    padding:0pt;
    text-align:center;
}

.commentmetadata {
display:block;
margin:0pt;
}

.alt {
    background-color:#F8F8F8;
    border-bottom:1px solid #DDDDDD;
    border-top:1px solid #DDDDDD;
}

.authcomment {
    background-color: #E8EEFF;
}

.siteComment h1 {
    width: 80% !important;
}

.siteComment label {
    float: left;
    width: 11em !important;
}

.siteComment {
    font-size: 1.1em;
    margin: 15px;
    width: 100%;
}

.loginForm,
.switcher.two {
    display: none;
}

.loginForm label {
    padding: 0px;
    width: 6em;
}

.resizer a {
    text-decoration: none;
}

.autoHeight {
    height: auto;
}

.onlineUsers {
    position: absolute;
    right: 15px;
    top: -0px;
    
    font-size: 0.8em;
}

.authInfo {
    font-size: 0.7em;
    margin-bottom: 10px;
}

.authInfo span {
    color: green;
    font-weight: bold;
}

.codeSize {
    font-size: 1.2em
}



.date_box {
    background-color:#FFFFFF;
    background-image:url(../img/core/date.gif);
    float:left;
    height:43px;
    width:43px;
}

.date_box_month {
    color:black;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    padding-left:3px;
    padding-top:5px;
    text-align:center;
}

.date_box_day {
    color:#3E516A;
    font-size:18px;
    font-style:italic;
    font-weight:bold;
    padding-left:3px;
    text-align:center;
}

.caption {
    width:420px;
    background-color:#FFFFFF;
    border-bottom:1px dotted #CCCCCC;
    color:#3E516A;
    font-family:"Times New Roman",Times,serif;
    font-size:1.6em;
    font-style:italic;
    font-weight:bold;
    height:31px;
    padding-left:60px;
    padding-top:12px;
}

.newsContent {
    width:520px;
    padding: 4px;
    margin-bottom: 20px;
}

.livePreview {
    background: #FFFCC8 url(../img/core/preview.png) no-repeat left top;
    
    margin: 10px 0px 5px 100px;
    border-left: 1px dotted gray;
    padding: 25px 0px 0px 0px;
}

.styleSwitch,
.controlSwitch {
    cursor: pointer;
    text-decoration: underline;
}

div.lightcore
{
    width: 180px !important;
    height: 111px !important;
    text-align: center;
}