/*****************************/
/*** Core html setup stuff ***/
/*****************************/
@import url(http://fonts.googleapis.com/css?family=Baumans);
html {
  height: 101%;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial,sans-serif;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #575757;
	margin-bottom: 20px;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #0A58AB;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #999;
}

input.button { cursor: pointer; }

p { 
  margin-top: 0; 
  margin-bottom: 5px;
  text-align: justify; 
}

img { border: 0 none; }


td {
   vertical-align:top;
}

.list-title {
   width: 350px;
}

.list-date {
   width: 100px;
   text-align: center;
}

.list-hits {
   width: 100px;
   text-align: center;
}

.filters {
   border: 0;
}

.m-link {
   text-align: center;
	display: block;
	color: #999999;
	margin: 12px auto;
	background: #FFF;
	border: 1px solid #cccccc;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 20px;
	float: left;
	border-radius: 5px;
	color: #3DA3B6;
   font-weight: bold;
}

.element-invisible {
   display: none;
}

.search label,
.accordion-toggle,
.protectedby {
    display: none;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
  padding: 0;
  background: url(../images/page_bg.png) 0 0 repeat; 
}

.mobil {
   margin: 10px auto 20px 0;
   width: 980px;
   height: 30px;
   padding: 0 0 0 10px;
}

#main{
  margin: 10px auto;
  width: 990px;
  height: auto;
  min-height: 600px;
  overflow: hidden;  
}

#suche {
  float: right;
  margin: 35px 0 0 0;
}

header {
  margin:0;
  width: 790px;
  height: 147px;
  padding: 5px 0 0 200px;
  background: url(../images/header.jpg) 0 0 no-repeat;
}

#headline {
  float: left;
  width: 600px;
  height: 50px;
  margin: 70px 0 0 23px;
  font-family: 'Baumans', sans-serif;
  font-size: 12pt;
  color: #7d7d7d;
  line-height: 1.5em;
  letter-spacing: 0.3em;
}

section {
  width: 990px;
  min-height: 400px;
  height: auto;
  overflow: hidden;
  background: url(../images/cont_bg.gif) 0 0 repeat-y;
  padding: 10px 10px 30px 10px;
}

.etv {
   width: 80px;
   height: 120px;
   margin: 0 0 0 640px;
}

.mod-articles-category-date{display:block;} 
/* --------------------------------------------------------------------------- */
.mod0 {
  width: 180px;
  height: auto;
  margin: 0 0 15px 0;
}

.mod0 h3 {
   background: url(../images/h3_bg.png) 0 0 no-repeat;
   height: 45px;
   padding: 15px 0 0 20px;
}

.moduletable,   
.moduletable_menu {
   width: 180px;
   background: url(../images/mod_bg.png) 0 0 repeat-y;
   margin: -15px 0 0 0;
   padding: 5px 0 0 10px;
}

.modfooter0 {
   background: url(../images/mod_footer_bg.png) 0 0 no-repeat;
   height: 15px;
   margin: -2px 0 0 0;   
}

/* --------------------------------------------------------------------------- */
.mod1 {
  width: 180px;
  height: auto;
  margin: 0 0 15px 0;
}

.mod1 h3 {
   background: url(../images/h3_bg.png) 0 0 no-repeat;
   height: 45px;
   padding: 15px 0 0 20px;
}

.modfooter1 {
   background: url(../images/mod_footer_bg.png) 0 0 no-repeat;
   height: 15px;
   margin: -12px 0 0 0;   
}

/* ------------------------------------------------------------------------- */
.mod1 ul {
   padding-left: 0;
   margin: 0 0 10px 6px;
   border-bottom: 1px solid #f4f4f4;
   width: 130px; 
   font-size: 12px;  
   list-style-type:none;
}

.mod1 li {
   list-style: none;
   margin: 0;
   padding: 0.25em;  
}   

.mod1 li ul li {
   list-style: circle;
   margin: 0 0 0 20px;
   padding: 0.25em;
}

.mod1 li a { text-decoration: none; }

/* ------------------------------------------------------------------------- */

.mod2 {
  width: 180px;
  height: auto;
  margin: 0 0 15px 0;
}

.modfooter2 {
   background: url(../images/mod_footer_bg.png) 0 0 no-repeat;
   height: 15px;
   margin: -12px 0 0 0;   
}

.mod2 h3 {
   background: url(../images/h3_bg.png) 0 0 no-repeat;
   height: 45px;
   padding: 15px 0 0 20px;
}

.mod2 ul {
    list-style-type:none;
    margin: 0 0 10px -30px;
}
 

 /* ------------------------------------------------------------------------- */

.mod3 {
  width: 180px;
  height: auto;
  margin: 0 0 15px 0;
  overflow: hidden;
  padding: 0;
  font-size: 12px;
}

.modfooter3 {
   background: url(../images/mod_footer_bg.png) 0 0 no-repeat;
   height: 15px;
   margin: -2px 0 0 0;   
}

.mod3 h3 {
   background: url(../images/h3_bg.png) 0 0 no-repeat;
   height: 45px;
   padding: 15px 0 0 20px;
}

.mod3 ul {
    list-style-type:none;
    margin: 0 0 10px -30px;
}



/* ------------------------------------------------------------------------- */

.mod4 {
  width: 180px;
  height: auto;
  margin: 0 0 15px 0;
}

.mod4 img {
   margin: 0 0 0 10px;
}

.modfooter4 {
   background: url(../images/mod_footer_bg.png) 0 0 no-repeat;
   height: 15px;
   margin: -2px 0 0 0;   
}

.mod4 h3 {
   background: url(../images/h3_bg.png) 0 0 no-repeat;
   height: 45px;
   padding: 15px 0 0 20px;
}

 /* ------------------------------------------------------------------------- */

.mod5 {
  width: 180px;
  height: auto;
  margin: 0 0 15px 0;
  padding: 0;
}

.modfooter5 {
   background: url(../images/mod_footer_bg.png) 0 0 no-repeat;
   height: 15px;
   margin: -5px 0 0 0;   
}

.mod5 h3 {
   background: url(../images/h3_bg.png) 0 0 no-repeat;
   height: 45px;
   padding: 15px 0 0 20px;
}
/* ------News------------------------------------------------------------ */

.moduletable_aktuell {
  float: left;
  width: 540px;
  margin: 0;
}

.moduletable_aktuell ul {
  padding: 0;
  margin: 0;
}

.moduletable_aktuell li {
  list-style: none;
  padding: 3px 0;
}

.mod-articles-category-introtext {
  border-bottom: 1px solid #ddd;
}

.item-separator {
  border-bottom: 0px solid #ddd;
  margin-bottom: 5px;
}

/* ---------------------------------------------------------------------------- */

#links {
  float: left;
  width: 180px;
  height: auto;
  min-height: 400px;
  margin: 0;
  padding: 0;
}

#inhalt {
  float: left;
  width: 553px;
  height: auto;
  margin: 0 10px 0 10px;
  padding: 30px 15px 0 15px;
  overflow:hidden; 
}

#inhalt2 {
  float: left;
  width: 760px;
  height: auto;
  margin: 0 10px 0 10px;
  padding: 30px 15px 0 15px;
  overflow:hidden;
}

#rechts {
  float: left;
  width: 180px;
  height: auto;
  min-height: 400px;
  margin: 0;
}

h1 {
  color: #666;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
}


h2 {
  color: #3B7BB9;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  font-size: 16px;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #ddd;
}

#jevents_header  {
  color: #3B7BB9;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  font-size: 13px;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #ddd;
}

h3 {
  color: #666; 
  margin: 0; 
  padding: 0px;
  white-space: nowrap; 
  background: url(../images/h3_left_rounded.png) no-repeat left; 
  font-size: 100%; 
  font-weight: bold; 
  line-height: 42px; 
  text-transform: uppercase; 
  text-indent: 30px; 
  height: 40px; 
}

h4 {
  color: #274279; 
  margin: 0 0 10px 0; 
  padding: 0px;
  white-space: nowrap; 
  font-size: 100%; 
  font-weight: bold; 
  line-height: 42px; 
  text-transform: uppercase; 
  height: 20px;
}

.border {
  border-left: 1px dotted #E3E6DF;
}

footer {
  margin: 0px auto;
  width: 990px;
  height: 50px;
  text-align: center;
  background: url(../images/footer_bg.png) no-repeat left;
}


a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
  text-decoration:    none;
  color: #666;
}

@media only screen and (max-device-width: 480px) {
  a[href^="tel"]:link,
  a[href^="tel"]:visited,
  a[href^="tel"]:hover {
    text-decoration:    underline;
    color: blue;
     }
}