/* CSS Document */

/* Haupteinstellungen für alle Seiten */
html, body {
                         background-image:url("http://www.brueckenweb.de/layout/images/background.jpg");
                         margin:0px;
                         padding:0px;
                         z-index:0;
                         height:100%;
                         }
a:link, a:visited {
            color:rgb(21,1,133);
        }
a.reverse:link, a.reverse:visited {
            color:rgb(255,255,255);
        }

#bereichoben {
				position:relative;
				height:100px;
				width:100%;
			        margin:0px;
				padding:0px;

			}
#bereichmitte {
				position:relative;
				height:auto;
				width:100%;
				z-index:0;
				margin:0px;
                                 padding:0px;
                                 left:0px;

			}

#bereichunten {
				position:relative;
				height:100px;
				width:100%;
				background-color:brown;
                                 margin:0px;
                                 padding:0px;

			}

/* Seitentitelbalken */
#seitentitel {
        display:block;	
				border-style:solid;
				border-width:thin;
				border-color:rgb(21,1,133);
				background-color:rgb(220,220,220);
				height:25px;
				font-size:20px;
				font-weight:bolder;
				color:rgb(21,1,133);
				text-align:left;
				margin-left:6px;
        margin-top:2px;
        float:right;
        width:100%;
        }
				
				

/* für homepage.tpl */
#linkespalte1 {
                                 position:absolute;
                                 top:0px;
                                 height:100%;
                                 width:148px;
                                 left:0px;
                                 margin:0px;
                                 padding:0px;
                                 z-index:1;
                                 }

#content1 {
				position:relative;
				top:0px;
				height:100%;
				width:650px;
				left:150px;
				margin:0px;
				padding:0px;
				z-index:1;
				}
#rechtespalte1 {
				position:absolute;
				top:0px;
				height:100%;
				width:200px;
				left:800px;
				background-color:yellow;
				z-index:1;
				}
.box_rechts {
				position:relative;
				width:315px;
				border-style: solid;
				border-width:thin;
				border-color:rgb(21,1,133);
				background-color:white;
				z-index:2;
				margin:3px;
                                 padding:1px;
                                 }
.box_links {
				position:relative;
				width:315px;
				border-style: solid;
				border-width:thin;
				border-color:rgb(21,1,133);
				background-color:white;
				z-index:2;
				margin:3px;
                                 padding:1px;
				}
.breite_box {                    position:relative;
				left:150px;
                                 top:50px;
				width:636px;
                                 height:100px;
				border-style: solid;
				border-width:thin;
				border-color:rgb(21,1,133);
				background-color:white;
				z-index:3;
				margin:3px;
                                 padding:1px;
				}
.brueckenstadt_box {  
                  position:relative;
				left:150px;
                top:20px;
				width:636px;
                border-style: solid;
				border-width:thin;
				border-color:rgb(21,1,133);
				background-color:white;
				z-index:3;
				margin:3px;
                padding:1px;
				}				

.linke_boxen {
				position:relative;
				left:0px;
				top:0px;
				width:320px;
				height:100%;
                                 }
.rechte_boxen {
				position:absolute;
				left:323px;
				top:0px;
				width:320px;
                                 height:100%;
                                 }

.box_kopf {
			height:16px;
			width:100%;
			padding:1px;
                         margin:-1px;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bolder;
			color:white;
			background-color:rgb(21,1,133);
			text-align:center;
			}
.ueberschrift {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:underline;
			font-weight:bold;
			color:rgb(21,1,133);
			}
.ueberschrift2 {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			font-weight:bold;
			color:rgb(21,1,133);
			}
.ueberschrift_gross {
			font-family: sans-serif;
			font-size:16px;
			text-decoration:none;
			font-weight:bold;
			color:rgb(21,1,133);
			}			
.text {
			font-family:  Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:normal;
                         color:rgb(0,0,0);
                         line-height:115%;
			}
.datum {
			font-family: Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:bold;
       			color:rgb(21,1,133);
			}
p.news {
		padding:0px;
		margin:0px;
		}
/* Hauptseite Einstellung */


#header {
			background-color:rgb(21,1,133);
			width:100%;
			height:100px;
			padding:0px;
			margin:0px;
			z-index:0;
		}
#linkespalte {
			position:absolute;
			background-color:rgb(238,238,238);
			top:100px;
			left:0px;
			width:150px;
			margin:0px;
			padding:0px;
			z-index:0;
			}
#content	{
			margin-top:0px;
			margin-left:150px;
			width:500px;
			z-index:0;
			}


#foot		{
			position:relative;
			top:20px;
			left:-100px;
			font-family:"Arial","MS Sans Serif",sans-serif;
            font-size:11px;
            font-weight:bold;
            text-decoration:none;
			text-align:center;
			z-index:0;

			}
.footdiv {
			position:relative;
			top:20px;
			left:-100px;
			font-family:"Arial","MS Sans Serif",sans-serif;
            font-size:11px;
            font-weight:bold;
            text-decoration:none;
			text-align:center;
			z-index:0;

			}



#rechtespalte {
			position:absolute;
			background-color:rgb(238,238,238);
			right:0px;
			left:650px;
			margin:0px;
			padding:0px;
			min-width:150px;
			}
#logo		{
			position:absolute;
			top:0px;
			left:4px;
			width:141px;
			height:100px;
			}
#headerlogo		{
			position:absolute;
			top:0px;
			left:150px;
			width:650px;
			height:100px;
			}
#headerwerbung		{
			position:absolute;
			top:0px;
			left:586px;
			width:414px;
			height:98px;
                         z-index: 111149;
			}
/* Navigation oben */
#top_navigation {
            position:absolute;
            top:83px;
            left:0px;
            width:100%;
            height:17px;
            z-index:2;
			}
a.top_link {
            display:block;
            position:absolute;
            width:83px;
            height:17px;
            font-family:"Arial","MS Sans Serif",sans-serif;
            font-size:11px;
            font-weight:bold;
            text-decoration:none;
			text-align:center;
			line-height:17px;
         }
a.top_link:link, a.top_link:visited {
            color:rgb(255,255,255);
            background-image:url(http://www.brueckenweb.de/layout/images/reiter1a.gif);
            background-repeat:no-repeat;

         	}
a.top_link:hover, a.top_link:active {
            color:rgb(21,1,133);
            background-image:url(http://www.brueckenweb.de/layout/images/reiter2a.gif);
            background-position:top right;
            background-repeat:no-repeat;

         	}
a#datenbank {
            bottom:0px;
            left:150px;
            z-index:3;
         	}
a#shop 		{
            bottom:0px;
            left:230px;
            z-index:4;
			}
a#info 		{
            bottom:0px;
            left:310px;
            z-index:5;
        	 }
a#themen {
            bottom:0px;
            left:390px;
            z-index:6;
			}
a#wissen {
            bottom:0px;
            left:470px;
            z-index:7;
         	}
a#interaktiv {
            bottom:0px;
            left:550px;
            z-index:8;
         	}
a#club {
            bottom:0px;
            left:630px;
            z-index:9;
         	}
a#brueckenweb {
            bottom:0px;
            left:710px;
            z-index:10;
		 	}

a#datenbank:hover, a#datenbank:active,
a#shop:hover, a#shop:active,
a#info:hover, a#info:active,
a#themen:hover, a#themen:active,
a#wissen:hover, a#wissen:active,
a#interaktiv:hover, a#interaktiv:active
a#club:hover, a#club:active,
a#brueckenweb:hover, a#brueckenweb:active,
 {
            z-index:11;
         }
#datenbank_sublinks {
            position:absolute;
            top:99px;
         	left:150px;
            width:150px;
            border-bottom:2px solid white;
            border-left:2px solid white;
            border-right:2px solid white;
            z-index:12;
            visibility:hidden;
         }
#shop_sublinks {
            position:absolute;
            top:99px;
         	left:230px;
            width:150px;
            border-bottom:2px solid white;
            border-left:2px solid white;
            border-right:2px solid white;
            z-index:13;
            visibility:hidden;
         }
#info_sublinks {
            position:absolute;
            top:99px;
         	left:310px;
            width:150px;
            border-bottom:2px solid white;
            border-left:2px solid white;
            border-right:2px solid white;
            z-index:14;
            visibility:hidden;
         }
#themen_sublinks {
            position:absolute;
            top:99px;
         	left:390px;
            width:150px;
            border-bottom:2px solid white;
            border-left:2px solid white;
            border-right:2px solid white;
            z-index:15;
            visibility:hidden;
         }
#wissen_sublinks {
            position:absolute;
            top:99px;
         	left:470px;
            width:150px;
            border-bottom:2px solid white;
            border-left:2px solid white;
            border-right:2px solid white;
            z-index:16;
            visibility:hidden;
         }
#interaktiv_sublinks {
            position:absolute;
            top:99px;
         	left:550px;
            width:150px;
            border-bottom:2px solid white;
            border-left:2px solid white;
            border-right:2px solid white;
            z-index:17;
            visibility:hidden;
         }
#club_sublinks {
            position:absolute;
            top:99px;
         	left:630px;
            width:150px;
            border-bottom:2px solid white;
            border-left:2px solid white;
            border-right:2px solid white;
            z-index:18;
            visibility:hidden;
         }
#brueckenweb_sublinks {
            position:absolute;
            top:99px;
         	left:710px;
            width:150px;
            border-bottom:2px solid white;
            border-left:2px solid white;
            border-right:2px solid white;
            z-index:19;
            visibility:hidden;
         }
.sub_link {
            display:block;
            width:100%;
            text-align:center;
            height:18px;
            font-family:"Arial","MS Sans Serif",sans-serif;
            font-size:12px;
            font-weight:bold;
            padding-top:0px;
            text-decoration:none;
            border-top:1px solid white;
	        }
.sub_link:link, .sub_link:visited {
            background-color:rgb(238,238,238);
            color:rgb(21,1,133);
         }
.sub_link:hover, .sub_link:active {
            background-color:white;
            color:black;
	        }
/* CSS für Club (linke Spalte) */
.clublinkespalte{
		border-style: solid;
		border-width: thin;
		border-color:rgb(21,1,133);
		margin:0px;
		background-color:rgb(252,252,252);
		font-family: Arial, Helvetica, sans-serif;
		text-align:center;
		z-index:1;
		}
a.clublinkespaltelink:link{
		text-decoration:underline;
		font-weight:bold;
		color:rgb(255,255,255);
		}
a.clublinkespaltelink:visited{
		text-decoration:underline;
		font-weight:bold;
		color:rgb(255,255,255);
		}
a.clublinkespaltelink:hover{
		text-decoration:none;
		font-weight:bold;
		color:red;
		}
a.clublinkespaltelink2:link{
		text-decoration:underline;
		font-weight:bold;
		color:rgb(21,1,133);
		}
a.clublinkespaltelink2:visited{
		text-decoration:underline;
		font-weight:bold;
		color:rgb(21,1,133);
		}
a.clublinkespaltelink2:hover{
		text-decoration:none;
		font-weight:bold;
		color:red;
		}
.clublinkespaltefeld1{
		left:2px;
		color:rgb(21,1,133);
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		border-bottom-style: solid;
		border-bottom-width: thin;
		border-bottom-color:rgb(21,1,133);
		padding-bottom:5px;
		padding-top:5px;
		}
.clublinkespaltefeld2 {
		background-color:rgb(21,1,133);
		width:100%;
		color:rgb(255,255,255);
		font-size:10px;
		font-weight: bold;
		text-align:left;
		padding:0px;
		margin:0px;
		padding-bottom:5px;
		padding-top:5px;
		}
.clublinkespaltefeld3{
		left:2px;
		background-color:rgb(245,245,245);
		color:rgb(21,1,133);
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		border-bottom-style: solid;
		border-bottom-width: thin;
		border-bottom-color:rgb(21,1,133);
		padding-bottom:5px;
		padding-top:5px;
		}
.clubtext1 {
		color:rgb(0,0,0);
		font-size:10px;
		font-weight:normal;
		z-index:0;
		}
form{
		margin:0px;
		padding:0px;
		}
input.text {
		border:none;
		padding:1px;
		font-family: Arial, Helvetica, sans-serif;
		color:rgb(21,1,133);
		font-size:8px;
		font-weight:bold;
		text-align:right;
		height:12px;
		}
button.submit{
		border:none;
		background-color:rgb(21,1,133);
		color:rgb(255,255,255);
		font-family: Arial, Helvetica, sans-serif;
		font-size:8px;
		font-weight: bold;
		text-align:center;
		}
.classinfofenster1{
		padding:10px;
		width:90px;
		height:220px;
		position: absolute;
		left:30px;
		top:400px;
		color:rgb(21,1,133);
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		border-style: solid;
		border-width: thin;
		border-color:rgb(21,1,133);
		background-color:rgb(240,240,240);
		z-index:100;
		visibility:hidden;
		}
/* Werbung in der eechten Spalte */
.rechtespalte {
				position:absolute;
				top:10px;
				left: 800px;
                                 align: center;
				z-index:1;
			  }
/* ************* Brückenblatt ******************** */


.brueckenblatt {
		font-family: Arial, Helvetica, sans-serif;
		position:relative;
		width:620px;
		top:10px;
		left:160px;
		border-left-style: solid;
		border-top-style: solid;
		border-right-style:groove;
		border-bottom-style:groove;
		border-left-width: thin;
		border-right-width:thin;
		border-bottom-width:thin;
		border-top-width:thin;
		border-color:rgb(21,1,133);
		padding:0px;
		margin:0px;
		background-color:rgb(252,252,252);
		z-index:1;
				}
.brueckenblattdaten {
		position:absolute;
		width:620px;
		height:200px;
		z-index:1;

		}

.brueckenblattunter {
		
		
		z-index:1;
		}



.bashead1 {
		background-color:rgb(220,220,220);
		height:20px;
		width:100%;
		color:rgb(21,1,133);
		font-size:14px;
		font-weight: bold;
		text-align:left;
		padding:0px;
		margin:0px;
		z-index:1;
		}

.bashead2 {
		background-color:rgb(21,1,133);
		height:30px;
		width:100%;
		color:rgb(255,255,255);
		font-size:12px;
		font-weight: bold;
		text-align:left;
		padding:0px;
		margin:0px;
		z-index:1;
		}
.bashead3 {
		background-color:rgb(210,210,210);
		width:100%;
		color:rgb(21,1,133);
		font-size:12px;
		font-weight: bold;
		text-align:left;
		padding:0px;
		margin:0px;
		z-index:1;
		}
.baskomment1{
		left:2px;
        		width:90%;
		text-align:left;
		padding-left:5px;
		padding:0px;
		margin:0px;
		z-index:1;
		}
.baskomment2{
		text-align:right;
		font-weight:normal;
		font-size:10px;
		padding:0px;
		margin:0px;
		z-index:1;
		}
.bastext1 {
		left:2px;
		background-color:rgb(245,245,245);
		width:620px;
		color:rgb(0,0,0);
		font-size:10px;
		font-weight:normal;
		text-align:left;
		z-index:1;
		}
.tablelayout {
		width:618px;
		border:0px;
		cellpadding:0px;
		background-color:rgb(245,245,245);
		z-index:1;
		}
.th_bas		{
		background-color:rgb(230,230,230);
		z-index:1;
		}
.td_bas		{
		color:rgb(0,0,0);
		font-size:10px;
		font-weight:normal;
		text-align:left;
		z-index:1;
		}
.tabzeile1 {
		background-color:rgb(235,235,235);
		z-index:1;
		}
.tabzeile2 {
		background-color:rgb(245,245,245);
		z-index:1;
		}
.baszeile {
		width:100%;
		padding:0px;
		margin:0px;
		z-index:1;
		}

.basdatentext2 {
		width:50%;
		height:auto;
    font-size:14px;
    font-weight: normal;
		background-color:rgb(245,245,245);
		color:rgb(21,1,133);
		border-top-style:solid;
		border-top-width:thin;
		border-top-color:rgb(21,1,133);
	  text-align:left;
		padding:0px;
		margin:0px;
		min-height:16px;
		overflow:visible;
		z-index:1;
		}

.basdaten1 {
		position:relative;
		background-color:rgb(21,1,133);
		height:40px;
		width:120px;
		padding:0px;
		margin:0px;
		z-index:1;
		}
.basdaten22 {
		background-color:rgb(21,1,133);
		height:40px;
		width:120px;
		padding:0px;
		margin:0px;
		z-index:1;
		}		
.basdaten1_text1 {
		color:rgb(255,255,255);
		font-size:20px;
		font-weight:bold;
		text-align:center;
		z-index:1;
		}

.basdaten1_text2 {
		color:rgb(255,255,255);
		font-size:12px;
		font-weight:bold;
		text-align:center;
		z-index:1;
		}
.basdaten1_text3 {
		font-size:6px;
		text-align:center;
		z-index:0;
		}
.basdaten2 {
		background-color:rgb(245,245,245);
		height:38px;
		width:380px;
		color:rgb(21,1,133);
		font-size:20px;
		font-weight:bold;
		text-align:center;
		position:absolute;
		left:120px;
		top:0px;
		border-bottom-style:solid;
		border-bottom-width:thin;
		border-bottom-color:rgb(21,1,133);
		padding:0px;
		margin:0px;
		z-index:0;
		}
.basdaten222 {
		background-color:rgb(245,245,245);
		height:38px;
		width:380px;
		color:rgb(21,1,133);
		font-size:20px;
		font-weight:bold;
		text-align:center;
		border-bottom-style:solid;
		border-bottom-width:thin;
		border-bottom-color:rgb(21,1,133);
		padding:0px;
		margin:0px;
		z-index:0;
		}
.basdaten3 {
		position:absolute;
		background-color:rgb(21,1,133);
		height:40px;
		width:120px;
		top:0px;
		left:500px;
		text-align:center;
		padding:0px;
		margin:0px;
		z-index:0;
		}
.basdaten322 {
		background-color:rgb(21,1,133);
		height:40px;
		width:120px;
		text-align:center;
		padding:0px;
		margin:0px;
		z-index:0;
		}
.basdaten4 {
		background-color:rgb(245,245,245);
		color:rgb(21,1,133);
		position:relativ;
		border-top-style:solid;
		border-top-width:thin;
		border-top-color:rgb(21,1,133);
		font-size:14px;
		font-weight: normal;
		text-align:left;
		padding:0px;
		margin:0px;
		min-height:16px;
		z-index:0;
		}
.basdaten5 {
		color:rgb(21,1,133);
		font-size:10px;
		font-weight: normal;
		text-align:center;
		background-color:rgb(245,245,245);
		padding:0px;
		margin:0px;
		z-index:0;
		}
.basdaten6a {
		width:203px;
		left:2px;
		height:auto;
		border-right-style:solid;
		border-right-width:thin;
		border-right-color:rgb(21,1,133);
		position:absolute;
		padding:0px;
		margin:0px;
		overflow:visible;
		z-index:0;
		}
.basdaten6b {
		width:204px;
		left:209px;
		height:auto;
		border-right-style:solid;
		border-right-width:thin;
		border-right-color:rgb(21,1,133);
		position:absolute;
		padding:0px;
		margin:0px;
		overflow:visible;
		z-index:0;
		}
.basdaten6c {
		width:204px;
		left:416px;
		height:auto;
		border-right-style:solid;
		border-right-width:thin;
		border-right-color:rgb(21,1,133);
		position:absolute;
		padding:0px;
		margin:0px;
		overflow:visible;
		z-index:0;
		}
.basdaten7a {
		width:307px;
		left:2px;
		border-right-style:solid;
		border-right-width:thin;
		border-right-color:rgb(21,1,133);
		position:absolute;
		padding:0px;
		margin:0px;
		overflow:auto;
		z-index:0;
		}
.basdaten7b {
		width:308px;
		left:312px;
		border-right-style:solid;
		border-right-width:thin;
		border-right-color:rgb(21,1,133);
		position:absolute;
		padding:0px;
		margin:0px;
		overflow:auto;
		min-height:16px;
		z-index:0;
		}
.basdaten8a {
		position:static;
		padding-left:2px;
		height:auto;
		overflow:visible;
		z-index:0;
		}

.fliesstext {
		position:static;
		overflow:visible;
		height:auto;
		z-index:0;
		}

.basformularopen1{
		left:2px;
		background-color:rgb(245,245,245);
		width:620px;
		height:300px;
		color:rgb(0,0,0);
		font-size:12px;
		font-weight:normal;
		text-align:left;

		z-index:0;
		}
.closed{
		display:none;
		}
.open{
		display:visible;
		}		
.googlemaps{
		left:10px;
		width:600px;
		height:400px;
		text-align:center;
		padding-top:50px;
		display:block;
		}

/************ newsblatt ***********************/

#newsblatt{
              	font-family: Arial, Helvetica, sans-serif;
		position:relative;
		width:620px;
		top:10px;
		left:160px;
		border-left-style: solid;
		border-top-style: solid;
		border-right-style:groove;
		border-bottom-style:groove;
		border-left-width: thin;
		border-right-width:thin;
		border-bottom-width:thin;
		border-top-width:thin;
		border-color:rgb(21,1,133);
		padding:0px;
		margin:0px;
		background-color:rgb(252,252,252);
		z-index:1;




	        }
.newscontent{
              font-family: Arial, Helvetica, sans-serif;
              color:rgb(0,0,0);
              background-color:rgb(252,252,252);
              font-size:12px;
		font-weight:normal;
		text-align:left;
                 padding:2px;
                                  }

.newshead {
		background-color:rgb(21,1,133);
                	color:rgb(255,255,255);
		font-size:12px;
		font-weight: bold;
		text-align:left;
                 padding:0px;
		margin:0px;
		z-index:1;
		}

/*********** Für Bereich Dateneingabe *************/

.formfeld    {
		background-color:rgb(240,240,240);
		height:600px;
		width:100%;
		color:rgb(21,1,133);
		font-size:12px;
		font-weight: bold;
		text-align:left;
		padding:0px;
		margin-top:10px;
		z-index:1;
		}

.formularfelder {
		position: absolute;
                 left:150px;
                 width:400px;
                 }
.formularfelder2 {
		position: absolute;
                 left:150px;
                 width:100px;
                 }
.formularfelder3 {
                 width:50px;
                 }
.basform 	{
		margin:8px;
                 }

.formularsubmit2 {
		position: absolute;
                 left:400px;
                 top:40px;
                 width:200px;
                 }
.formularsubmit3 {
		position: absolute;
                 left:400px;
                 top:130px;
                 width:200px;
                 }
.fotoform	{
		position: relative;
	        border-top-style: solid;
                 border-top-width:thin;
		border-color:rgb(21,1,133);
		padding:0px;
		margin:0px;
                 }
.fotofelder	{
		position: relative;
                 left:300px;
                 top:-25px;
                 }
.ffinput  	{
		position: relative;
                 right:5px;
                 }