/* CSS Document */
/* Masterformatierungen */
body {
	margin:0px;
		font-family: sans-serif;
		font-size: 12px;
	}	



/* Masterbereiche */
	/* Bereich 1 = header */
		
		#bereich1{
			background-color:rgb(21,1,133);
			width:100%;
			height:100px;
			padding:0px;
			margin:0px;		
			z-index:0;
			}
	
	/* Bereich 2 = Mitte */	
		#bereich2{
			margin-top:1px;
			padding:0px;
			z-index:0;
			float:left;
			width:800px;
			}
				/* Bereich 2 = Mitte */	
		#bereich02{
		background-image:url("http://www.brueckenweb.de/layout/images/background.jpg");
			margin-top:1px;
			padding:0px;
			z-index:0;
			float:left;
			width:1010px;
			}
			
	/* Bereich 3 = Footer */
		#bereich3{
			clear:both;			
			z-index:0;
			background-color:rgb(255,255,255);
			border-top: 5px solid #DDDDDD;
			text-align:center;
			}			
	
	/* Bereich 2_1 = linke Spalte */
		#bereich21{
			width:150px;
			margin:0px;
			z-index:1;
			float:left;
			}
						
	/* Bereich 2_2 = mittlere Spalte */		
			
		#bereich22{
			top:0px;
			margin:0px;
			width:650px;
			z-index:1;
      float:right;		
			}
	
	/* Bereich 2_3 = rechte Spalte */		
			
		#bereich23{
			background-color:rgb(230,230,230);
			width:200px;
			position: relative;
			left:0px;
			text-align:center;
			margin-top:1px;
			margin-left:0px;
			z-index:1;
			float:right;
			
				}			
/*  Homepage  */

#content2 {
        display:block;
        z-index:1;
        width:650px;
        float:right;
        }
.linke_boxen2 {
        display:inline;
        float:left;
				top: 1px;
				width:325px;;			
		       }
.rechte_boxen2 {
        display:inline;
        top:1px;
				width:325px;
				float:right;
			   }
.breite_boxen2	{
        display:inline;
        top:1px;
				width:650px;
				float:right;
			   }
	        		   
.seitentitel2 {
        display:block;	
        width:645px;
        float:left;
				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:1px;
				margin-right:1px;
        margin-top:2px;        
        }
			   
.box_rechts2 {
        display:block;
				border-style: solid;
				border-width:thin;
				border-color:rgb(21,1,133);
				-moz-border-radius:3px;
				background-color:white;
				z-index:2;
				margin:1px;
        padding:1px;
        }
.box_links2 {
        display:block;
				border-style: solid;
				border-width:thin;
				border-color:rgb(21,1,133);
				-moz-border-radius:3px;
				background-color:white;
				z-index:2;
				margin:1px;
        padding:1px;
        }
.box_breit2 {
        display:block;
				border-style: solid;
				border-width:thin;
				border-color:rgb(21,1,133);
				-moz-border-radius:3px;
				background-color:white;
				z-index:2;
				margin:1px;
				padding:0px;
        }  
.schmale_box_in_breite_box2	{
        display:block;
        top:0px;
				width:200px;
				float:right;
				height:800px;
				border-style: solid;
				border-width:thin;
				border-color:rgb(21,1,133);
				-moz-border-radius:3px;
				background-color:white;
				z-index:0;
				margin:0px;
				padding:0px;
			   }    
.box_kopf2 {
          display:block;
      margin:-1px;
			height:16px;
			font-size:14px;
			font-weight:bolder;
			color:white;
			background-color:rgb(21,1,133);
			text-align:center;
			width:100%;
		  }




/***********************************************************************************
/*************************  Formulare ************************************/

.clubformularfeld {
      border: none;
      padding:1px;
      background-color:rgb(200,200,200);
      color:rgb(21,1,133);
      font-weight:bold;
      font-size:14px;
      }

.clubformularbutton {
      border: none;
      padding:1px;
      background-color:rgb(21,1,133);
      color:rgb(255,255,255);
      font-weight:bold;
      font-size:14px;
      }

/******** Brückentabellen ***********/
.tabbutton	{
                 width:100%;
                 background-color:rgb(21,1,133);
                 text-align:center;
                	font-family: Arial, Helvetica, sans-serif;
                 font-weight:bold;
                 font-size:12px;
                 color: rgb(255,255,255);
                 margin:0px;
                 border:none;
                 }
.bruecken_tabelle2 {
                 width:642px;
                 border-collapse:separate;
                 border-style: solid;
				        border-width:thin;
				        border-spacing:1pt;
				        border-color:rgb(255,255,255);
				        
				        
                 
                  }
.th_brueckentabelle2 {
                  background-color:rgb(235,235,235);
                 
                 }
.td_brueckentabelle2{
                 background-color:rgb(235,235,235);
                
                word-wrap:break-word;
                
                }
                
/*******************  Eingabeseiten *******************/
.formartikel150{
              display: block;
              float: left;
              width: 150px;
              		font-family: Arial, Verdana, Helvetica, sans-serif;
        			font-size:12px;
        			font-weight:bold;
        			color:rgb(21,1,133);
        			margin-top:2px;
        			margin-left:2px;
              }
.formartikel450{
              display: block;
              float: left;
              width: 450px;
              	font-family: Arial, Verdana, Helvetica, sans-serif;
        			font-size:12px;
        			font-weight:bold;
        			color:rgb(21,1,133);
        			margin-top:2px;
                      } 
.formartikel350{
              display: block;
              float: left;
              width: 250px;
              	font-family: Arial, Verdana, Helvetica, sans-serif;
        			font-size:12px;
        			font-weight:bold;
        			color:rgb(21,1,133);
        			margin-top:2px;
                      }       
              
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
/**************************************************/
/*************** Brückenblatt *****************/

.basdatentext2_100 {
		width:100%;
		height:auto;
    font-size:14px;
    font-weight: normal;
		background-color:rgb(245,245,245);
		color:rgb(21,1,133);
		border-bottom-style:solid;
		border-bottom-width:thin;
		border-bottom-color:rgb(21,1,133);
	  text-align:left;
		padding:0px;
		margin:0px;
		min-height:16px;
		overflow:visible;
		z-index:1;
		}
  
.basdatentext2_50 {
		width:50%;
		height:auto;
    font-size:14px;
    font-weight: normal;
		background-color:rgb(245,245,245);
		color:rgb(21,1,133);
		border-bottom-style:solid;
		border-bottom-width:thin;
		border-bottom-color:rgb(21,1,133);
	  text-align:left;
		padding:0px;
		margin:0px;
		min-height:16px;
		overflow:visible;
		z-index:1;
		}
       
  .bashead2_blau {
		background-color:rgb(21,1,133);
		height:25px;
    padding-left:10px;
    padding-top:6px;
		color:rgb(255,255,255);
		font-size:12px;
		font-weight: bold;
		text-align:left;
		margin:0px;
		z-index:1;
		}
		
	.bashead2_grau {
		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;
		}	
		
		.googlemaps2{
		left:10px;
		width:620px;
		height:400px;
		text-align:center;
		padding-top:50px;
		display:block;
		}
		
		.bastext2_klein {
		background-color:rgb(245,245,245);
		color:rgb(0,0,0);
		font-size:10px;
		font-weight:normal;
		text-align:left;
		z-index:1;
		}
/* Div für Ajax-Bilderrahmen*/	
		 .bilderrahmen2{
        position:absolute;
        left:200px;
        top:40px;
        min-width:650px;
        min-height:450px;
        background-color:rgb(0,0,0);
        z-index:100;
        color:rgb(255,255,255);
        -moz-border-radius:5px;
        text-align:center;
         font-family: Arial, Helvetica, sans-serif;
           font-weight:bold;
           font-size:14px;
        
 }