/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
## Projekt : Tourismusverein Brandenburg an der Havel e.V.
## JOOMLA! - CMS
## Datei : template_css.css
## Autor : matti m. matthes ( http://www.scaristadesign.de )
## Datum : 05 / Juli / 2006
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
@import url(print.css);
/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
## BASISLayout
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/


	

html {height:100%} 

 body {
    min-height: 101%;	
	font-size: 100.1%; 
	padding: 0px 0 10px 0;
	background: #7792b2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
    text-align: left; 
}
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }

/* ######################################################################################################
** ### Elemente des Basislayouts ###################################################################
** ######################################################################################################
*/

/* Formatierung der Seite */

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 0px #7792b2 solid; background: #fff; }
#page_margins {border: 0px #7792b2 solid; background: #7792b2; width: 960px; }

/* Formatierung der Kopfbereiches */
#header { position:relative; height: 195px; color: #fff; background: #eef1ff url(../images/head.jpg); padding: 5px 0 0 260px;}

/* Formatierung der Hauptnavigation */
#mainnavigation {color: #fff; background: #e0e7ee; height: 45px;}

/* Formatierung der Subnavigation */
#subnavigation{ color: #333; font-size: 12px; line-height: 1.5em; background: #eef1ff; padding: 10px 10px 10px 10px; }

/* Formatierung des Contentheadbereichs */
#contenthead { color: #fff; background: #eef1ff; padding: 0px 0px 0px 0px; }

/* Formatierung des Contentbereichs */
#content { color: #333; background: #eef1ff; padding: 14px 10px 10px 20px; border-left: #ccc 0px solid;}

/* Formatierung der Fußzeile */
#footer { font-size: 0.7em; color:#999; background:#eef1ff url(../images/footer.gif); margin: 0em; padding: 0 0 0 0.5em; height: 45px;}

#linetop {
	background-color: #eef1ff;
	line-height: 0em;
}

#linebottom {
	background-color: #eef1ff;
	line-height: 1em;
}

#ff_formdiv14 {
	background-color: #eef1ff;
}

/* ---------- SUBTEMPLATES by Dirk Jesse / http://www.yaml.de ---------- */
.subcolumns { width: 100%; overflow:hidden; margin: 1em 0 1em 0;}
.subcolumns_oldgecko { width: 100%; float:left;}
.c50l, .c25l, .c33l, .c38l, .c43l, .c57l, .c66l, .c75l, .c62l {float: left;}
.c50r, .c25r, .c33r, .c38r, .c43r, .c57r,  .c66r, .c75r, .c62r {float: right; margin-left: -5px;}
.c25l, .c25r { width: 25%;}
.c33l, .c33r { width: 33.333%;}
.c43l, .c43r { width: 42.99%;}
.c57l, .c57r { width: 56.99%;}
.c50l, .c50r { width: 49.99%;}
.c66l, .c66r { width: 66.666%;}
.c75l, .c75r { width: 75%;}
.c38l, .c38r { width: 38.2%;}
.c62l, .c62r { width: 61.8%;}
.subc  { padding: 0 0.5em;}
.subcl { padding: 0 0.5em 0 0;}
.subcr { padding: 0 0 0 0.5em;}


/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
## NAVIGATION
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/*START - LINKS*/
 a:link, a:visited {
	background: transparent;
  	color: #993333;
	font-weight: normal;
	text-decoration:none;
	}

a:hover {
    background: transparent;
	color: #663;
	font-weight: normal;
	text-decoration:underline;
	}
	
a:active {
    background: transparent;
	color: #663; 
	font-weight: normal;
	text-decoration:underline;
	}	
		
 /*END - LINKS*/
 
 /*START - LINKS - EXTERN*/
 a.extern:link, a.extern:visited {
	background: transparent;
  	color: #999;
	font-weight: normal;
	text-decoration:none;
	}

a.extern:hover {
    background: transparent;
	color: #993333;
	font-weight: normal;
	text-decoration:underline;
	}
	
a.extern:active {
    background: transparent;
	color: #993333; 
	font-weight: normal;
	text-decoration:underline;
	}	
		
 /*END - LINKS - EXTERN*/
 
 /*START - LINKS - INTERN*/
 a.intern:link, a.intern:visited {
	background: transparent;
  	color: #003366;
	font-weight: normal;
	text-decoration:none;
	}

a.intern:hover {
    background: transparent;
	color: #993333;
	font-weight: normal;
	text-decoration:underline;
	}
	
a.intern:active {
    background: transparent;
	color: #993333; 
	font-weight: normal;
	text-decoration:underline;
	}	
		
 /*END - LINKS - INTERN*/
 
 /*START - LINKS - FOOTER*/
 a.footer:link, a.footer:visited {
	background: transparent;
  	color: #666;
	font-weight: normal;
	text-decoration:none;
	}

a.footer:hover {
    background: transparent;
	color: #993333;
	font-weight: normal;
	text-decoration:underline;
	}
	
a.footer:active {
    background: transparent;
	color: #993333; 
	font-weight: normal;
	text-decoration:underline;
	}	
		
 /*END - LINKS - FOOTER*/

 
 
 /*START - TopMenue*/
 a.mainleveltop:link, a.mainleveltop:visited {
	background: transparent;
  	color: #003366;
	font-family: arial,verdana;
	font-weight: normal;
	line-height: 15px;
	text-decoration:none;
	font-size:12px; 
	text-align:left;
	padding: 0 20px 0 0;
	}

a.mainleveltop:hover {
    background: transparent;
	color: #003366;
	font-weight: normal;
	line-height: 15px;
	text-decoration:underline;
	text-align: left;
	padding: 0 20px 0 0;
	}
	
a.mainleveltop:active {
	color: #003366; 
	font-weight: normal;
	text-decoration:underline;
	}	
	
#active_menutop {
	color: #003366; 
	font-weight: normal;
	text-decoration:underline;
}	
 /*END - TopMenue*/

/*START - HauptNavigation - START*/

a.mainlevelsite:link, a.mainlevelsite:visited {
  float:left;
  font-size: 1.0em;
  color:#003366;
  background: transparent;
  padding:0px 25px 0px 27px;
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
	}
	
a.mainlevelsite:hover {
	color:#a6b8d1;
    background-color: transparent;
	text-decoration: underline;
	}
	
a.mainlevelsite:active {
	color:#7792b2;
    background-color: transparent;
	text-decoration: underline;
	}
	
#active_menusite {
	color:#7792b2;
    background-color: transparent;
	text-decoration: underline;
}	
	
/*END - HauptNavigation - END*/

	/*START - SubNavigation - START*/

a.mainlevelsubleft:link, a.mainlevelsubleft:visited {
        display:block;
		width: 180px;
	    line-height: 20px;
		padding: 5px 0px 5px 20px; 
		background-color:#eef1ff;
		font-size: 12px; 
		color: #003366; 
		border-bottom: 1px #e0e7ee solid;
	}
	
a.mainlevelsubleft:hover {
	background-color:#e0e7ee; 
	color: #7792b2; 
	text-decoration: none;
	border-bottom: 1px #fff solid;
	}
	
a.mainlevelsubleft:active {
	color: #7792b2; 
	background-color:#e0e7ee; 
	border-bottom: 1px #f5f3ed solid;
	}
	
#active_menusubleft {
	color:#7792b2;
    background-color: #e0e7ee;
	text-decoration: none;
	border-bottom: 1px #fff solid;
}		
	
/*END - SubNavigation - END*/

/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
## CONTENT
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

h1,h2,h3,h4 { font-family: 'Verdana', Helvetica, Arial, sans-serif; display:block; }

h1 {font-size: 1.4em; font-weight:normal; color: #4b6f9a;  background:inherit;  margin:0 0 1.1em 0; padding: 0 0 0.3em 0; border-bottom: 1px #4b6f9a solid;}
h2 {font-size: 1.0em; font-weight:normal; color: #003366; background-color: #e0e7ee;  margin:0.2em 0 0.5em 0; padding: 0.3em;}
h3 {font-size: 0.8em; font-weight:normal; color: #003366; background-color: #e0e7ee ; margin:0.5em 0 0.8em 0; padding: 0.3em;}
h4 {font-size: 0.9em; font-weight:bold; color: #888; margin:0.4em 0 0.3em 0; border-bottom: 1px #ccc solid;}



.headlinetop { 
	display:block;
	font-size: 1.1em; 
	font-weight:normal; 
	color: #4b6f9a;  
	background:inherit;  
	margin:0 0 1.1em 0; 
	padding: 0 0 0.3em 0; 
	border-bottom: 1px #4b6f9a solid;
}


p,ul {line-height: 1.3em; color: #003366;}
p {line-height: 1.3em; margin: 0 0 0 0; }
p.small {line-height: 1.0em; margin: 0; font-size: 8px;}



.text {
	font-size: 12px;
	line-height: 1.4em;
	color: #003366;
}	

.MsoNormal {
	font-size: 12px;
	line-height: 1.4em;
	color: #003366;
}	

.textleft {
	font-size: 11px;
	line-height: 13px;
	color: #003366;
}	

.kasten {
	font-size: 12px;
	line-height: 1.2em;
	color: #003366;
	padding: 10px 0 10px 10px;
	border-top: 1px solid #c6d3e0;
	border-right: 1px solid #c6d3e0;
	border-bottom: 1px solid #c6d3e0;
	border-left: 5px solid #c6d3e0;
}	

/* ---------- AKTUELL ---------- */
.contentpaneopennews h2 {font-size: 1.2em; font-weight:normal; color: #224f83;  background:inherit;  margin:1em 0 1.1em 0; padding: 0 0 0.3em 0; width: 680px; border-bottom: 1px #4b6f9a solid;}
.contentpaneopennews p {line-height: 1.3em; font-size: 12px; margin: 0; color: #003366;}
.readonnews {line-height: 1.3em; font-size: 12px; margin: 0;}
.contentpaneopennews ul { margin: 0 0 20px 0; padding: 0; list-style: none;}
li.aktuell_datum {background: transparent; margin: 10px 0 0 0; padding: 0; font-size: 13px; font-weight: bold; font-style: italic; color: #224f83;}
li.aktuell_titel {background: transparent; margin: 10px 0 0 80px; padding: 0; font-size: 13px; font-weight: bold; text-transform: none; color: #4b6f9a;}
li.aktuell_eintrag {background: transparent; margin: 5px 0 0 80px; padding: 0; font-size: 12px; font-weight: normal;}

.imgright {
	padding: 0 0 5px 15px;
}

.img_right {
   float:right;
	margin:0 0 0.5em 0.5em;
	padding:0;
}

blockquote { 
	font-family: 'Verdana', Helvetica, Arial, sans-serif; 
	color: #666; 
	background: transparent; 
	border: 0;
}

hr { color: #eee; background:transparent; margin: 0 0 0 0; padding: 0 0 0 0; border-bottom: 0px #eee solid; }


.imgleft {
    float: left;
	padding: 0 10px 5px 0;
}

.imgstartleft {
    background: transparent;
    float: left;
	margin: 15px 0 15px 0;
	padding: 4px;
	border: 1px solid #003366;
}

/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
## JOOMLA!
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#wdtable1 {
	padding: 0 0 20px 0;
}

.modulezufall {
	padding: 0 0 20px 0;
}

.componentheading {
	font-size: 1.4em; 
	font-weight:normal; 
	color: #4b6f9a;  
	background:inherit;  
	margin:0 0 1.1em 0; 
	padding: 0 0 0.3em 0.3em; 
	border-bottom: 1px #4b6f9a solid;
	}
	
.pagenav { 
    font-family:verdana,arial; 
	font-size:10px; 
	font-weight: normal; 
	color:#160c37;
	text-align: left; 	
	}	
	
.contentpane {
	font-family:verdana,arial; 
    font-size: 13px; 
    color:#160c37;
	line-height: normal;
    }	
	
.contentpanedibu {
	text-align:center;
    }		
	
.contentpaneopen {
    background: transparent; 
	font-size: 13px; 
    color:#160c37;
    }
	
.searchintro {
	font-family:verdana,arial; 
    font-size: 13px; 
    color:#160c37;
	line-height: normal;
    }	
	
.searchframe {
	border: 1px;
	border-style: solid;
	border-color: #160c37;
	padding: 8px;
    }	
	
.highlight {
	font-weight: bold;
    }	
	
.readon { 
    font-family:verdana,arial; 
	font-size:12px; 
	font-weight: bold; 
	font-style: italic;
	color:#160c37;
	text-align: left; 
	line-height: 20px;
	padding-left: 0px;
	background: transparent;
	}	
	
.back_button { 
    font-family:verdana,arial; 
	font-size:12px; 
	font-weight: bold; 
	font-style: italic;
	color:#160c37;
	text-align: left; 
	line-height: 20px;
	padding-left: 6px;
	background: transparent;
	border: 0px;
	border-style: solid;
	}		
	
.article_seperator {
	line-height: 0.2em;
}	
	
.blog {
	background: transparent;
	padding: 0px;
}		
	
.blog_more { 
    font-family:verdana,arial; 
	font-size:10px; 
	font-weight: bold; 
	color:#160c37;
	text-align: left; 
	}	
	
.blogsection { 
    font-family:verdana,arial; 
	font-size:10px; 
	font-weight: normal; 
	color:#160c37;
	text-align: left; 
	}						
		
	
.inputbox {
	background-color:#ffffff; 
	font-family:verdana,arial; 
    font-size:12px; 
    color:#160c37;
	line-height: 20px;
    }	
	
.inputbox_form {
	background: #fff;
	font-family: verdana,arial;
	font-size: 12px;
	color: #160c37;
	margin: 0;
	padding: 3px;
	border: 1px solid #999;
}	

.button_form {
	background: #fff;
	font-family: verdana,arial;
	font-size: 12px;
	color: #160c37;
	margin: 0;
	padding: 3px;
	border: 1px solid #999;
}

.button {
	background: #fff;
	font-family: verdana,arial;
	font-size: 12px;
	color: #160c37;
	margin: 15px 0 0 0;
	padding: 3px;
	border: 1px solid #999;
}

/* END - CONTENT */  

/*START-Gaestebuch*/
.sectiontableheader {
	font-family:verdana,arial; 
    font-size:13px; 
	font-weight: bold;
    color:#003366;
	line-height: 1.5em;
	background-color: #e0e7ee;
	
    }

.sectiontableentry2 {
	font-family:verdana,arial; 
    font-size:11px; 
    color:#003366;
	line-height: 1.2em;
	background-color: #eef1ff;
	
    }
	
.sectiontableentry1 {
	font-family:verdana,arial; 
    font-size:11px; 
    color:#003366;
	line-height: 1.2em;
	background-color: #e0e7ee;
	
    }

.small {
	font-family: verdana,arial;
	font-size: 11px;
	color:#003366;
	line-height: 1em;
    }
	
hr {
    color: #ccc; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #ccc solid; 
}	
/*END-Gaestebuch*/


	

