/* FARBEN: 
hellgrau: #f3f3f3; 
Schrift: #696969; 
Rot: #d30014 
*/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #696969; line-height:15px;
	padding:0px; margin:0px;
	background-image: url(body_bg.jpg); background-repeat: repeat-x; }

.rand {
	background-color: #b9babc;
}

.top {
	font-size: 11px; 
	background-image: url(top_bg.jpg);
	height: 30px; }

.top a:link { font-size: 11px; color: #696969; text-decoration: none; margin-left:5px; margin-right:5px;}
.top a:visited { font-size: 11px; color: #696969; text-decoration: none; margin-left:5px; margin-right:5px;}
.top a:active { font-size: 11px; color: #d30014; text-decoration: none; margin-left:5px; margin-right:5px;}
.top a:hover { font-size: 11px; color: #d30014; text-decoration: none; margin-left:5px; margin-right:5px;}

.navigation {
	height: 28px;
	background-image: url(navi_bg.jpg); background-repeat: repeat-x; }

.line { height: 6px; }

.middle {
	width: 505px;   /* 583-39-39 */
	background-image: url(middle_bg.jpg); background-repeat: no-repeat; background-position: left 200px;
	padding: 20px 39px 20px 39px; }

.footer {
	font-size: 11px; text-align: center;
	background-color: #f3f3f3;
	height: 26px;
	padding: 10px; }

.footer a:link { font-size: 11px; color: #d30014; text-decoration: none; }
.footer a:visited { font-size: 11px; color: #d30014; text-decoration: none; }
.footer a:active { font-size: 11px; color: #d30014; text-decoration: underline; }
.footer a:hover { font-size: 11px; color: #d30014; text-decoration: underline; }

.right {
	width:192px; /* 195-3 */
	padding-left:3px;
	background-image: url(right_bg.jpg); background-repeat: repeat-y; background-position: left top; }
	
.footer_rechts {
	background-image: url(footer_rechts_bg.jpg); background-repeat: repeat-y; 
	padding-left:15px;}

.footer_rechts a:link { font-size: 11px; color: #d30014; text-decoration: none; }
.footer_rechts a:visited { font-size: 11px; color: #d30014; text-decoration: none; }
.footer_rechts a:active { font-size: 11px; color: #d30014; text-decoration: underline; }
.footer_rechts a:hover { font-size: 11px; color: #d30014; text-decoration: underline; }

/*  - - - - - - - -   mod 18 - Bread Crumb Navigation - - - - - - - - - - */

div.breadcrumbnav {
	font-size: 11px; color: #696969;
	/* border: 1px solid #000; */
	margin-bottom: 20px; }

div.breadcrumbnav a:link { color: #d30014; text-decoration: none; }
div.breadcrumbnav a:visited { color: #d30014; text-decoration: none; }
div.breadcrumbnav a:active { color: #d30014; text-decoration: underline; }
div.breadcrumbnav a:hover { color: #d30014; text-decoration: underline; }




/*  - - - - - - - -   mod02 - Titel - - - - - - - - - - */

div.title1 {
	/* border: 1px solid #000; */
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 22px; font-weight: normal; color: #696969; line-height:20px;
	margin-bottom: 20px; }

div.title2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color:#d30014; font-style:italic; line-height:15px;
	margin-bottom: 10px; }

div.title3 {
	/* border: 1px solid #000; */
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #696969; line-height:15px;
	margin-bottom: 10px; }




/*  - - - - - - - -   mod16 - News schreiben - - - - - - - - - - */

.news2inhalt { /* CONTAINER LINKS */
	/* border: 1px solid #000; */
	font-size:11px; color: #696969;
	margin-bottom:20px;
}

.newsdate {
	text-align: right;
}

.news2title {
	/* border: 1px solid #000; */
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 22px; font-weight: normal; color: #696969; line-height:20px;
	margin-bottom: 20px; }

div.news2intro {
	font-size: 11px; color: #696969; font-style:italic;
	margin-bottom: 10px; }

div.news2intro a:link { color: #d30014; text-decoration: none; }
div.news2intro a:visited { color: #d30014; text-decoration: none; }
div.news2intro a:active { color: #d30014; text-decoration: underline; }
div.news2intro a:hover { color: #d30014; text-decoration: underline; }

div.news2texteditor {
	/* border: 1px solid #000; */
 	font-size: 11px; color: #696969;
	margin-bottom: 10px;
} 

div.news2texteditor h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#d30014;
	font-style:italic;
	line-height:15px;
	margin-bottom: 10px;
}

div.news2texteditor h2 {
	/* border: 1px solid #000; */
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #696969; line-height:15px;
	margin-bottom: 10px; }


div.news2texteditor ul {
	list-style: url(pfeil.gif);
	margin: 10px 0px 10px 15px; }

div.news2texteditor ol	{
	margin: 10px 0px 10px 20px; }

div.news2texteditor a:link { color: #d30014; text-decoration: none; }
div.news2texteditor a:visited { color: #d30014; text-decoration: none; }
div.news2texteditor a:active { color: #d30014; text-decoration: underline; }
div.news2texteditor a:hover { color: #d30014; text-decoration: underline; }

div.news2texteditor table {
	 width:505px;  /* maximale Breite für eine Tabelle*/ }

div.news2texteditor td {
	font-size: 11px;
	background-color: #f3f3f3;
	padding: 0 5px 0 5px; } 
 
div.news2texteditor img { border:0; } 

.news2dokumentedownload {
	border: 1px solid #696969;
	background-color:#f3f3f3;
	font-size: 11px; color: #696969;
	padding: 10px;
	margin-bottom: 10px; margin-top:10px; }

.news2dokument {
	/* border: 1px solid #000; */
	margin-left: 20px; margin-top: 1px; }

div.news2dokument a:link { color: #d30014; text-decoration: none; }
div.news2dokument a:visited { color: #d30014; text-decoration: none; }
div.news2dokument a:active { color: #d30014; text-decoration: underline; }
div.news2dokument a:hover { color: #d30014; text-decoration: underline; }


/*  - - - - - - - -   mod22 - Sitemap - - - - - - - - - - */

.sitemap { margin-bottom: 20px; }

div.sitemap ul {
	list-style: url(pfeil.jpg);
	margin: 10px 0px 10px 15px; }

div.sitemap a:link { color: #d30014; text-decoration: none; }
div.sitemap a:visited { color: #d30014; text-decoration: none; }
div.sitemap a:active { color: #d30014; text-decoration: underline; }
div.sitemap a:hover { color: #d30014; text-decoration: underline; }

div.sitemap ul li { 
}



/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
        
        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html
        
*******************************************************************************/

.menu {
	font-family:verdana, arial, helvetica, sans-serif; font-size:12px; 
	width:778px;                    /*  (1)  */
	position:relative; 
	text-align:left;
  	/* padding-bottom:50px; */
	z-index:100;
}
.menu ul {                        /* UL Ebene 1 */
	padding:0; 
	margin:0;
	list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
	float:left;
	position:relative;
}
.menu ul li a, .menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
	/* border:1px solid #000000; */
	display:block; 
	text-decoration:none; color:#424242; 
	 /* width:79px; */                  /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)   (1) 
	height:28px;                    /*  (2)  */
	border-right:1px solid #828282;           /* Border-color am besten = Hintergrundfarbe der Seite */
	/* background:#aaa;  */
	padding: 0 12px 0 12px; 
	line-height:28px;               /*   (2)  */
}
* html .menu ul li a, .menu ul li a:visited {
	/* width:89px;   */            	/* für 'normale' Browser */	/* AUSKOMMENTIEREN, DA SONST PROBLEME MIT DER BREITE */
	/* w\idth:79px;  */             /* für IE */				/* AUSKOMMENTIEREN, DA SONST PROBLEME MIT DER BREITE */
}
.menu ul li ul {
	display: none;
}

.menu table {
	margin:-1px; 
	border-collapse:collapse;
	font-size:11px;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a, .menu ul li a:hover {
	color:#d30014; 
	 background:#f3f3f3;    /* NIE AUSKOMMENTIEREN, DA SONST DIE UNTERMENUS NICHT ANGEZEIGT WERDEN */
}

/* - - - - - - - LEVEL 2  - - - - - - - - - */

.menu ul li:hover ul, .menu ul li a:hover ul {
  	display:block; 
	position:absolute; 
	top:28px;                          /*   (2)  */
	margin-top:0px; /* 1 */
	left:0; 
	width:150px; /* 100 */
}

* html .menu ul li a:hover ul {
	margin-top:0;
	marg\in-top:1px;
}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:0;
}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
	display:block; 
	background:#dbdbdb; 
	color:#d30014; 
	height:auto; 
	line-height:1.2em; 
	padding:5px 10px; 
	width:129px; /*79 */
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}
* html .menu ul li a:hover ul li a {
	width:150px; /* 100 */
	w\idth:129px; /* 79 */
}

.menu ul li:hover ul li a.drop, .menu ul li a:hover ul li a.drop { 		/* Ebene 2 mit  Subpunkten */
	background:#dbdbdb url(drop.gif) no-repeat 140px center;
}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {	/* Ebene 2 hover */
	background:#b9b9b9; 
	color:#fff;
}

/* - - - - - - - LEVEL 3  - - - - - - - - - */

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {	/* Ebene 3 */
	visibility:visible; 
	position:absolute; 
	left:150px; 
	top:0;
	width:150px;
}

.menu ul li:hover ul li:hover ul.left,  .menu ul li a:hover ul li a:hover ul.left { /* Ebene 3  letztes Element */
	left:-150px;
}








/*  - - - - - - - -   mod10 - PHP-Code - - - - - - - - - - */

div.phpcode {
	font-size: 11px;
	/*border: 1px solid #008690;
	padding: 10px;
	margin-bottom: 10px;*/
	color: #001b62;

}


/*  - - - - - - - -   mod15 - Formular erzeugen - - - - - - - - - - */

div.formular {
	font-size: 11px;
	/* border: 1px solid #000000;  */
	padding: 10px; 
	margin-bottom: 20px;
	color: #696969;
	width: 480px;
	padding:10px;

}

div.formularfehler {
	color:#ffffff;
	/* border: 1px solid #008690; */
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:45px;
	width:480; 
	background-color:#d30014; 
	margin-bottom:10px;
}

#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:480px;
	/*background-color:#ffffff; */
	color:#696969;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size: 11px;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	/*background-color:#ffffff;*/
	/* border-top:1px solid #fff;  */
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:100px;
	/* border-right:2px solid #fff; */
}

#form-module label.checkbox {
	width:200px;
	/* border:1px solid #fff; */
	padding:0px 0px 0px 15px;
	margin:0px;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:250px;
	border:1px solid #000; 
}

#form-module input.text {
	height:20px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #696969; */
}

#form-module textarea.textarea {
	height:20px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#696969;
}

#form-module input.checkbox {
	width:15px;
	height:15px;
	margin:0px 0px 0px 10px;
	border:1px solid #000; 
}

#form-module input.submit { 
	margin:0px 0px 20px 120px;
	padding:2px;
	border:1px solid #696969;
	background-color:#d30014;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	cursor:pointer;
	
}

#form-module input.submit:hover { 
	background-color:#ffffff;
	color:#d30014;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
	
}

#form-module-thanks {
	display:block;
	color:#696969;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

#form-module p {
	/* border-bottom:1px dotted #5b5b5b; */
}


/*  - - - - - - - -   mod13 - bilderpopups - - - - - - - - - - */


div.fotopopups { margin-bottom:10px; }
div.fotopopups img { border-bottom: 1px solid #fff; }


/*  - - - - - - - -   mod29 - JAOS Lightbox - - - - - - - - - - */

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung der Thumbnails, ausgelegt auf eine Thumbnail-Grösse von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet und dem jeweiligen div's zugeordnet.
*/

div.jaosg_gallerie {
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #696969;
	/*border: 1px solid #008690;*/
	padding: 10px;
}

div.jaosg_title{
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 22px; font-weight: normal; color: #696969; line-height:20px;
	margin-bottom: 20px; }

div.jaosg_einleitung{
	font-size: 11px;
	color: #696969;
	margin-bottom: 10px;
}


div.jaosg_thumbnail{
	float: left;
	background: #f3f3f3;
	/*border: 1px solid #000000;*/
	/*border-color: #AAA #444 #444 #AAA;*/
	margin: 1px 1px;
}

div.jaosg_thumbnail img{
	border: 0px solid;
	/*border-color: #444 #AAA #AAA #444;*/
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 15px 5px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 5px 15px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}


/*  - - - - - - - -   mod11 - Teaser mit Kategorieauswahl - - - - - - - - - - */

.teaser {
	/* border: 1px solid #000000; */ 
	margin-bottom: 20px;
	font-size: 11px;
	}

.teaserartikel { margin-bottom: 15px; }

.teaserdatum { text-align: left; padding-bottom:3px; }

.teasertitel {
	font-size: 14px; font-weight: bold; color: #d30014;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dddddd;
	padding-bottom:5px;
	line-height:18px;
}

div.teasertitel a:link { color: #d30014; text-decoration: none; }
div.teasertitel a:visited { color: #d30014; text-decoration: none; }
div.teasertitel a:active { color: #696969; text-decoration: none; }
div.teasertitel a:hover { color: #696969; text-decoration: none; }

.teasereinleitung {	/*border: 1px solid #000000; */ padding-left:30px; }

div.teasereinleitung a:link { color: #d30014; text-decoration: none; }
div.teasereinleitung a:visited { color: #d30014; text-decoration: none; }
div.teasereinleitung a:active { color: #d30014; text-decoration: underline; }
div.teasereinleitung a:hover { color: #d30014; text-decoration: underline; }

.teasernav { margin-top:14px; /*border: 1px solid #008690;*/ }

div.teasernav a:link { color: #d30014; text-decoration: none; }
div.teasernav a:visited { color: #d30014; text-decoration: none; }
div.teasernav a:active { color: #696969; text-decoration: none; }
div.teasernav a:hover { color: #696969; text-decoration: none; }