/*
Style Name:   Praxis Placke rot blau weiss
Description:   Das blaue erweiterte tombeta-Theme
Version:   0.1
Author:   Thomas Oswald

Original. || http:  //www.tombeta.de
*/

body {
	background:           #fff;
	font:                 0.85em Arial, Verdana, Helvetiva, sans-serif;
	margin:               0px;
	padding:              0px;
}

div {
	color:                #2b2b2b;
	line-height:          1.4em;
}

.no,
.invis,
.tx-indexedsearch-whatis,
.seite14 #leftsearchtext,
.seite14 #leftsearchbutton {
  display:              none;
}

.clear {
  clear:                both;
}

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

a {
	text-decoration:      none;
}

a:link, a:active {
	color:                #478ec0;
}

a:visited {
	color:                #4b63ca;
}

a:hover {
	text-decoration:      underline;
}

ul#navi li a {
  color:                white;
}

ul#navi li a:hover {
  color:                #333;
}

li.active a {
  color:                #42392f;
}

#headerpicsubinfo a {
  color:                #f4cccc;
}



/******************** Pseudo-Elemente ***********************/

div#header, div#footer, #headerpicframe {
  padding-left:         181px;
}

div#header {
  height:               118px;
  background:           #91c2e5 url(../images/header_bg.gif) top repeat-x;
  text-align:           left;
  position:             relative
}

div.framing {
  width:                633px;
	text-align:           left;
}

/******************** Navigation ***********************/

#header  ul#navi {
  margin:               0px;
  padding:              0px;
  position:             absolute;
  bottom:               0px;
  list-style:           none;
  width:                800px;
  overflow:             hidden;
}

#header ul#navi li {
  margin:               0px;
  padding:              6px 0px 5px 0px;
  margin-top:           5px;
  float:                left;
  background:           #4684af url(../images/navi_bg.gif) top repeat-x;
  border-right:         1px solid #426a88;
  border-top:           1px solid #b9d8ee;
}

#header ul#navi li:first-child {
  border-left:          1px solid #426a88;
}

#header ul#navi li a:hover {
  text-decoration:      none;
  color:                #fff;
}

#header ul#navi li:hover {
  background-position:  0px -34px;
}

#header ul#navi li.active {
  background:           #952323 url(../images/navi_bg_active.gif) top repeat-x;
  border:               none;
  border-top:           1px solid #952a2b;
  margin-top:           0px;
  padding:              10px 0px 6px 0px;
  font-size:            1.2em;
}

#header ul#navi li.active a:hover {
  color:                #f4cccc;
}

ul#navi li a {
  font-size:            90%;
  font-weight:          bold;
  padding:              10px 33px 6px 33px;
}

.seite6 ul#navi li a {
  padding:              10px 31px 6px 33px;
}

.seite5 ul#navi li a,
.seite7 ul#navi li a,
.seite8 ul#navi li a,
.seite9 ul#navi li a,
.seite22 ul#navi li a,
.seite23 ul#navi li a,
.seite24 ul#navi li a,
.seite25 ul#navi li a {
  padding:              10px 32px 6px 33px;
}

.seite4 ul#navi li a,
.seite10 ul#navi li a,
.seite11 ul#navi li a,
.seite12 ul#navi li a,
.seite13 ul#navi li a {
  padding:              10px 31px 6px 31px;
}

.seite3 ul#navi li a {
  padding:              10px 31px 6px 31px;
}

.seite2 ul#navi li a {
  padding:              10px 33px 6px 32px;
}



/******** Unternavi ********/


ul#unternavi {
  border-top:           1px solid #b9d8ee;
  margin:               13px 0px 0px 0px;
  padding:              0px;
  list-style:           none;
  text-align:           right;
  font-size:            1.1em;
}

ul#unternavi li a {
  margin:               0px;
  padding:              13px 15px 13px 5px;
  border-bottom:        1px solid #b9d8ee;
  display:              block;
  background:           transparent url(../images/unternavi_bg.gif) top repeat-x;
}

ul#unternavi li a:hover, ul#unternavi li.active a {
  text-decoration:      none;
  font-weight:          bold;
  background:           transparent url(../images/unternavi_bg.gif) bottom repeat-x;
  color:                #fff;
}


/******** Unternavi 2. Grades ********/


ul#unternavi ul {
  margin:               0px;
  padding:              0px;
  list-style:           none;
  text-align:           right;
  font-size:            0.8em;
}

ul#unternavi ul li a {
  margin:               0px;
  padding:              5px 15px 5px 5px;
  border-bottom:        1px solid #ccc;
  display:              block;
  background:           #f5f5f5;
}

ul#unternavi ul li.active a {
  background:           #adcce4;
  font-weight:          bold;
}


ul#unternavi ul li a:hover {
  text-decoration:      none;
  background:           #adcce4;
  color:                #333;
}


/******************** Gerüst ***********************/

#headertopleft, #headertopright {
  height:               48px;
  float:                left;
}

#logoklick {
  width:                185px;
  height:               45px;
  border:               none;
}

#headertopleft {
  background:           transparent url(../images/header_top_left_bg.jpg) no-repeat;
  width:                190px;
}

#headertopright {
  background:           transparent url(../images/header_top_right_bg.jpg) no-repeat;
  width:                300px;
  margin-left:          195px;
}

#headerpicframe {
  background:           #952323 url(../images/header_ekg.gif) no-repeat;
  background-position:  0px 5px;
  border-bottom:        1px solid #521515;
  margin-bottom:        0px;
  padding-bottom:       0px;
  padding-top:          12px;
  padding-bottom:       12px;
}

.headerpic {
  border:               1px solid #aa3737;
  height:               162px;
  width:                682px;
  background:           #fff url(../images/header_pic.jpg);
  color:                transparent;
}

.seite2 .headerpic,
.seite14 .headerpic,
.seite15 .headerpic,
.seite20 .headerpic {
  background:           #fff url(../images/seite2_bg.jpg);
}

.seite3 .headerpic {
  background:           #fff url(../images/seite3_bg.jpg);
}

.seite6 .headerpic {
  background:           #fff url(../images/seite6_bg.jpg);
}

.seite7 .headerpic,
.seite8 .headerpic,
.seite9 .headerpic,
.seite23 .headerpic,
.seite24 .headerpic,
.seite25 .headerpic {
  background:           #fff url(../images/seite9_bg.jpg);
}
.seite10 .headerpic,
.seite11 .headerpic,
.seite12 .headerpic,
.seite13 .headerpic {
  background:           #fff url(../images/seite13_bg.jpg);
}

#headerpicsubinfo {
  background-color:     #6d1c1c;
  margin-top:           0px;
  margin-left:          2px;
  margin-right:         2px;
  padding:              0px 5px 2px 5px;
  font-size:            0.8em;
  color:                #f4cccc;
  text-align:           right;
}

.contentLeft, .contentmain {
  float:                left;
}

.contentLeft {
  width:                181px;
}

.contentmain {
  width:                682px;
  border-left:          1px dotted #8ac3f8;
  border-right:         1px dotted #8ac3f8;
}

#content {
  float:                left;
  padding-left:         30px;
  padding-right:        10px;
  padding-top:          10px;
  width:                406px;
}

#contentright {
  float:                left;
  width:                180px;
  padding:              0px 30px 0px 10px;
}

#footer {
  background:           #bcbcbc url(../images/footer_bg.jpg) repeat-x;
  min-height:           90px;
  padding-top:          10px;
}

#xerox {
  background:           #478ec0 url(../images/daumenhoch.gif) no-repeat;
  background-position:  20px 20px;
  color:                white;
  padding:              10px;
  padding-bottom:       8px;
  margin-bottom:        20px;
}

#xerox p, #xeroxnoindex p {
  margin-left:          50px;
  padding-right:        5px;
  margin-bottom:        2px;
  margin-top:           8px;
}

#xeroxnoindex {
  background:           #478ec0;
  background-position:  20px 20px;
  color:                white;
  padding:              10px;
  padding-bottom:       8px;
  margin-bottom:        20px;
}


/******** Stuff ********/


.toplink {
  text-align:           right;
}

.toplink, .backlink {
  margin-bottom:        20px;
  margin-top:           20px;
}

.contentimageleft {
  float:                left;
  border:               1px solid #ccc;
  padding:              8px;
  margin:               0px 10px 5px 0px;
}

.contentimagebig {
  border:               1px solid #ccc;
  padding:              8px;
  margin:               0px 10px 5px 0px;
  overflow:             hidden;
}

.footerlogo {
  float:                left;
  margin:               27px 27px 10px 27px;
}

.footercopyright {
  text-align:           center;
  width:                633px;
}

#map {
  height:               350px;
  width:                403px;
  border:               1px solid #979797;
  background-color:     #e5e3df;
}


#map .loading {
  color:                gray;
  padding:              10px;
  font-size:            2em;
}

/*****  WEBSITE LAYOUT Sitemap *****/

.csc-sitemap {
  font-weight:          bold;
  padding:              3px 0px 3px 0px;
  margin:               0px;
  border-bottom:        1px solid #eceef2;
} 

.csc-sitemap-level0 {
  padding:              5px 0px 5px 5px;
  font-weight:          bold;
  margin-bottom:        5px;
  background:           #eceef2;
}

.csc-sitemap-level1 {
  padding-left:         30px;
}

.csc-sitemap-level2, .csc-sitemap-level2-end {
  padding-left:         60px;
}

.csc-sitemap-level3, .csc-sitemap-level3-end {
  padding-left:         90px;
}

.csc-sitemap-level4 {
  padding-left:         120px;
}


/******************** News ***********************/

.news-latest-date {
  float:                left;
  width:                45%;
}

.news-latest-morelink {
  float:                right;
  text-align:           right;
  width:                80px; 
}

.news-latest-item {
  margin-bottom:        35px;
}

#contentright .news-latest-item:first-child {
  margin-top:           10px;
}

.news-latest-item:last-child {
  border-bottom:        none;
}

.news-latest-info {
  float:                left;
  margin-top:           5px;
  border-top:           1px dotted #ccc;
  background:           #f0f1f1 url(../images/newsframe_bg.gif) top repeat-x;
  border-bottom:        1px dotted #999;
  padding:              2px;
}


.news-latest-item h3, .news-latest-item p {
  margin-top:           0px;
  margin-bottom:        0px;
}



.news-single-timedata {
  color:                #666;
}

/******************** Formulare ***********************/

#leftsearch {
  margin:               0px;
  border-bottom:        1px dotted #8ac3f8;
  padding:              20px 15px 20px 10px;
  background-color:     #f5f5f5;
  text-align:           right;
}

#indexsearchtext,
#leftsearchtext {
  border:               1px solid #be7d7d;
  background:           #fff url(../images/searchbg.gif) repeat-x;
  height:               18px;
  padding:              3px;
  width:                94%;
  text-align:           right;
}

.seite14 #indexsearchtext {
  text-align:           left;
  width:                50%;
}

#indexsearchbutton,
#leftsearchbutton {
  background:           url(../images/form_search_submit.gif) top no-repeat;
  margin:               10px 0px 0px 0px;
  padding:              0;
  width:                58px;
  height:               27px;
  border:               none;
}

#leftsearchbutton:hover {
  cursor:               pointer;
  background-position:  0px -27px;
}

/******************** Typografie ***********************/

h1, h2, h3 {
  font-family:          Georgia, serif; 
}

h1 {
  font-weight:          normal;
  font-size:            1.85em;
  color:                #952323;
  margin-left:          30px;
  margin-top:           30px;
  margin-bottom:        10px;
  letter-spacing:       0.08em;
}

h2 {
  color:                #478ec0;
  font-size:            1.4em;
}

h3 {
  font-size:            0.90em;
  color:                #333;
}

#contentright {
  font-size:            0.9em;
}

#contentright, #contentright p, #contentright span, #contentright div, #contentright h1, #contentright h2, #contentright h3 {
  color:                #666;
}

#leftsearchtext {
  font-size:            1.3em;
  color:                #333;
}


/******************** Suche ***********************/

form#tx_indexedsearch fieldset {
  border:               none;
  padding:              0px;
}

/******************** Edit-Panel & Logout ***********************/

#FEuserlogout a {
  background:           #952323 url(../images/navi_bg_active.gif) top repeat-x;
  z-index:              1;
  position:             absolute;
  width:                100px;
  border:               1px solid #f4cccc;
  left:                 10px;
  top:                  10px;
  padding:              5px;
  font-weight:          bold;
  text-align:           center;
}

#FEuserlogout a, #FEuserlogout a:link, #FEuserlogout a:visited {
  text-decoration:      none;
  text-transform:       uppercase;
  color:                #fff;
}

#FEuserlogout a:hover, #FEuserlogout a:focus {
  color:                #f4cccc;
}
  
.typo3-editPanel {}

.adminpanelleft {
  background:           transparent url(../images/admnpanelleft.gif) right bottom no-repeat;
  width:                10px;
  padding-bottom:       8px;
}
.typo3-editPanel-controls {
  background:           transparent url(../images/adminpanelcenter.gif) bottom repeat-x;
}
.typo3-editPanel-label {}
.adminpanelright {
  background:           transparent url(../images/admnpanelright.gif) left bottom no-repeat;
  width:                10px;
  padding-bottom:       8px;
}


.contenttable2er {
  border:               none;
}

.contenttable2er td {
  padding:              2px;
  vertical-align:       top;
}

.tx-indexedsearch-whatis {
  display:              block;
  margin-bottom:        20px;
}

/******************** Tabellen ***********************/

table .contenttable,
table .contenttable tr {
  border: none;
  margin: 0;
  padding: 0;
}

.contenttable tr td {
  padding:              4px;
}

.contenttable .tr-even {
  background-color:    #f5f5f5;
}

.contenttable .td-0 {
  width:                120px;
}

.csc-textpic-imagewrap img,
.contenttable2er img {
  background-color:     #91C2E5;
  padding:              2px;
  border:               1px solid #952323
}