/* ========================== */
/* base config                */
/* ========================== */

body {
  font-family: georgia,serif;
  font-size:   15px;
  line-height: 160%;
  background:           #BFBBA7;
  color:                #555555;
  padding:              0 10px 10px 10px; 
  margin:               .2em;
  min-width:            920px;
  max-width:            1400px;

/*  font-size:            12px; */

}

* html body { /* ie hack */
  padding:              0 10px 10px 10px;
}

img {
  border:               0 none;
  margin:               2px 4px 2px 4px; 
}

hr {
  width:                100%;
  height:               1px;
  border:               0;
  border-top:           1px solid #cccccc;
}

table {
  border:               0;
  width:                100%; 
}

* html table { /* ie hack */
  width:                98%; 
}

a {
  color:                #555555;
  /* font-weight:          normal; */
  text-decoration:      underline;
}

ul {
  margin-top:           5px;
  margin-left:          0;
  padding-left:         2em;
  text-indent:          0;
  list-style-image:     url("../images/bullet.gif")
}

li, li a {
  line-height:          20px;
/*  font-size:            12px; */
/*  font-weight:          normal; */
/*  text-decoration:      none; */
}

.button {
  background-color:     #3E5567;
  color:                white;
  font-family:          Arial, Hevlvetica, sans-serif;
  text-align:           center;
  font-weight:          bold;
  width:                auto;
  padding:              3px 7px 3px 7px;
  margin:               1px;
}

.inputbox {
  padding:              2px;
  font-family:          Arial, Hevlvetica, sans-serif;
  font-size:            12px;
  border:               solid 1px #cccccc;
  background-color:     #dddddd;
}

h2 {
  font-size:            1.3em;
  color:                #444444;
  margin:               0;
  padding-top:          15px;
  padding-bottom:       5px;
}

h3 {
  font-size:            1.2em;
  color:                #444444;
  margin:               0;
  padding-top:          15px;
  padding-bottom:       5px;
}

h4 {
  font-size:            1.1em;
  color:                #444444;
  margin:               0;
  padding-top:          15px;
  padding-bottom:       5px;
}

p {
  margin-top:           0;
  margin-bottom:        0.8em;
}
/* ========================== */
/* template layout            */
/* ========================== */

/* helper for floating design */
.clr {
  clear:                both;
}

#containerall { }

/* -------------------------- */
/* top area                   */

#topleft {
  float:                left;
  width:                200px;
  margin-top:           0;
  margin-bottom:        0;
  margin-left:          10px;
  font-size:            75%;
}

* html #topleft {
  margin-left:          5px;
}

/* rechts oben */
#topright {
  margin-top:           0;
  margin-right:         10px;
  margin-bottom:        2px;
  margin-left:          250px;
  text-align:           right;
  font-size:            75%;
}

/* ---------------------------*/
/* header area                */

#header {
  background-image:     url("../images/header-2010.png");
  background-repeat:    no-repeat;
  background-position:  top left;
  text-align:           left;
  color:                #3E5567;
  border-right-width:   0px; 
  border-left-width:    0px;
  border-right-style:   solid;
  border-left-style:    solid;
  border-right-color:   silver;
  border-left-color:    silver;
  clear:                both;
  min-width:            906px;
}

#logo {
  text-align:           left;
}

#pathway1col {
  text-align:           left;
  margin-left:          180px;
  margin-right:         10px;
  font-size:            70%;
  padding-top:          5px;
}

#pathway2col {
  text-align: left;
  margin-left:          180px;
  margin-right:         280px;
  font-size:            70%;
  padding-top:          5px;
}

* html #pathway2col {
  margin-right:         290px;
}

/* -------------------------- */
/* main area                  */

#main {
  margin-left:          0;
  margin-right:         0;
  padding:              0;
  background:           #FFFFFF;
  min-width:            908px; 
}

/* main left area             */

#mainleft {
  background:       #EEEEEE;
  width:            166px;
  margin-top:       0;
  float:            left;
  margin-left:      0;
}

#posleft {
  background:       #EEEEEE;
  padding:          1em 0 3em 0;
}

#posuser1 {
  background:       #EEEEEE;
  padding:          1.5em 1em 1.5em 1em;
}


/* main right area            */

#mainright {
  margin:           0 0 20px 166px; 
  background:       white;
  padding:          .5em .5em .5em .5em;
}

#content1col {
  margin-right:     10px; 
  padding:          .6em .6em 1.5em .4em;
}

* html #content1col {
  margin-right:     20px; 
}

#content2col {
  margin-right:     250px; 
  padding:          .6em .6em 1.5em .4em;
}

#mainextra {
  right:            25px;
  margin-right:     10px;
  float:            right;  
  width:            240px;
  margin-top:       10px;
}

* html #mainextra { /* ie hack */  
  width:            240px;
  right:            10px;
}

#posright {
  right:            10px;
  background:       url("../images/bg-media.png") repeat;
  margin-bottom:    10px;
  padding:          .5em .6em .6em .6em;
}

#posuser2 {
  right:            10px;
  background:       url("../images/bg-media.png") repeat;
  margin-bottom:    10px;
  padding:          2px;
}


/* -------------------------- */
/* footer area                */

#footer {
  border-top:       1px solid #EEEEEE;
  padding:          2px 0 2px 180px;
  background-color: #3E5567;
  color:            #ffffff;
  font-size:        90%;
}


/* ========================== */
/* joomla core                 */
/* ========================== */

/* -------------------------- */
/* contentpane                */

.contentpagetitle {
  color:            #336699;
  text-decoration:  underline;
  font-weight:      bold;
}

.contentpaneopen {
  width:            97%; 
  margin-bottom:    2px;
  padding-top:      0px;
}

.contentheading {
  font-size:        1.2em;
  color:            #444444;
  font-weight:      bold;
  padding-top:      10px;
  text-align:       left;
}

.componentheading {
  font-size:        1.2em;
  font-weight:      bold;
  padding-top:      10px;
  padding-bottom:   10px;
  text-align:       left;
  text-decoration:  none;
}

.sectiontableheader {
  background-color: #3E5567; 
  height:           auto;
  color:            #FFFFFF; 
  font-weight:      bold;
  padding:          2px 5px 2px 5px;
  font-size:        100%
  border-top:       1px dotted #3E5567;
} 

.sectiontableentry1 {
  height:           auto;
  border-top:       1px solid #3E5567;
  border-bottom:    1px solid #3E5567;
  background-color: #EEEEEE; 
  margin:           0;
  padding:          5px;
}

.sectiontableentry2 {
  height:           auto;
  margin:           0;
  padding:          5px;
/*  background-color: #AECDE5; */
}

.article_separator {
  display: block;
}

/* media article blog */

.contentheading_media {
  font-size:        1.2em;
  font-weight:      bold;
  color:            #444444; 
  padding:          10px 5px;
  text-align:       left;
  background:      url("../images/bg-media.png") repeat;
  border-bottom:   1px solid #CCCCCC; 
}

.contentpaneopen_media {
  width:           97%; 
  padding:         0px 5px;
  background:      url("../images/bg-media.png") repeat;
}

.readon_media {
  background:url(../images/arrow-black-round_right_22x22.png) no-repeat 10px 2px;
  bottom:0;
  display:block !important;
  text-decoration:none;
  padding-left: 40px;
  margin-bottom: 10px;
  width: 170px;
  font-style: italic;
}

table.pagenav {
  margin-top: 20px;
  margin-bottom: 20px;
  align: center;
  width: 90%;
}

th.pagenav_prev {
  text-align: left;
  line-height: 24px; 
  width: 120px;
}

th.pagenav_next {
  text-align: right;
  line-height: 24px; 
  width: 120px;
}

.pagenav_prev a {
  background:      url('../images/arrow-black-round_left_16x16.png') no-repeat transparent left;
  font-weight: normal;
  padding-left:    28px; 
  text-decoration: none;
  display: inline;
  font-style: italic;
}

.pagenav_next a {
  background:     url('../images/arrow-black-round_right_16x16.png') no-repeat transparent right;
  font-weight: normal;
  padding-right:  28px; 
  text-decoration: none;
  display: inline;
  font-style: italic;
}

/* -------------------------- */
/* module tables              */

table.moduletable {
/*  width:            100%; */  
}

table.moduletable th {
  border-bottom:    1px solid #cccccc;
  margin-bottom:    10px;
  padding:          5px 0 5px 0;
  text-align:       left;
  font-size:        14px;
  font-weight:      bold;
  text-decoration:  none;
/*  width:            100%; */ 
}

table.moduletable td {
  font-size:        12px;
}

/* -------------------------- */
/* left main menue            */

.mainlevel  {
  display:          block;
  border-bottom:    1px solid #cccccc;
  line-height:      10px;
  font-weight:      bold;
  font-size:        0.9em;

  color:            #DDE4EC;
  text-decoration:  none;
/*  padding: 0 10px 0 10px; */
}

a.mainlevel:link, a.mainlevel:visited  {
  display:          block;
  border-bottom:    1px solid #cccccc;
  padding-top:      5px;
  padding-right:    10px;
  padding-bottom:   5px;
  padding-left:     10px;
  line-height:      18px;
  font-weight:      normal;
  text-decoration:  none;
  color:            #21536A;
}

a.mainlevel:hover{
  background-color: #3E5567;
  color:            #FFFFFF;
  font-weight:      normal;
  text-decoration:  none;
  border-bottom:    1px solid #cccccc;
}

a.sublevel:link, a.sublevel:visited  {
  display:          block;
  border-bottom:    1px solid #cccccc;
  font-size:        0.8em;
  font-weight:      normal;
  padding-top:      3px;
  padding-right:    10px;
  padding-bottom:   3px;
  padding-left:     10px;
  color:            #21536A;
  text-decoration:  none;
}

a.sublevel:hover{
  background-color: #3E5567;
  color:            #FFFFFF;
  font-weight:      normal;
  text-decoration:  none;
  border-bottom:    1px solid #cccccc;
}


/* -------------------------- */
/* top flat menue             */
 
ul#mainlevel-nav {
  list-style:       none;
  padding:          0;
  margin:           0;
  border:           0;
  width:            100%;
}

ul#mainlevel-nav li {
  display:          block;
  background-image: none;
  padding-left:     7px;
  padding-right:    7px;
  float:            right;
  margin:           0;
  white-space:      nowrap;
  border-left:      1px solid #3E5567;
}

ul#mainlevel-nav li a {
  display:          block;
  color:            #3E5567;
  padding-left:     5px;
  padding-right:    5px;
  text-decoration:  none;
}

/* -------------------------- */
/* active menu                */

#active_menu {
  color:            #21536A;
  background-color: #FFFFFF;
}

/* ========================== */
/* other template styles      */
/* ========================== */

.moduletable-latestnews ul {
  margin-top:       5px;
  margin-left:      0;
  padding-left:     12px;
/*  list-style:       disc; */
/*  text-indent:      10px; */
}

.moduletable-latestnews li a {
  line-height:      18px;
  font-size:        12px;
  font-weight:      normal;
/*  text-decoration:  none; */
}

.moduletable-latestnews th {
  border-bottom:    1px solid #cccccc;
  margin-bottom:    10px;
  padding-top:      5px;
  padding-bottom:   5px;
  padding-left:     0px;
  text-align:       left;
  font-size:        14px;
  font-weight:      bold;
  text-decoration:  none;
/*  width:            100%; */ 
}

.tt-table {
 width: 700px;
}

.tt-left {
  text-align:       right;
  vertical-align:   top;
  padding:          2px 7px 2px 0;
  width:            100px;
} 

.tt-right{
  text-align:       left;
  vertical-align:   top;
  padding:          2px 0 2px 7px;
  border-left:      1px solid Silver;
  border-bottom:    1px solid Silver;
} 

p.t_date {
  margin:           0;
  padding:          4px 0 2px 0px;
  font-weight:      bold;
}

p.t_title {
  margin:           0;
  padding:          0 0 2px 10px;
  font-size:        1.05em;
  font-weight:      bold;
}

p.t_text {
  margin:           0;
  padding:          0 0 2px 10px;
}

.external {
  background-image:    url('../images/external.gif');
  background-repeat:   no-repeat;
  background-position: 0 3px;
  padding-left:        14px; 
  font-weight:         bold;    
}

.internal {
  color:            darkblue;
  font-weight:      bold;
}

a.readon {
  color:            darkblue;
  font-weight:      bold;
}

.small {
  margin-top:       -10px;
  font-size:        .95em;
  color:            #777777;
}

.createdate {
  margin-top:       0px;
  padding-bottom:    4px;
  font-size:        .95em;
  color:            #777777;
    
}

.event_date {
  margin-top:       10px;
  margin-bottom:    0px;
  border-bottom:    1px solid #cccccc;
  font-size:        .95em;
  font-weight:      bold;
}

.event_title {
  margin-top:       5px;
  margin-bottom:    5px;
  font-size:        1.2em;
  font-weight:      bold;
}

.event_subtitle {
  margin-top:       5px;
  margin-bottom:    5px;
  font-style:  italic;
}


.event_text {
  margin-bottom:   20px;
}

.left-top {
  text-align:       left;
  vertical-align:   top;
  padding:          2px 0 2px 7px;
}

/* ========================== */
/* gallery styles             */
/* ========================== */

.head {
  margin-top:       5px;
  margin-bottom:    5px;
  font-size:        1.2em;
  font-weight:      bold;  
}

.title {
  margin-top:       5px;
  margin-bottom:    15px;
  font-size:        1.3em;
  font-weight:      bold;  
}

.desc {
  font-size:        1em;
  margin-top:       5px;
  margin-bottom:    5px;
  font-style:  italic;
}

.thumbnail img {
  padding: 6px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}

p img {
  padding: 6px;
  border: 1px solid #cccccc;
}

.noborder {
  border:               0 none;
  margin:               0px 0px 0px 0px; 
}


.easy_img_caption .thumbnail img {
  padding: 0px;
  border: 0;
}

.easy_img_caption {
  border: 1px solid #cccccc;
  padding: 6px 6px 0px 6px;
  font-family: Arial, Verdana, sans-serif;
}

#phocaguestbook {
  width: 95%;
}

#phocaguestbook h3 {
  font-size:        1em;
}

#phocaguestbook h4 {
  font-size:        1em;
}



.topic_left {
  float              : left;
  text-align         : right;
  font-size          : 0.8em;
  padding            : 20px 0 0 0;
  margin             : 0px 0 0 0;
  width              : 170px;
  color              : #666;
  font-weight: normal;
}

.topic_head {
  text-align         : left;
  padding            : 17px 0 0 0;
  margin             : 0px 0 0 200px;
}

.topic_text {
  text-align         : left;
  padding            : 0 0 0 0;
  margin             : 0 0 0 200px;
}

table.wabe {
/* width: 650px; */
width: auto; 
}

table.wabe td {
  text-align:       left;
  vertical-align:   top;
  padding:          2px 0 2px 7px;
  border-left:      1px solid Silver;
  border-bottom:    1px solid Silver;
}

div.imageSlider {
  margin:0 !important;
}
div.imageSlider > div.imageSliderViewport {
  margin:0 !important;
}

.mod_placehere .article_separator {
  display:none;
}

.mod_placehere h3 {
  text-align: center;
  padding: 5px;
}

a.pagenav {
  font-weight: bold;
}

.hd p {
  margin:0;
}

.hd .external {
  font-weight: normal;
}

.col_name p {
  font-weight: bold;
}

.bold, .bold p {
  font-weight: bold;
}

.italic, .italic p {
  font-style: italic;
}

.col_object p {
  font-style: italic;
}

p.pgcontentbottom {
  font-style: italic;
}

p.kuenstler {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.1em;
}

p.kuenstler_ort {
  font-style: italic;
}

p.objekt_ort {
  font-weight: bold;
}