/* ----------------------- */
/* Arrrata e.V.            */
/* Global Stylesheet       */
/* Xisio GmbH           */
/* ----------------------- */

/* --------------------------- */
/* allgemeine TAG-Styleangaben */
/* --------------------------- */

body {
  margin:0;
  padding:0;
  width:100%;
  background:#fff;
  min-width:600px;    /* Minimum width of layout - remove line if not required */
          /* The min-width property does not work in old versions of Internet Explorer */
  font-size:10pt;
  font-family: Verdana,Arial,sans-serif;
        background-color:#CCCC99;
}

a {
  color:#771100;
}

a:visited{
  color: #710;
}

a:hover {
  color: #710;
  text-decoration: none;
}

h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
}

h1 {
    font-size: 11pt;
    border-bottom: 1px solid black;
}

h2 {
    font-size: 10pt;
}

h3 {
    font-size: 9pt;
}
p {
  margin:.4em 0 .8em 0;
  padding:0;
}

img {
  /*margin:10px 0 5px;*/
  border: 0px;
}

fieldset legend {
  font-weight: bold;
}

/* Struktur der Seite */

.wrapper {
    width: 980px;
    margin:0 auto 0 auto;
    overflow: hidden;
    border: 1px solid #000000;
    border-bottom: 2px solid #000000;
}

#header {
  float:left;
  width:100%;
  padding:0;
  margin:0;
  height: 80px;
  border:0px;
  background-color: #fdca65;
}

#subheader {
    clear:both;
    float:left;
    width:100%;
    height: 22px;
    border-bottom:0px solid #000;
    background-color: #cca774;
    background-image:url(../images/layout/bg_topmenu.gif);
    background-repeat: repeat-x;
}

/* ------------------------------------ */
/* Aufbau des mittler 3-Spalten Layouts */
/* ------------------------------------ */

#colmask {
  position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;      /* width of whole page */
  overflow:hidden;    /* This chops off any overhanging divs */
  background:#F4C362;    /* Left column background colour */
  min-height:500px;
}

#colmid {
  float:left;
  width:200%;
  position:relative;
  left:200px;
  background:#cccc99;      /* Centre column background colour */
  border-left: 1px solid black;
  min-height:500px;
}

#colright {
  float: left;
  width: 100%;
  position: relative;
  left: 50%;
  margin-left: -400px;
  background: #F4C362;     /* Right column background colour */
  border-left: 1px solid #000000;  
  min-height:500px;
}


div.colright {
           padding: 0px 10px 0px 10px;
}           


#col1wrap {
  float:right;
  width:50%;
  position:relative;
  right:100%;
}

#col1pad {
  margin:0 15px 0 415px;
  overflow:hidden;
}

#col1 {
  width:100%;
  overflow:hidden;
  margin-top: 8px;
}

#col2 {
  float:left;
  width:200px;
  position:relative;
  margin-left:-50%;
  left:198px;
  overflow:hidden;
  border-right: 1px solid #000000;
  background: #F4C362;
}

#col3 {
  float:left;
  width:200px;
  position:relative;
  /*left:15px;*/
  overflow:hidden;
}

#footer {
  clear:both;
  float:left;
  width:100%;
  padding:0;
  margin:0;
  background-color: #f4c362;
  border-top:1px solid #000;
}

#footer p {
  padding:.5em 15px;
}

/* ---------------- */
/* Navigation-Menus */
/* ---------------- */

/* Top menu */

ul.topmenu {
    display: inline;
    margin: 0px 0px 0px 200px;
    padding: 0px;
}

li.topmenu {
    display: inline;
}

a.topmenu {
    color: black;
    text-decoration: none;
    font-size: 10pt;
    line-height: 1.5em;
    padding-left: 5px;
    padding-right: 5px;
}

a.topmenu_act {
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    color: #771100;
}

a.topmenu:hover {
    color: #a50;
    background-color: transparent;
}

/* 'widths' sub menu */
/*#layoutdims {
    clear:both;
    background:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
}*/

/* Left Menu */  
  
div.menu_left_title {
    width: 200px;
    color: #fff;
    background-color: #a50;
    margin: 50px 0px 0px 0px;
    padding: 5px 0px 5px 10px;
    font-weight: bold;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

ul.menu_left {
    list-style-type:none;
    padding: 0px;
    margin: 0px;
}

li.menu_left {
    display: block;
    width: 220px;
}

li.menu_left {
    display: block;
}

li.level1 {
    padding: 0px 0px 0px 0px;
}

ul.level2 {
    padding: 0px;
    margin: 0px;
    background-color: white;
    padding: 0px 0px 0px 0px;
}

li.level2 {
    padding: 0px;
    width: 220px;
    margin: 0px 0px 0px 0px;
}

li.no {
    background-color: #f4c362;
    /*color: #ffffff;*/
    font-weight: normal;
}

li.act {
    background-color: #710;
    color: #fff;
    font-weight: bold;
}

li.act a {
  color: #FFFFFF;
}

a.menu_left {
    display: block;
    width: 210px;
    text-decoration: none;
    color: #000;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 20px;
    border-bottom: 1px solid #a50;
}

a.act {
    /*background-color: #cca774;*/
    background-color: transparent;
    color: #fff;
    text-decoration:none;
}

a.menu_left:hover {
    background-color: #710;
    color: #fff;
    text-decoration: none;
}

li.level2 a {
    padding: 5px 0px 5px 30px;
    width: 190px;
    font-weight: normal;
}

li.level2 a.act {
    background-color: #f4c362;
    color: #a50;
    font-weight:bold;
    text-decoration:none;
}

li.level2 a.act:hover {
    background-color: #710;
    color: #fff;
    text-decoration: none;
}

/* Footer Menu */

ul.footermenu {
    display: inline;
    margin: 0px 0px 0px 200px;
    padding: 0px;
}
    
li.footermenu {
    display: inline;
}
    
a.footermenu {
    color: black;
    text-decoration: none;
    font-size: 8pt;
    line-height: 1.5em;
    padding-left: 5px;
    padding-right: 5px;
}
    
a.footermenu_act {
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    font-size: 8pt;
}

a.footermenu:hover {
    color: #a50;
    background-color: transparent;
}

/* ---------------- */
/* Content-Styling  */
/* ---------------- */

.contentSection p {
  line-height:1.5em;
}
.contentSection h1 {
  line-height:1.5em;
}

// Kontaktliste
#contactContainer {
  position:relative;
}

.contentSection div {
  /*border-left: 1px solid #000000;
  border-right: 1px solid #000000;*/
  margin-top: 20px;
}

.contactList {
    list-style-type:none;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    line-height: 1.5em;
}

.contactList li {
  list-style-type:none;
  text-decoration: none;
  line-height: 1.5em;
}

// Kontakttabelle
.cCTable {
}

.cCTableColpicture {
  width: 120px;
  vertical-align: top;
}

.cCTableColpicture img{
  margin-left: 15px;
  margin-right: 15px;
}
/* ----------------- */
/* Migliedesformular */
/* ----------------- */

.memberFormContainer {
  padding: 15px;
}

.memberFormList {
  padding: 0px;
  margin: 0px;
  list-style-type:none;
  text-decoration: none;
  line-height: 1.5em;
}

.memberFormList li{
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  list-style-type:none;
  text-decoration: none;
  line-height: 1.5em;
}


/*.memberFormList li label{
  line-height: 1.9em;
}*/

.memberFormExample {
  font-size: 8pt;
}

.memberLinkBack {
margin-left: 180px;
}

/* ------------ */
/* HAT Programm */
/* ------------ */

table.hatprogramm {
    border: 1px solid grey;
    border-collapse: collapse;
}

table.hatprogramm td {
    border: 1px solid black;
    padding: 5px;
    vertical-align: top;
    background-color: lightgrey;
}

/* Float */

.csc-textpic-clear {
    display: none;
}