/* ######################################################################################################
** # Projekt TTG 207 ####################################################################################
** ######################################################################################################
** 
**  Version:      1.1
**  Dateiversion: 03.01.2006
**  Datei:        template_css.css
**  Funktion:     Zentrales Stylesheet 
**  Bemerkung:    madeyourweb template for mambo 4.5.3.
**
**  Blau alt: 002E61 / Blau neu: 0033FF
*/

html {
   height: 100%;
}

body {
   min-height: 101%;                            /* Scrollbalken im Firefox erzwingen */
   margin: 0;
   padding: 0;
   text-align: left;
   font-family: verdana, arial, sans-serif;
   background: #fff url(../images_blue/back_verlauf.jpg) repeat-x top;
}

a {
   text-decoration:  none;
   font-weight: bold;
   border: none;
}

a:hover {
   text-decoration:  underline; 
   border: none;
}
 
/* Layout */

#pagewidth-1024 {
   width: 970px;
   text-align: left;
   margin-top: 0;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   background: url(../images/back_all1024.gif) repeat-y 0px 140px;
}

#header {
   height: 116px; 
   width: 100%;
   background: #FFF url(../images_blue/back_verlauf.jpg) repeat-x top;
}
 
#top-top {
   height: 30px;
   width: 100%;
   background: transparent;
}

#top-bottom {
   height: 80px;
   width: 958px;
   background: #0033ff url(../images_blue/header01.gif);
   float: left;
}

#top-bottom h1 {
   font-size: 1px;
   color: #0033FF;
   display: none;
}

#search {
   margin: 0px;
   padding: 0px;
   width: 148px;
   height: 28px;
   float: right;
   padding-left: 10px;
   padding-top: 2px;
   vertical-align: top;
   background: url(../images_blue/back_search.jpg) right top no-repeat;
}

#search .inputbox {
   width: 100px;
   height: 18px;
   font-size: 10px;
   background: transparent;
   border: none;
   margin: 0px;
   padding: 0px;
   line-height: 14px;
}

#search .button {
   margin: 0px;
   padding: 0px;
   height: 14px;
   font-size: 10px;
   background: transparent;
   border: none;
   line-height: 10px;
}

#search form {
   margin: 0px;
   padding: 0px;
}

a, #search .inputbox, #search .button {
   color: #0033FF;
}

#topmenu {
   height: 20px;
   float: right;
   width: 600px;
}

#pathway { 
   width: 500px;
   height: 19px;
   padding-left: 20px;
   padding-top: 5px;
}

#leftcol {
   width: 152px;
   float: left;
   position: relative;
   margin-right: 5px;
} 

#rightcol-normal {
   width: 155px;
   float: right;
   position: relative;
   margin-right: 1px;
   margin-top: -22px;
} 
 
#rightcol-broad{
   width: 180px;
   float: right;
   position: relative;
   margin-right: 1px;
   margin-top: -22px;
} 

#outer-1024 {
   width: 970px;
   padding-top: 6px;
   background: transparent url(../images_blue/content-top1024.gif) no-repeat top;
}

#footer-1024 {  
   height: 40px; 
   width:100%; 
   background: url(../images/footer1024.jpg) top left no-repeat #FFFFFF; 
   font-size: 10px;
} 

#maincol-normal-1024 { 
   float: left; 
   width: 650px;
} 
 
#maincol-broad-1024 { 
   float: left; 
   width: 622px;
} 
 
#maincol-wide-1024 { 
   float: left; 
   width: 800px;
   padding-top: 3px !important;
   padding-top: 0px;
}
 
iframe.wrapper {
   z-index: 0;
}
 
.clr {
   clear: both;
}

.content {
   padding: 0;
   font-size: 10px;
   line-height: 18px;
}

/* Modules */

#leftcol div.module, #rightcol-normal div.module {
   width: 152px;
   background: transparent url(../images/module_middle.jpg) left repeat-y;
   margin-bottom: 10px;
}

#leftcol div.module div, #rightcol-normal div.module div {
   width: 152px;
   background: transparent url(../images/module_top.jpg) top left no-repeat;
}

#leftcol div.module div div, #rightcol-normal div.module div div {
   width: 152px;
   background: transparent url(../images/module_bottom.jpg)  bottom left no-repeat;
}

#leftcol div.module div div div,#rightcol-normal div.module div div div {
   width: 137px;
   padding-left: 5px;
   padding-right: 10px;
   padding-top: 10px;
   background: transparent;
   padding-bottom: 10px;
   font-size: 10px;
}

#leftcol div.module div div div div, #rightcol-normal div.module div div div div {
   padding: 0px;
   margin: 0px;
}

#rightcol-broad div.module {
   width: 177px;
   background: transparent url(../images/module_middle_wide.jpg) left repeat-y;
   margin-bottom: 10px;
}

#rightcol-broad div.module div {
   width: 177px;
   background: transparent url(../images/module_top_wide.jpg) top left no-repeat;
}

#rightcol-broad div.module div div {
   width: 177px;
   background: transparent url(../images/module_bottom_wide.jpg)  bottom left no-repeat;
}

#rightcol-broad div.module div div div {
   width: 162px;
   padding-left: 5px;
   padding-right: 10px;
   padding-top: 10px;
   background: transparent;
   padding-bottom: 10px;
   font-size: 10px;
}

#rightcol-broad div.module div div div div {
   padding: 0;
   margin: 0;
}

div.module h3 {
   font-size: 14px;
   width: 130px;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   margin-bottom: 5px;
   color: #0033FF;
   border-bottom: 1px solid #0033FF;
}

#user1 {
   float: left;
   width: 49%;
}

#user2 {
   float: right;
   width: 49%;
}

#user3 {
   width: 100%;
}

#user1 ul, #user2 ul, #user3 ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   padding-left: 0.7em;
   margin-left: 0.7em;
   margin-bottom: 5px;
   margin-top: 2px;
}

#maincol-normal-1024 div.moduletable, #maincol-wide-1024 div.moduletable, #maincol-broad-1024 div.moduletable {
   width: 100%;
   margin-bottom: 10px;
   border: 1px solid #EFEFEF;
   background: transparent;
   font-size: 10px;
}

#maincol-normal-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3, #maincol-broad-1024 div.moduletable h3 {
   font-size: 12px;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   height: 20px;
   line-height: 20px;
   color: #FFF;
   width: 100%;
   border-bottom: 1px solid #EFEFEF;
   text-align: left;
   text-indent: 5px;
   background: url(../images_blue/module_head_back.jpg) repeat-x;
}

/* Topmenu */

ul#mainlevel-nav {
   list-style: none;
   padding: 0;
   margin: 0;
   float: right;
   white-space: nowrap;
}

ul#mainlevel-nav li {
   width: auto !important;
   width: 5%;
   float: right;
   margin: 0;
   font-size: 10px;
   height: 20px;
   line-height: 20px;
   white-space: nowrap;
   margin-right: 1px;
   background: url(../images_blue/headmenu_left.gif) bottom left no-repeat;	
}

ul#mainlevel-nav li a {
   font-weight: normal;
   height: 20px;
   display: block;
   padding-left: 5px;
   padding-right: 10px;
   text-decoration: none;
   color: #CCC;
   margin-left: 5px;
   white-space: nowrap;
   background: url(../images_blue/headmenu_right.gif) bottom right no-repeat;
}

ul#mainlevel-nav li:hover, ul#mainlevel-nav li.sfhover {
   background: url(../images_blue/headmenu_left_hover.gif) bottom left no-repeat;
}

ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.sfhover a {
   background: url(../images_blue/headmenu_right_hover.gif) bottom right no-repeat;
}

/* Main Menu(s) */

a.mainlevel {
   font-size: 10px;
   padding-left: 4px;
   width: 143px;
   display: block;
   line-height: 26px;
   margin-bottom: 2px;
   text-decoration: none;
   font-weight: normal;
   color: #0033FF;
   border-right: 4px solid #CACACA;
   voice-family:"\"}\""; /* Box Model fix */
   voice-family:inherit;
   width: 135px;
}

html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */

a.mainlevel:hover, a.mainlevel#active_menu {
   background: #F1F1F1;
   text-decoration: none;
   border-right: 4px solid #6685A3;
}

a.sublevel {
   padding: 0px;
   margin: 0px;
   font-size: 10px;
   padding-left: 12px;
   width: 139px;
   display: block;
   line-height: 20px;
   margin-bottom: 2px;
   text-decoration: none;
   font-weight: normal;
   border-right: 4px solid #CACACA;
   color: #0033FF;
   background: url(../images_blue/submenu_back.gif) left center no-repeat;
   voice-family:"\"}\""; /* Box Model fix */
   voice-family:inherit;
   width: 123px;
}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
   text-decoration: none;
   width: 139px;
   background: #F1F1F1 url(../images_blue/submenu_back.gif) left center no-repeat;
   border-right: 4px solid #6685A3;
   voice-family:"\"}\""; /* Box Model fix */
   voice-family:inherit;
   width: 123px;
}

html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
   width: 123px;
}

/* Fix Sublevel 2 */

#zwei a.sublevel {
   padding: 0px;
   margin: 0px;
   font-size: 10px;
   padding-left: 12px;
   width: 131px;
   display: block;
   line-height: 20px;
   margin-bottom: 2px;
   text-decoration: none;
   font-weight: normal;
   border-right: 4px solid #CACACA;
   color: #0033FF;
   background: url(../images_blue/submenu_back.gif) left center no-repeat;
   voice-family:"\"}\""; /* Box Model fix */
   voice-family:inherit;
   width: 115px;
}

html>body #zwei a.sublevel {width:115px;} /* Opera5-Fix-fix ;-) */

#zwei a.sublevel:hover, #zwei a.sublevel#active_menu {
   text-decoration: none;
   width: 131px;
   background: #F1F1F1 url(../images_blue/submenu_back.gif) left center no-repeat;
   border-right: 4px solid #6685A3;
   voice-family:"\"}\""; /* Box Model fix */
   voice-family:inherit;
   width: 115px;
}

html>body #zwei a.sublevel:hover, #zwei a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
   width: 115px;
}

/* Ende Fix Sublevel 2*/

/* Module specific */

#leftcol div.module div div div div.syndicate {
   background: transparent;
   width: 137px;
   margin: 0px;
   padding: 0px;
}

#leftcol div.module div div div div.syndicate div {
   background: transparent;
   width: 137px;
   margin: 0px;
   padding: 0px;
}


/* Other Mambo Stuff */

.pathway {
   color: #BBB;
   font-size: 10px;
   text-decoration: none;
   font-weight: normal;
}

.pathway a {
   color: #BBB;
   text-decoration: none;
   font-weight: normal;
}

hr {
width:  90%; 
}

hr.separator {
width:  40%; 
}

.small {
   font-size: 10px;
   color: #ABABAB;
   line-height: 0.7;
}

.smalldark {
   font-size: 10px;
   color: #000;
   height: 10px;
   line-height: 10px;
   text-align: left;
}

.sectiontableentry1 {
   text-align: left;
   background: #EFEFEF;
   font-size: 10px;
   padding: 2px;
}

.sectiontableentry2 {
   background: #FFF;
   font-size: 10px;
   text-align: left;
   padding: 2px;
}

.button {
   border: 1px solid #BBBBBB;
}

.inputbox {
   border: 1px solid #BBBBBB;
}

.createdate {
   font-size: 10px;
   color: #ABABAB;
   height: 10px;
   line-height: 0.7;
}

.modifydate {
   font-size: 10px;
   color: #ABABAB;
   height: 20px;
   line-height: 20px;
   margin-bottom: 5px;
}

a.readon {
   font-size: 10px;
   text-decoration: none;
   line-height: 15px;
   border: 1px solid #EEEEEE;
   padding-left: 13px;
   background: url(../images_blue/readon.gif) no-repeat left;
   margin-top: 10px;
   text-decoration: none;
   font-weight: normal;
}

.blog_more {
   font-size: 10px;
}

a.readon:hover {
   background: #EEE url(../images_blue/readon.gif) no-repeat left;
   text-decoration: none;
}

.blog {
   width: 100%;
}

.contentheading {
   width: 98%;
   font-weight: bold;
   font-size: 16px;
   height: 23px;
   line-height: 20px;
   font-family: 'Trebuchet MS', verdana, sans-serif;
   border-bottom: 1px solid #0033FF;
   color: #0033FF;
}

.contentpaneopen {
   text-align: left;
   background: transparent;
   font-size: 10px;
   line-height: 1.8;
   width: 98%;
}

table.contentpane td.contentheading {
   width: 98%;
   font-weight: bold;
   color: #0033FF;
   font-size: 16px;
   height: 23px;
   line-height: 20px;
   font-family: 'Trebuchet MS', verdana, sans-serif;
   border: none;
}

table.contentpane ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

table.contentpane ul li {
   padding: 0px;
   margin: 0px;
   padding-left: 15px;
   background: url(../images_blue/readon2.gif) no-repeat left top;
}

.contentdescription {
   font-size: 10px;
}

.sectiontableheader {
   font-weight: bold;
   font-size: 10px;
   height: 25px;
   line-height: 25px;
}

.categorytitle {
   font-weight: bold;
   font-size: 16px;
   height: 25px;
   line-height: 25px;
   font-family: "Trebuchet MS", Verdana, sans serif;
}

.componentheading {
   font-weight: bold;
   font-size: 16px;
   height: 23px;
   line-height: 20px;
   font-family: "Trebuchet MS", Verdana, sans serif;
   margin-bottom: 5px;
   border-bottom: 1px solid #0033FF;
   color: #0033FF;
}

a.category {
   text-decoration:  underline; 
}

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

table.moduletable {
   width:  100%; 
   font-size: 80%;
}

table.moduletable th {
   font-size: 80%;
}

.poll {
   font-size: 10px;
   text-align: center;
}

.back_button a {
   font-size: 10px;
   font-weight: normal;
}

.blogsection {
   font-size: 10px;
}

.blog_more ul li  {
   list-style: none;
   padding-left: 14px;
   line-height: 18px;
   background: url(../images_blue/readon.gif) no-repeat left;
}

table.contenttoc {
   border: 1px solid #CCCCCC;
   padding: 3px;
}

table.contenttoc th {
   font-weight: bold;
   font-size: 10px;
   border-bottom: 1px solid #BBBBBB;
}

/* Modul Partnerlogo */
.logo {
    margin-bottom: 5px;
    border: 1px solid #666;
    padding: 2px;
}