/* ********************************************
 * html
 * ********************************************
 */

body {
  background-color:#FFFFFF;
  color:#000000;
  font-family:Verdana, sans-serif, Arial, Helvetica;
  font-size:12px;
  margin:0;
  padding:0;
}

ul { list-style-image:url(/fileadmin/images/listimage-verein.png); }

table { margin-left:-1px; padding:0; }



/* ********************************************
 * header formatting
 * ********************************************
 */

h1, h2, h3, h4, h5, h6 {
  color:#4f53a7;
  font-weight:bold; 
  margin:0;
  padding:0;
}

h1.csc-firstHeader,
h1 { font-size:150%; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:110%; font-style:italic; }
h6 { font-size:100%; font-style:italic; }



/* ********************************************
 * text fomratting
 * ********************************************
 */

.bold { font-weight:bold; }
.text-150 { font-size:150%; }
.text-align-center { text-align:center; }
.txtRed { background-color:inherit; color:red; }



/* ********************************************
 * links
 * ********************************************
 */

a img,
a {
  background-color:inherit;
  border:0;
  color:#4f53a7;
  text-decoration:none;
}

a:hover { color:silver;  }


/* ********************************************
 * formular elements
 * ********************************************
 */

input, select, textarea {
  background-color:#f2f2f2;
  border-color:#4f53a7;
  border-style:solid;
  border-width:1px 0 0 1px;
  font-size:11px;
}

input:focus,
select:focus,
textarea:focus { background-color:#ffffff; }



/* ********************************************
 * float clearing
 * ********************************************
 */

div.clear,
div.clear-header,
div#clear-footer {
  clear:both;
  height:0px;
  line-height:0px;
}

div.clear-menu {
  background-color:#FFFFFF;
  background-image:none;
  clear:both;
  color:#000000;
  height:5px;
  line-height:6px;
}

/* ********************************************
 * layout
 * ********************************************
 */

div#page-wrapper {
  background-image:url(/fileadmin/images/bg-verein.png);
  border-left:1px solid #c3c8c6;
  border-right:1px solid #c3c8c6;
  margin:0 auto;
  width:1000px;
}


/* ********************************************
 * header
 * ********************************************
 */

div#header-wrapper {
  background-color:#ffffff;
  color:#00264C;
  height:200px;
}

div#header-left {
  float:left;
  height:200px;
  width:200px;
}

div#header-middle {
  float:left;
  height:170px;
  padding-top:30px;
  text-align:center;
  width:600px;
}

img.at { position:relative; top:3px; }

div#header-right {
  float:right;
  height:200px;
  width:200px;
}

* html div#header-middle { width:592px; }


/* ********************************************
 * content
 * ********************************************
 */

div#content {}
div#content-left { float:left; }

div#content-middle {
  float: left;
  margin-left: 5px;
  min-height: 300px;
  padding:5px 5px 20px 5px;
  width: 580px;
}

div#content-right { float:right; }

div#content-right input,
div#content-right select,
div#content-right textarea { background-color:#ffffff; }
div#content-right input:focus,
div#content-right select:focus,
div#content-right textarea:focus { background-color:#eeeeee; }


div#content-left,
div#content-right {
  min-height:10px;
  width: 200px;
}

* html div#content-left,
* html div#content-right {
  height:10px;
}

div.columnLeft { float:left; width:270px; }
div.columnRight { margin-left:284px; width:284px; }


/* ********************************************
 * footer
 * ********************************************
 */

div#footer  {
  background-color:#baffba;
  border-color:#c3c8c6;
  border-style:solid;
  border-width:0 0 1px 0;
  color:#00264c;
  font-size:90%;
  height:21px;
  width:1000px;
}

div#footer ul,
div#footer li { margin:0; padding:0; }


/* ********************************************
 * tables
 * ********************************************
 */

thead { text-align:left; }

table.contenttable-1 .td-0 { font-weight:bold; width:130px; }

table.contenttable-2 { width:100%; }
table.contenttable-2 .td-0 { width:260px; }
table.contenttable-2 .td-1 { width:134px; }
table.contenttable-2 .td-2 { width:174px; }

table.contenttable-3 { width:100%; }
table.contenttable-3 .tr-0,
table.contenttable-3 .td-0 { font-weight:bold; }


/* ********************************************
 * infobox
 * ********************************************
 */

div.infobox-title {
  background-color:#c3c8c6;
  color:#4f53a7;
  font-weight:bold;
  padding:3px 10px;
}

div.infobox-content {
  background-color:#eeeeee;
  color:inherit;
  padding:3px 10px;
}

div.infobox-content p { margin:0; padding:0; }

div.infobox input,
div.infobox select,
div.infobox textarea { background-color:#ffffff; }
div.infobox input:focus,
div.infobox select:focus,
div.infobox textarea:focus { background-color:#eeeeee; }


/* ********************************************
 * form
 * ********************************************
 */

div.form-item { margin-bottom:15px; }
div.form-left { float:left; width:150px; }
div.form-right { float:left; width:150px; }
div.form-error { margin-left:300px; }
div.form-clear { clear:both; height:0px; line-height:0px; }
div.form-submit { margin-left:150px; }


/* ********************************************
 * navigation.css
 *
 * menu1
 * ********************************************
 */

ul#menu1 {
  background-color:#baffba;
  background-image:none;
  border-collapse:collapse;
  color:#4f53a7;
  font-weight: bold;
  height:25px;
  margin:0;
  overflow:hidden;
  padding:0;
  width:100%;
}

li.menu1-level1 {
  background-color:#baffba;
  color:#4f53a7;
  display:inline;
  height:25px;
}

li.menu1-level1 a { line-height:25px; padding:5px 20px; }
li.menu1-level1 a:hover { background-color:#eac7ea; color:#4f53a7; text-decoration:none; }

li.menu1-active,
li.menu1-active a { background-color:#eac7ea; color:#4f53a7; }


/* ********************************************
 * menu2
 * ********************************************
 */

ul#menu2 {
  margin:0 0 0 20px;
  padding:0;
}


li.menu2-level3,
li.menu2-level2,
li.menu2-level1 {
  list-style-image:none;
  list-style-type:none;
}

li.menu2-level1 { padding:3px 0; }
li.menu2-level2 { margin-left:15px; padding:3px 0 10px 0; }
li.menu2-level3 { margin-left:30px; padding:3px 0 10px 0; }

li.menu2-level1:hover,
li.menu2-level2:hover,
li.menu2-level3:hover,
li.menu2-level1 a:hover,
li.menu2-level2 a:hover,
li.menu2-level3 a:hover { color:#eac7ea; list-style-image:url(/fileadmin/images/listimage2-verein.png); }

li.menu2-active { list-style-image:url(/fileadmin/images/listimage-verein.png); }
li.menu2-active a { font-weight:bold; }


/* ********************************************
 * menu3
 * ********************************************
 */

ul#menu3,
ul#menu3 p {
  margin:0;
  padding:0;
}

ul#menu3 {
  list-style-type:none;
  list-style-image:none;
  padding-bottom:7px;
}

.menu3-title {
  background-color:#baffba;
  color:#4f53a7;
  font-weight:bold;
  padding:3px 9px;
}

.menu3-content { font-size:90%; padding:7px 10px 7px 9px; }
.menu3-content a { font-weight:bold; }
.menu3-content p { margin:0; padding:0; }
li.menu3-content { padding:7px 10px 0px 9px; }


/* ********************************************
 * menuFooter
 * ********************************************
 */

ul#menuFooter { list-style-type:none; }
ul#menuFooter li { display:inline; }
ul#menuFooter li a img { height:15px; position:relative; top:3px; }


/* ********************************************
 * tt_news
 * ********************************************
 */

.news-list-item { margin-bottom:20px; }


/* ********************************************
 * macina_searchbox
 * ********************************************
 */

div.tx-macinasearchbox-pi1 { padding:10px; }
div.tx-macinasearchbox-pi1 a { font-size:90%; }

form#searchform {}

input.searchField,
input.searchSubmit {
  border-color:#00264c;
  border-style:solid;
  border-width:1px 0 0 1px;
}

input.searchField { width:124px; }
input.searchSubmit { width:50px; }


/* ********************************************
 * text
 * ********************************************
 */

div.txtRed,
div.txtRed h1,
div.txtRed h2,
div.txtRed h3,
div.txtRed h4 { color:red; }