/*-----------------------------------------------------------------------------
  ALLGEMEIN
-----------------------------------------------------------------------------*/

  /*HTML*/
    html {
      margin:0;
      padding:0;
      width:100%;
      height:100%; 
      color:#3C3C3C;
      background-color:#FFFFFF; 
      overflow:auto;
      }


  /*HEADLINE GROESSE*/
    h1, h2, h3, p, form, img {
    	font-family:Arial, Verdana, Helvetica, sans-serif;
    	text-align:left;
    	color:#3c3c3c;
    	margin:0;
      	padding:0;
      	border:0;
    }

  /*sub HEADLINES*/
    h1 {
      	font-size:12px;
      	font-weight:normal;
      	color:#3c3c3c;
   }
   
   /*HEADLINES*/
    h2 {
      	font-size:16px;
      	font-weight:normal;
      	margin-bottom:15px;
   }
   
   h3 {
      	font-size:12px;
      	font-weight:bold;
      	margin-bottom:5px;
   }
            
  /*COPYTEXT*/
    p{
    	font-size:11px;
    	line-height:15px;
    	margin-bottom:5px;
    }
    
	img {
		/*für IE6 padding misinterpretation*/
		display:block;
	}
	
	a {
		 text-decoration:none;
		 color:#3C3C3C;
	}
	
	a:hover {
		 text-decoration:none;
		 color:#FF212D;
	}
	
  /*unsichtbares element(=blind.gif)/feld saeubern*/
    .clear {
      overflow: hidden;
      clear:both;
      height:0;
      margin:0;
      font-size: 1px;
      line-height: 0;
      display: inline; }
      
      
/*-----------------------------------------------------------------------------
  BODY MITTIG POSITIONIEREN
-----------------------------------------------------------------------------*/

    body {
      position:absolute;
      top:0;
      left:50%;
      width:640px;
      height:auto;
      margin-left:-320px;
      margin-top:0;
      text-align:left;
      padding:0;
      background-color:#FFF;
      border:0;
      }


/*-----------------------------------------------------------------------------
  LINKE SEITE
-----------------------------------------------------------------------------*/

    #links {
    	float:left;
    	width:370px;
    	height:580px;
      	border:0;
      	margin:10px 60px;
      	padding:0;
      	text-align:left;
      	background-image:url(../img/bram_logo.gif); background-repeat:no-repeat;
 		background-position:center 92px;
 		background-color:#FFF;
 		display:inline;
      }
      
     #linkscontent {
    	width:370px;
    	height:auto;
      	border:0;
      	margin:0;
      	padding:0;
      	text-align:center;
      	background-color:none;
      	bottom:10px;
      	display:table;
      	position:absolute;
      }
      
    #linkscontent a.nav {
      margin:0;
      right:0;
      padding:0;
      text-align:left;
      border:0;
      font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
      font-weight:normal;
      font-size:11px;
      text-decoration:none;
      color:#3C3C3C;
      display:table;
    }
    
    #linkscontent a.nav:hover {
    	 color:#FF212D; 
    }

/*-----------------------------------------------------------------------------
  RECHTE SEITE
-----------------------------------------------------------------------------*/

    #rechts {
    	float:left;
    	width:480px;
    	height:580px;
      	border:0;
      	margin:10px 0 0 0;
      	padding:0;
      	text-align:left;
      	background-color:#FFF;
      }
        

      
/*-----------------------------------------------------------------------------
  METANAVIGATION
-----------------------------------------------------------------------------*/
    
	ul.metanav {
	float:left;
    width:370px;
    height:auto;
      padding:0;
      margin:0;
      border:0;
      display:inline;
      list-style-type: none;
      text-align:center;
    }
    
  	ul.metanav li {
      display:inline;
    }  
      
    /*eigenschaften fuer jeden link (ahref)*/
    ul.metanav a {
      margin:0;
      vertical-align:bottom;
      padding:0 10px 0 5px;
      font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
      font-weight:normal;
      font-size:11px;
      text-decoration:none;
        background-image:url(../img/trennpkt_meta.gif);
		background-repeat:no-repeat;
		background-position:right center;
    }
  
    ul.metanav a:link, 
    ul.metanav a:visited, 
    ul.metanav a:active {
      text-decoration:none;
      color:#9f9f9f; }
  
    ul.metanav a:hover {
      color:#FF212D; 
     }

  /*eigenschaften fuer jeden link (ahref)*/
    ul.metanav a.aktiv {
      margin:0;
      vertical-align:bottom;
      padding:0;
      font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
      font-size:11px;
      text-decoration:none;
      color:#FF212D; 
      }

/*-----------------------------------------------------------------------------
  HAUPTNAVIGATION
-----------------------------------------------------------------------------*/

    ul.hauptnav {
      float:left;
    width:370px;
    height:auto;
      padding:5px 0 0 0;
      margin:15px 0 10px 0;
      border:0;
      display:inline;
      list-style-type: none;
      text-align:center;
      display:table;
      background-image:url(../img/trennlinie.gif);
		background-repeat:repeat-x;
		background-color:none;
    }

    ul.hauptnav li {
      display:inline; }
    
  /*eigenschaften fuer jeden link (ahref)*/
    ul.hauptnav a {
      margin:0;
      padding:0 10px 0 5px;
      font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
      font-size:12px;
      text-decoration:none; 
      background-image:url(../img/trennpkt_main.gif);
		background-repeat:no-repeat;
		background-position:right center;
      }

    ul.hauptnav a:link,
    ul.hauptnav a:visited,
    ul.hauptnav a:active {
      text-decoration:none;
      color:#282828; }
    
    ul.hauptnav a:hover {
      color:#FF212D; 
 	 }
    
  /*eigenschaften fuer jeden link (ahref)*/
    ul.hauptnav a.aktiv {
      margin:0;
      padding:0 10px 0 5px;
      font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
      font-size:12px;
      text-decoration:none;
      color:#FF212D;
      background-image:url(../img/trennpkt_main.gif);
	  background-repeat:no-repeat;
	  background-position:right center; 
    } 
     


/*-----------------------------------------------------------------------------
  TRAINING-NAVIGATION
-----------------------------------------------------------------------------*/
    
	ul.trainnav {
	float:left;
    width:auto;
    height:auto;
      padding:80px 9px 5px 0;
      margin:0 10px 0 0;
      border-right:1px solid #3C3C3C;
      list-style-type: none;
      text-align:right;
    }

      
    /*eigenschaften fuer jeden link (ahref)*/
    ul.trainnav a {
      margin:0;
      vertical-align:bottom;
      padding:0;
      font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
      font-weight:normal;
      font-size:12px;
      text-decoration:none;
      color:#3C3C3C; 
    }
  
    ul.trainnav a:hover {
      color:#FF212D; 
     }

  /*eigenschaften fuer jeden link (ahref)*/
  	li.aktiv a{
      margin:0;
      vertical-align:bottom;
      padding:0;
      font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
      font-weight:normal;
      font-size:12px;
      text-decoration:none;
      color:#FF212D; 
      }
      
      
       
/*-----------------------------------------------------------------------------
  GALERIE
-----------------------------------------------------------------------------*/

    #galerie {
    	position:absolute;
    	z-index:1;
    	left:10px;
    	top:10px;
    	width:960px;
    	height:580px;
    	margin:0;
    	padding:0;
    	border:0;
    	background-color:#AAA;
      }
    
    
   #galerie a.schliessen {
   	  position:absolute;
      z-index:3;
      margin:0;
      right:0;
      padding:0 3px 0 5px;
      font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
      font-weight:bold;
      font-size:14px;
      text-decoration:none;
      color:#3C3C3C;
      background-color:#FFF; 
    }
    
    #galerie a.schliessen:hover {
      color:#FF212D; 
     }

	#galerie a.zurueck {
      position:absolute;
      z-index:2;
      margin:0;
      padding:0;
      left:0;
      top:0;
      width:50%;
      height:580px;
      border:0;
      text-decoration:none;
      background-image:url(../img/blind.gif); /*leere divs versteht IE6 nicht*/
    }
    
    #galerie a.zurueck:hover {
    	background-image:url(../img/zurueck.gif);
    	background-repeat:no-repeat;
		background-position:center left;
    }
    
   #galerie a.vor {
      position:absolute;
      z-index:2;
      margin:0;
      padding:0;
      left:50%;
      top:0;
      width:50%;
      height:580px;
      border:0;
      text-decoration:none;
      background-image:url(../img/blind.gif); /*leere divs versteht IE6 nicht*/
    }
    
    #galerie a.vor:hover {
    	background-image:url(../img/vor.gif);
    	background-repeat:no-repeat;
		background-position:center right;
    }

    .titel {
    	position:absolute;
    	font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
     	font-weight:normal;
     	font-size:12px;
     	background-color:#FFF;
     	margin:0;
     	padding:0 3px 0 0;
    }
    
    
    
/*-----------------------------------------------------------------------------
  KONTAKT
-----------------------------------------------------------------------------*/
    
	.kontakt {
		float:left;
    	width:450px;
    	height:540px;
      	border:0;
      	margin:10px 0 0 0;
      	padding:20px 10px 20px 20px;
      	text-align:left;
      	background-color:#CCC;
      }
    
    #formular fieldset{
    	border:0px solid #000;
    	margin:0;
    	padding:0;	
    }
    
    .feldbox {
    	float:left;
    	margin:5px 10px 0 0;
    	padding:0;
    	width:215px;
    	height:70px;
    	border:0;
    	background-color:none;	
    }
   
    
    .labelname {
    	font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
     	font-weight:normal;
     	font-size:11px;
    	color:#3C3C3C;
    	padding:0;
    	margin:0;
    }
    
    .notiz p{
    	font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
     	font-size:10px;
    	color:#7E7E7E;
    	padding:0;
    	margin:3px 0 0 0;
    	line-height:12px;
    }
    
    .textfeld {
    	width:215px;
    	height:20px;
    	border:0;
    	background-color:#F2F2F2;
    	padding:4px 0 0 0;
    	margin:0;
    	font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
     	font-weight:normal;
     	font-size:14px;
     	color:#3C3C3C;
    }
    
    
    .feldboxlang {
    	float:left;
    	margin:5px 10px 0 0;
    	padding:0;
    	width:440px;
    	height:70px;
    	border:0;
    	background-color:none;	
    }
    
    .textfeldlang {
    	width:440px;
    	height:20px;
    	border:0;
    	background-color:#F2F2F2;
    	padding:4px 0 0 0;
    	margin:0;
    	font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
     	font-weight:normal;
     	font-size:14px;
     	color:#3C3C3C;
    }
    
    .feldboxnachricht {
    	float:left;
    	margin:5px 10px 0 0;
    	padding:0;
    	width:440px;
    	height:220px;
    	border:0;
    	background-color:none;	
    }
    
    .textfeldnachricht {
    	width:440px;
    	height:200px;
    	border:0;
    	background-color:#F2F2F2;
    	padding:4px 0 0 0;
    	margin:0;
    	font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
     	font-weight:normal;
     	font-size:14px;
     	color:#3C3C3C;
    }
    
    .resetfeld {
    	float:left;
    	width:215px;
    	height:auto;
    	border:0;
    	padding:0;
    	margin:10px 10px 0 0;
    	text-align:left;
    }
    
    .submitfeld {
    	float:left;
    	width:215px;
    	height:auto;
    	border:0;
    	padding:0;
    	margin:10px 10px 0 0;
    	text-align:right;
    }
    
    .reset {
    	height:auto;
    	margin:0;
		padding:0;
		border:0;
		background-color:#CCC;
    	font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
     	font-weight:normal;
     	font-size:16px;
     	color:#3C3C3C;
     	text-align:left;
    }
    
     .submit {
    	height:auto;
    	margin:0;
		padding:0;
		border:0;
		background-color:#CCC;
    	font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
     	font-weight:bold;
     	font-size:16px;
     	color:#3C3C3C;
     	text-align:right;
    }
    
    .fehler {
    	font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Mozilla*/
     	font-weight:normal;
     	font-size:11px;
     	color:#F00;
     	text-align:left;
    }
    
    #versendet {
    	position:absolute;
    	top:10px;
    	right:10px;
    	width:440px;
    	height:540px;
      	border:0;
      	margin:0;
      	padding:20px;
      	text-align:left;
      	background-color:#CCC;
      	z-index:5;
    }
    
    
/*-----------------------------------------------------------------------------
  DISCLAIMER
-----------------------------------------------------------------------------*/

     
#scrollbar_container {
	position:relative;
	width:480px;
}

#scrollbar_track {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:10px;
	background-color:transparent;
	cursor:move;
	border:0;
}

#scrollbar_handle {
	width:10px;
	background-color:#282828;
	cursor:move;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:0.9;
    -moz-opacity:0.9;
}

#scrollbar_content {
	overflow:hidden;
	width:450px;
	height:530px;
}