/* ---------------Gesamte Seite------------  */

html { overflow: auto; }
body.home { background: rgb(74, 81, 186) url("grafik/back01.jpg") no-repeat fixed 42px top; }
.home .home-content { width: 300px; margin-left: 15px; margin-top: 0px; font-family: Arial,Helvetica,sans-serif; }
.home .dialog { position: fixed; }

.home .navigation { position: fixed; top: 47px; left: 300px; width: 100px; text-align: left; font-family: Arial,Helvetica,sans-serif; font-style: normal; color: rgb(255, 0, 0); }
.home .navigation a { color: #FFFFFF; }
.home .navigation ul { list-style-type: none; margin-bottom: 2px; }
.home .navigation li { }
.home .navigation li.main a { display: inline; border-bottom: 1px solid #000000; margin: 0px 0px 0px 0px; height: 20px; text-decoration: none; font-size: 30px; }
.home .navigation li.main a:hover { background: transparent url('red.gif') repeat scroll 0% 0%; }
.home .navigation .top { border-bottom: 1px dotted #FFFFFF; position: relative; height: 30px; padding-top: 0px; margin-top: 0px; margin-bottom: 0px; font-size: 22px; }
.home .navigation .top a { text-decoration: none; font-size: inherit; }
.home .navigation .top a:hover { color: rgb(238, 238, 238); }
.home .navigation .top .lang { position: absolute; bottom: 50px; right: 0px; }
.home .navigation .top .version { position: absolute; bottom: 3px; right: 225px; }
.home .navigation h2.header { color: rgb(204, 204, 204); }
.home .navigation li.block { background: transparent url('red.gif') repeat scroll 0% 0%; position: relative; height: 23px; padding-top: 2px; font-family: Helvetica, Arial, sans-serif; font-size: 18px; text-transform: uppercase; }


/* ---------------Gesamte Seite------------  */

.home h1.header { border-bottom: 1px dotted rgb(255, 0, 0); margin: 0px 0px 5px; padding: 5px 0px 0px; height: 100px; font-family: Helvetica, Arial, sans-serif; font-size: 34px; line-height: 5px; font-style: italic; text-transform: uppercase; text-decoration: none; font-weight: normal; color: rgb(237, 0, 0); }
.home h1.header a { color: rgb(237, 0, 0); text-decoration: none; }
.home h1.header a:hover {  }
.home h2.header { margin: 5px 0px 10px; padding: 2px 1px 3px 0px; background: transparent url('red.gif') repeat scroll 0% 0%; position: relative; height: 20px; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; }
.home h2.header .opacity-bg { background-color: red; opacity: 0.4; }
.home h2.header a { margin: 0px 20px 0px 10px; color: rgb(204, 204, 204); text-decoration: none; }
.home h2.header a:hover, .home h2.header a.selected { color: #FFFFFF; font-style: italic; }
#news { margin-bottom: 10px; }


/* ---------------Content Blogliste------------  */

.home .home-content .bloglist { margin: 196px 306px; list-style-type: none; }
.home .home-content .bloglist li { clear: both; }
.home .home-content .bloglist .title { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; position: relative; opacity: 0.9; filter: alpha(opacity=90);  font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; color: #FFFFFF; font-size: 22px;  letter-spacing: 0.02em; text-decoration: none; }
.home .home-content .bloglist .title .opacity-bg { none repeat scroll 0% 0%; opacity: 0.1; filter: alpha(opacity=10); }
.home .home-content .bloglist .title:hover { padding: 0px 0px 0px 0px; opacity: 0.9; filter: alpha(opacity=90); font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; color: #000000; font-size: 22px; letter-spacing: 0.02em; text-decoration: none; }
.home .home-content .bloglist .title:hover .opacity-bg { none repeat scroll 0% 0%; opacity: 0.1; filter: alpha(opacity=10); }
.home .home-content .bloglist li.private-web-1 .title { font-style: sans-serif; }
.home .home-content .bloglist li.private-web-1 .title .opacity-bg { background: #FFFFFF; none repeat scroll 0% 0%; }
.home .home-content .bloglist li.private-web-1 .title:hover .opacity-bg { background: #OOOOOO; none repeat scroll 0% 0%; }
.home .home-content .bloglist li.private-web-1 .summary { background-color: #000000; }
.home .home-content .bloglist .summary, .AS_ajax_resultsIntroFailure { margin: 0px 0px 0px -86px; padding: 20px 0px 0px 0px; position: relative; width: 690px; opacity: 0.9; filter: alpha(opacity=90);    font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; color: #000000; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; text-decoration: none; }
.home .home-content .bloglist .private .summary { background-color: #FFFFFF; }
.home .home-content .summary .read-on { margin-top: 3px; clear: both; }
.home .home-content .bloglist .summary a, .home .search .pagination a { padding: 0px; repeat scroll 0% 0%; font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; color: #FFFFFF; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; text-decoration: none; }
.home .home-content .bloglist .summary a:hover, .home .search .pagination a:hover { color: #000000; opacity: 0.9; filter: alpha(opacity=90);    }
.home .search .pagination a { color: #FFFFFF ! important; }
.home .search .pagination a:hover { color: rgb(255, 0, 0) ! important; background-color: #FFFFFF; }
.home .home-content .bloglist h1, .home .home-content .bloglist h2 { margin: 0px 0px 6px; font-size: 18px; text-transform: capitalize; }
.home .home-content .bloglist h3, .home .home-content .bloglist h4, .home .home-content .bloglist h5, .home .home-content .bloglist h6 { margin: 0px; font-size: 1em; }


/* ---------------Allgemein------------  */

body.quirksmode * { -moz-box-sizing: border-box; }
html, body, p, div, ul, ol, li { margin: 0px; padding: 0px; }
body { font-family: Helvetica, Arial, sans-serif; }
.pagestats { margin-top: 22px; font-size: 0.2em; }
table { border-collapse: collapse; }
.display-none { display: none; }
.pagination { margin-top: 5px; }
.pagination a { padding: 0px 3px 2px; margin-right: 4px; }
.pagination a.active { background-image: none ! important; font-weight: bold; }
.transparent { opacity: 0.98; filter: alpha(opacity=98); }

/* ----------------Obere Navigation------------  */

#pages_nav {
        position: absolute;
        top: 47px;
        left: 502px;
		width: 300px;
        margin: 0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        display: inline;
}

#pages_nav ul {
        margin: 0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
		list-style-type: none; 
}

#pages_nav ul.level2 {
        margin: 0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
}

#pages_nav ul.children {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

#pages_nav li {
        font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; color: #000000; font-size: 22px; letter-spacing: 0.02em; text-decoration: none; 
        opacity: 0.9; filter: alpha(opacity=90);    
		margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display: inline;
		float: left; width: 50px;
}

#pages_nav  a{
        font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; color: #FFFFFF; font-size: 22px; letter-spacing: 0.02em; text-decoration: none; 
        opacity: 0.9; filter: alpha(opacity=90);    
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

#pages_nav  a:hover{
        font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; color: #000000; font-size: 22px; letter-spacing: 0.02em; text-decoration: none; 
        opacity: 0.9; filter: alpha(opacity=90);    
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

/* ----------------Untere Navigation------------  */

#intern_nav {
        position: relative;
        top: 8px;
        left: 180px;
		width: 300px;
        margin: 0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
		list-style-type: none; 
}

#intern_nav  a{
        font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; color: #FFFFFF; font-size: 22px; letter-spacing: 0.02em; text-decoration: none; 
        opacity: 0.9; filter: alpha(opacity=90);    
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

#intern_nav  a:hover{
        font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; color: #000000; font-size: 22px; letter-spacing: 0.02em; text-decoration: none; 
        opacity: 0.9; filter: alpha(opacity=90);    
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}


/* ----------------TABELLE------------  */

#tabelle {
display:inline-table;
border-collapse:collapse;
  position: relative;
  width: 530px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  border-width: 0px;
}

#tr {
display: table-row;
}

#td_left {
display: table-cell;
  width: 100px;
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: right;
}

#td_middle {
display: table-cell;
  width: 80px;
  float: left;
  margin: 0px;
  padding: 0px;
}

#td_right {
display: table-cell;
  width: 350px;
  float: right;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

/* ---------------Spiegelwelt------------  */

body.spiegel { background: rgb(53, 63, 52) url("grafik/back_sp.jpg") no-repeat fixed 42px top; }
.spiegel .home-content { margin-left: 50px; margin-top: 100px; font-family: Arial,Helvetica,sans-serif; }
.spiegel .dialog { position: absolute; top: 1980px; left: 42px; display: inline; font-family: Helvetica, Arial, sans-serif; font-style: normal; color: #000000; font-size: 12px; letter-spacing: 0.02em; text-decoration: none;}
.spiegel .dialog  a { opacity: 0.9; filter: alpha(opacity=90);    font-family: Helvetica, Arial, sans-serif; font-style: normal; color: #FFFFFF; font-size: 12px; line-height: 16px; letter-spacing: 0.02em; text-decoration: none;}
.spiegel .dialog  a:hover { opacity: 0.9; filter: alpha(opacity=90);    font-family: Helvetica, Arial, sans-serif; font-style: normal; color: #000000; font-size: 12px; line-height: 16px; letter-spacing: 0.02em; text-decoration: none;}

.spiegel #nav { position: absolute; top: 198px; left: 42px; width: 675px; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px; display: inline; }
.spiegel #nav ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
.spiegel #nav li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline; list-style-type: none; float: left; width: 80px;}
.spiegel #nav a { text-align: left; color: #FFFFFF; }
.spiegel #nav a:hover { text-align: left; color: #FFFFFF; }