/*
** style sheet (www.buergergespraech.ch)
**
** Teil I:  Allgemeine Styles
** Teil II: Typo3-spezifische Styles
**
*/

/* ********************************************* */
/* Teil I:  Allgemeine Styles */
/* ********************************************* */
/* Grundlegende Seitenelemente */
/* ********************************************* */
body {
 margin:0 18px 18px 18px;
 padding:0;
 text-align:center;
 background-color: #ffffff;
 }

body, p, a, h1, h2, h3, h4, h5, h6, td, div, span {
 font-family: Arial, Helvetica, sans-serif;
 }

#page {
 width: 100%;
 margin: auto; /* WICHTIG damit auch Firefox den page-Bereich zentriert! */
 min-height:1600px;
 text-align: left;
 background-color: transparent;
}

.contentarea {
 background-color: white;
 padding:0px;
 border: 0px solid #dddddd;
 }

.left_colsize {
 width:200px;
 background-color:transparent;
 padding:0;
 margin:0;
 height:0;
}
.center_colsize {
 background-color:transparent;
 padding:0;
 margin:0;
 height:0;
}
 
/* Absatzformate */
/* ********************************************* */

p {
 line-height:1.4em;
 margin: 0.1em 0 0.2em 0;
}

h1 {
 font-size: 1.2em;
 line-height:1.2em;
 margin: 0.1em 0 0.2em 0;
 color: #CC3300;
}
h2 {
 font-size: 1.1em;
 color: #CC3300;
}
h3 {
 font-size: 1em;
 font-weight:bold;
 color: #000000;
}

a {
 color: #CC3300;
}
a:link { text-decoration:none; background-color: transparent;}
a:visited { text-decoration:none; background-color: transparent;}
a:hover { text-decoration:underline; background-color: transparent;}
a:active { text-decoration:none;}

a img {
 border:0px solid #cc3300;
 text-decoration:none;
}
a:link img { border:0px solid #cc3300;text-decoration:none; background-color: transparent;}
a:visited img { border:0px solid #cc3300;text-decoration:none; background-color: transparent;}
a:hover img { border:0px solid #cc3300;text-decoration:none; background-color: transparent;}
a:active img { border:0px solid #cc3300;text-decoration:none;}



/* Kopfbereich */
/* ********************************************* */

table {
 border-collapse:collapse;
 table-layout:fixed;
}

.head_banner {
 padding:10px 10px 10px 10px;
 text-align:right;
 vertical-align:top;
 background-color: transparent;
 color: #cc3300;
}

table.banner {
width:100%;
}
td.leftbanner {
 width:200px;
 color: #cc3300;
 text-align:left;
 vertical-align:top;
 font-size:28px;
}
td.centerbanner {
 text-align:right;
 color: #cc3300;
 vertical-align:top;
}

.languages {
 font-size:14px;
}
.languages a {}
.languages a:link { text-decoration:none;}
.languages a:visited { text-decoration:none;}
.languages a:hover { text-decoration:none; }
.languages a:active { text-decoration:none;}

.banner1 {
 font-family: Verdana, Arial, sans-serif;
/* font-family: "New Century Schoolbook", "Times New Roman", Times; */
 font-size: 20px;
 font-style: normal;
 font-weight: 100;
 padding-bottom:0;
}
.banner2 {
 font-size:14px;
 margin-bottom:6px;
}

.head_topmenu {
 height:18px;
 padding: 2px;
 text-align: right;
 background-color: #dddddd;
 border: 1px solid #dddddd;
}
.topmenu, .topmenu_act {
 padding: 0 10px 2px 10px;
}

.head_mainmenu {
 height: 30px;
 background-color: #888888;
 border: 1px solid #dddddd;
}


/* Hilfsnavigation oben */
/* ********************************************* */
.topmenu, .topmenu a, .topmenu a:visited, .topmenu a:active, .topmenu a:link {
 color: #555555;
 font-size:13px;
 font-weight:bold;
 text-decoration:none;
}
.topmenu_act, .topmenu_act a, .topmenu_act a:visited, .topmenu_act a:active, .topmenu_act a:link {
 color: #555555;
 font-size:13px;
 font-weight:bold;
 text-decoration:none;
}


/* Hauptmenue oben */
/* ********************************************* */
.mainmenu {
 height:30px;
 padding: 5px 10px 5px 10px;
}
.mainmenu a, .mainmenu a:visited, .mainmenu a:active, .mainmenu a:link {
 color: #ffffff;
 font-size:16px;
 font-weight: bold;
}

.mainmenu a:link { text-decoration:none; background-color: transparent;}
.mainmenu a:visited { text-decoration:none; background-color: transparent;}
.mainmenu a:hover { text-decoration:none; color: #cc3300;}
.mainmenu a:active { text-decoration:none;}

.mainmenu_act {
 height:30px;
 color: #ffffff;
 background-color: #dddddd;
 font-size:16px;
 font-weight: bold;
 padding: 5px 10px 5px 10px;
}

.mainmenu_act a:link { text-decoration:none; background-color: transparent;}
.mainmenu_act a:visited { text-decoration:none; background-color: transparent;}
.mainmenu_act a:hover { text-decoration:none;}
.mainmenu_act a:active { text-decoration:none;}


/* Subheader */
/* ********************************************* */
.subhead_left, .subhead_center {
 font-size:11px;
 padding: 2px 0 6px 4px;
}

div.memberlist {
 margin:10px 6px 6px 6px;
}
.memberlist p {
 font-size:12px;
 line-height:100%;
 padding-bottom:8px;
 color: #333333;
}

/* Subnavigation links */
/* ********************************************* */
.main_left {
 font-size: 80%;
 vertical-align:top;
 padding: 0 0 0 0;
 background-color: #eeeeee;

 border: 1px solid #dddddd;
}

.menubox {
 width:100%;
 min-height:300px;
 margin-top:35px;
 border-top: 1px solid #dddddd;
}


/* Submenue */
/* ********************************************* */
.submenu {
 padding:0;
 background-color: #D3D3D3;
 border-bottom: 1px solid #ffffff;
}

.submenu a {
 display: block;
 padding:4px 2px 4px 20px;
 color: black;
}
.submenu a:link { text-decoration:none; background-color: transparent;}
.submenu a:visited { text-decoration:none; background-color: transparent;}
.submenu a:hover { text-decoration:none; background-color: gray;color:#ffffff;}
.submenu a:active { text-decoration:none;}

.submenu_act {
 padding:0;
 background-color: gray;
 border-bottom: 1px solid #dddddd;
}

.submenu_act a {
 display: block;
 padding:4px 2px 4px 20px;
 color: white;
}
.submenu_act a:link { text-decoration:none; background-color: transparent;}
.submenu_act a:visited { text-decoration:none; background-color: transparent;}
.submenu_act a:hover { text-decoration:none; background-color: gray;color:#ffffff;}
.submenu_act a:active { text-decoration:none;}

.submenu_level2 {
 padding:0;
 background-color: #ffffff;
 border-bottom: 1px solid #dddddd;
}

.submenu_level2 a {
 display: block;
 padding:4px 2px 4px 40px;
 color: black;
}
.submenu_level2 a:link { text-decoration:none; background-color: transparent;}
.submenu_level2 a:visited { text-decoration:none; background-color: transparent;}
.submenu_level2 a:hover { text-decoration:none; background-color: gray;color:#ffffff;}
.submenu_level2 a:active { text-decoration:none;}

.submenu_act_level2 {
 padding:0;
 background-color: #eeeeee;
 border-bottom: 1px solid #dddddd;
}

.submenu_act_level2 a {
 display: block;
 padding:4px 2px 4px 40px;
 color: black;
}
.submenu_act_level2 a:link { text-decoration:none; background-color: transparent;}
.submenu_act_level2 a:visited { text-decoration:none; background-color: transparent;}
.submenu_act_level2 a:hover { text-decoration:none; background-color: gray;color:#ffffff;}
.submenu_act_level2 a:active { text-decoration:none;}


/* Hauptinhaltsbereich */
/* ********************************************* */

.main_center {
 background-color:white;
 min-height:300px;
 vertical-align: top;
 font-size:12px;
 padding: 10px;
 border: 1px solid #dddddd;
}

.content_left {
 vertical-align: top;
 font-size:12px;
 width:70%;
 padding:0 10px 0 10px;
}

.content_right {
 vertical-align: top;
 font-size:12px;
 width:30%;
 padding:0 10px 0 10px;
}



/* ********************************************* */
/* Teil II:  Typo3-spezifische Styles */
/* ********************************************* */
/* Sitemap */
/* ********************************************* */

.contenttable {
 width:100%;
}

.contenttable td {
 vertical-align:top;
 font-size:12px;
 padding: 2px 2px 10px 2px;
}
.contenttable td p {
 padding:0 0 2px 0;
 margin:0px;
}
.contenttable td h2 {
 padding:10px 0 2px 0;
 margin:0px;
}

.csc-menu a {
 color: black;
}
.csc-menu a:link { text-decoration:none; background-color: transparent;}
.csc-menu a:visited { text-decoration:none; background-color: transparent;}
.csc-menu a:hover { text-decoration:underline; background-color: transparent;}
.csc-menu a:active { text-decoration:none;}

.csc-frame-frame1 {
 border: 1px solid #CC3300;
 padding: 6px 6px 6px 6px; /* oben links unten rechts */
 background-color: #eeeeee;
}

td.content_right div.csc-frame-frame1{
 width:200px;
 border: 1px solid #CC3300;
 padding: 6px 6px 6px 6px; /* oben links unten rechts */
 background-color: #eeeeee;
}

div.csc-frame.csc-frame-frame2 {
 width: 250px;
 float: right;
 border: 1px solid #CC3300;
 padding: 6px 6px 6px 6px; /* oben links unten rechts */
 margin-top: 20px;
 margin-left: 20px;
 margin-bottom: 20px;
 background-color: #eeeeee;
}

.csc-frame-rulerAfter {
 border-bottom: 1px solid #dddddd;
}

table.mailformplus {
}
.mailformplus td {
 vertical-align:top;
 padding:4px;
}