/************************************************************/
/* STYLE Gastrocompass nach neuen CSS-Richtlinien    2010   */
/* Neuer Style für alle Browser ausser IE ICE    03.09.2010 */
/* GRAFIKEN eleminieren nur CSS verwenden Lotsch 16.09.2010 */
/************************************************************/

/************************************************************/
/*                          GLOBAL                          */
/************************************************************/

@font-face { font-family:Bauhaus; src:url(../fonds/BAUHS93.TTF), url(BAUHS93.TTF); }
* {
 margin : 0;
 padding : 0;
}
html {
  height:100%;
  width:100%;
}
body {
  background: url(../image/background.png);
  height:100%;
  width:100%;
  /*Seite zentieren (zusammen mit #wrapper)*/
  text-align:center;
  background-repeat:repeat-x; 
  background-color:#71BECE;
  /*overflow:hidden; Scrollbalken ausblenden*/
}
#wrapper {
  margin: 0 auto;
  background-color: transparent;
  /* width of your site (eg 800px)*/
  width: 800px; 
  text-align:left;
}
#clearer {
  height:1px;
  clear:both;
}
/* TABELLEN */
table, caption{
	width:482px;
	border-spacing: 0px;
  background-color:#DEE0F8; 	
	border: 1px solid #018A9D;
  border-radius:5px;
  -moz-border-radius: 5px;
  -khtml-border-radius:5px;
	-webkit-border-radius:5px;
  vertical-align:top;
  margin:0px 0px 2px 0px;
}
caption{
	caption-side: bottom;
  background-color:#555; 	
}
tr{
	border: 1px solid #018A9D;
}
td {
	border: solid 0px #000000;
  border-collapse:collapse;
  vertical-align:middle; 
  overflow:hidden;
  text-align:left;
	height:25px;
	padding:0px 0px 0px 5px; 
}
th {
  text-align:left;
  color:#FFF;
  font-size: 12px;
  background-color:#555;
  vertical-align:middle;
	height:25px;
}

/* SCHRIFTARTEN ALLGENEIN */
h1, h2, h3, h4, p, b, li, table, .text_red, a, label{
  LINE-HEIGHT: normal;
	FONT-WEIGHT: normal; 
  FONT-STYLE: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  TEXT-DECORATION: none;
}

h1{
  width: 470px;
	/* text */
	font-size:16px;
	color:#444;
	font-weight: bold;
	/* text - schatten */
	text-shadow:0 0 1px #FFF,
  3px 3px 3px #EEE,
  -3px -3px 3px #EEE,
  -3px 3px 3px #EEE,
  3px -3px 3px #EEE;
  /* design */
	border: 1px solid #018A9D;
  padding:1px 5px 1px 5px;
  margin:3px 0px 3px 1px;
  background-color:#DEE0F8;
  border-radius:5px;
  -moz-border-radius: 5px;
  -khtml-border-radius:5px;
	-webkit-border-radius:5px;
	/* abstand */	
  margin:12px 10px 5px 0px;		
  clear:both;
}
h2 {
  font-size: 14px;
  color: #018A9D;
  font-weight: bold;

  margin:5px 10px 0px 0px;
}
h3 {
  font-size: 12px;
  color: #018A9D;
  font-weight: bold;
  margin:5px 10px 0px 0px;
	clear:both;	
}
/* ÜBERSCHRIFT MIT SCHATTEN UND RAHMEN OBEN ABGERUNDET */
h4 {
	/* text */
  font-size: 12px;
  color: #555;
  /* text - schatten */
	text-shadow:0 0 1px #EEE,
  3px 3px 3px #EEE,
  -3px -3px 3px #EEE,
  -3px 3px 3px #EEE,
  3px -3px 3px #EEE;
	/* design */
  background-color:#ccc;
  border-top: 1px solid #018A9D;
  border-left: 1px solid #018A9D;
	border-right: 1px solid #018A9D;
	padding:5px 5px 3px 5px;
  margin:0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	/* abstand */
	padding:3px 5px 3px 5px;
  margin:	0px 0px 0px 0px;
}
p, li, table {
  font-size: 12px; 
  text-align: justify;
  padding: 3px 15px 5px 0px;
}
/* LINKS */
a{
	/* Schrift */
  color: #333;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
}
a:hover,a:active {
	/* Schrift */
  color: #018A9D;
}

/************************************************************/
/*                        LAYOUT                            */
/************************************************************/

/* KOPFZEILE */
#HEAD, #FOOT {
	/*Grösse und Farbe festlegen*/
  height: 104px;
  width: 790px;
	background-color:#016A7D;
	/*Ränder festlegen*/
	border-top: 1px solid  #014A5D;
	border-bottom: 1px solid  #014A5D;	 
	border-left: 1px solid  #014A5D; 
	border-right: 1px solid  #014A5D; 
	/*Ecken Form festlegen*/ 
	border-radius: 8px 8px 8px 8px; 
	-moz-border-radius: 8px 8px 8px 8px;
  -khtml-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	/*Schatten*/
	-moz-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.7);
  -webkit-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.7);
  box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.7);
	/*Abstand*/
	margin:10px 0px 10px 0px;
  padding:0px 0px 4px 0px;
  float: left;
}

/* CONTENT-TEIL */
#CONTENT{
	/*Grösse und Farbe festlegen*/
	background-color: transparent;
  width: 790px;
  height:1px;
  margin:25px 0px 0px 0px;
	float: left;
}

#MAIN_WINDOW{
  /*Grösse und Farbe festlegen*/
  width: 498px;
	background-color: #FFF;
	/*Ränder festlegen*/
	border-top: 1px solid  #014A5D;
	border-bottom: 1px solid  #014A5D;	 
	border-left: 1px solid  #014A5D; 
	border-right: 1px solid  #014A5D; 
	/*Ecken Form festlegen*/ 
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 8px 8px;
  -khtml-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	/*Schatten*/
	-moz-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
  -webkit-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
  box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
	/*Abstand*/
	margin:10px 0px 10px 0px;
  padding:5px 0px 5px 15px;
	float: left;
}

#CONTENT_RIGHT{
  background-color:transparent;
  margin: 9px 0px 0px 0px;
	width: 255px;
  float: right;
}

/************************************************************/
/*                        MENUES                            */
/************************************************************/

/* MAINMENUE */
#MAIN_MENUE {
  height: 25px;
  width: 505px;
  vertical-align:bottom;
	background-color:#555	;
	border-top: 1px solid  #666;
	border-bottom: 1px solid  #014A5D;	 
	border-left: 1px solid  #014A5D; 
	border-right: 1px solid  #014A5D;  
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
  -khtml-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	/* Schatten */
	-moz-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.5);
  box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.5);
  margin: 72px 0px 0px -250px;
  padding:10px 0px 0px 0px;
  float: left;
}

/* SCHNELLSUCHE */
#SCHNELLSUCHE {
  height: 105px;
  width: 250px;
	background-color:#555	;
	border-top: 1px solid  #666;
	border-bottom: 1px solid  #014A5D;	 
	border-left: 1px solid  #014A5D; 
	border-right: 1px solid  #014A5D;  
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
  -khtml-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	/* Schatten */
	-moz-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.5);
  box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.5);


  margin: -38px 0px 0px 70px;
  padding: 0px 0px 0px 0px;
  float: right;
}

/* LINK-TABELLE */
a.tabelle{
  /* schrift */
  text-align: center;
  color: #CCC;
  font-size: 14px;
  text-decoration: none;
}
/* MENUE BUTTONS */
a.menue{
  /* schrift */
  text-align: center;
  color: #CCC;
  font-size: 14px;
  text-decoration: none;
	/* design */
	border-right: 1px solid #CCC;
	box-shadow: 2px 0px 0px 0px #666;
	-moz-box-shadow: 2px 0px 0px 0px #666;
	-webkit-box-shadow: 2px 0px 0px 0px #666; 
	/*abstand*/
	margin:	0px 5px 0px 5px;
	padding: 2px 8px 2px 0px;
}
a.menue:hover, a.tabelle:hover{
	/* Schrift */
  color: #FFF;
  /* Textschatten */
  text-shadow:0 0 1px #999,
  1px 1px 13px #aaa,
  -1px -1px 13px #aaa,
  -1px 1px 13px #aaa,
  1px -1px 13px #aaa;
}
/* SUBMENUE / Aktenreiter am Hauptinhaltsfenster */
#SUB_MENUE{
	/*Grösse und Farbe festlegen*/
  height: 18px;
  width: 500px;
	background-color: transparent;
	margin: 0px 0px -8px 0px;
  padding:0px 0px 0px 0px;
	float: left;
}

/* SUBMENUE BUTTON */
a.submenue, a.submenue:hover{
  /* Schrift */
  color: #014A5D;
  text-align: center;
  font-size: 12px;
  font-weight:normal;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica;
  /* Design*/
	background-color:#ccc;
	border-top: 2px solid  #014A5D;
	border-bottom: 1px solid  #014A5D;	 
	border-left: 1px solid  #014A5D; 
	border-right: 1px solid  #014A5D;  
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0px 0px;
  -khtml-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	/* Schatten */
	-moz-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
  -webkit-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
  box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
	/* Abstand */	
	margin:0px 1px -3px 0px;
  padding:5px 10px 10px 10px;
}
a.submenue:hover{
  /* Schrift */
  color: #666;
	background-color:#EEE;
}

/************************************************************/
/*                  INFO-KASTEN-RECHTS                      */
/************************************************************/

/* INFO-KASTEN-RECHTS ALLGEMEIN */
div.rund {
  /* Schrift */
  font-weight:normal;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica;
  /*  Design */
  width: 250px;
  margin: 0px 0px 13px 4px;
  background-color:transparent;
  float: left;	
}
/* INFO-KASTEN-RECHTS ÜBERSCHRIFT */
div.rund h4{
	/* Schrift */
	color:#FFF;
  text-align: center;
  font-size: 14px;
 	/* Textschatten */
  text-shadow:0 0 1px #71BECE,
  1px 1px 13px #014A5D,
  -1px -1px 13px #014A5D,
  -1px 1px 13px #014A5D,
  1px -1px 13px #014A5D;
  /* Design*/		
  background-color:#016A7D;
	border-top: 2px solid  #014A5D;
	border-bottom: 1px solid  #014A5D;	 
	border-left: 1px solid  #014A5D; 
	border-right: 1px solid  #014A5D;  
	/* Schatten */
	-moz-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
  -webkit-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
  box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
	/* Abstand */
	margin: 0px 0px 0px 0px;
  padding:2px 0px 4px 0px;
}
/* INFO-KASTEN-RECHTS INHALT */
div.rund p{
	/* Schrift */
	color:#FFF;
  /* Design */
  background-color:#018A9D;
  /*background: url(../../../code/test.png);*/
  border-bottom: 1px solid #014A5D; 
	border-left: 1px solid #014A5D; 
	border-right: 1px solid #014A5D; 
  border-bottom-right-radius: 8px;
  border-border-bottom-left-radius: 8px;
	-moz-border-radius: 0px 0px 8px 8px;
  -khtml-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px; 
	/* Schatten */
	-moz-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
  -webkit-box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
  box-shadow:0 0 0 1px #71BECE inset,
  0 0 15px rgba(0,0,0,0.9);
	/* Abstand */			
	margin: 0px 0px 0px 0px;
	padding:2px 6px 3px 6px;
}

/************************************************************/
/*                 INFO-KASTEN-CONTENT                      */
/************************************************************/

/* INFO-KASTEN-CONTENT ALLGEMEIN */
div.info {
	width:482px;
	margin:5px 0px 5px 0px ;
}
/* INFO-KASTEN-CONTENT ÜBERSCHRIFT */
div.info h4 {
  color: #555;
  font-weight: bold;
}
/* INFO-KASTEN-CONTENT INHALT */
div.info p {
	/* schrift */
	color: #333; 
	/* design */
	background-color:#DEE0F8; 
	border-bottom: 1px solid #018A9D; 
	border-left: 1px solid #018A9D; 
	border-right: 1px solid #018A9D; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -khtml-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	/*Abstand*/
	padding: 2px 6px 8px 5px;
}
/* INFO-KASTEN-CONTENT LINK */
div.info a {
	font-size:12;
	text-decoration: none;
  color: #333;
}

/************************************************************/
/*                         LINKS                       ???   ******************************************************  */
/************************************************************/

#LINKS {
   text-align: left;
   width: 470px;
   padding:0px 0px 10px 0px;
   float: left;
}




/*---------------------------*/
/*ENDE LINK-BUTTON-FORM-STYLE*/
/*---------------------------*/
/*          LINK             */
/*---------------------------*/


/*---------------------------*/
/*    SUBMENUE Search          */
/*---------------------------*/

#MENUESEARCH {
    height: 101px;
		background: url(../image/navi_background-480.png) no-repeat top center;
    vertical-align:bottom;
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    COLOR: #666; 
    LINE-HEIGHT: normal; 
    FONT-STYLE: normal; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    margin: 0px;
    padding:15px 10px 0px 10px;
    clear:both;
}

/************************************************************/
/*                       DIV USER                           */
/************************************************************/

div.user{
width:160px; 
	/* Design*/		
  background-color: transparent;
	margin:-10px 0px 0px -15px;
}
div.user h4{
width:149px;
	/* Schrift */
	color:#014A5D;
  text-align: center;
  font-size: 12px;
  font-weight:bold;
  /* Design*/		
  background-color: #DEE0F8;
	border-top: 0px solid  #014A5D;
	border-bottom: 0px solid  #014A5D;	 
	border-left: 0px solid  #014A5D; 
	border-right: 1px solid  #018A9D;
	  border-top-right-radius: 8px;
  border-border-top-left-radius: 8px;
	-moz-border-radius: 8px 8px 0px 0px;
  -khtml-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
		margin:0px 5px 0px 0px;
} 
div.user p{
width:149px;
  /* Design*/		
  background-color:#DEE0F8;
	border-top: 1px solid  #018A9D;
	border-bottom: 1px solid  #018A9D;	 
	border-left: 0px solid  #014A5D; 
	border-right: 1px solid  #018A9D;
	border-bottom-right-radius: 8px;
  border-border-bottom-left-radius: 8px;
	-moz-border-radius: 0px 0px 8px 8px;
  -khtml-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	margin:0px 5px -11px 0px;
	padding:5px 5px 5px 5px;
	float:left;
}
div.user a{


float:left;
}

/*--------------------------*/
/* TEXTE UND UEBERSCHRIFTEN */
/*--------------------------*/






.text {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 12px; 
    COLOR: #555; 
}
/* TEXT FÜR FEHLERAUSGABE */
.text_red {
	/* schrift */
  font-weight: bold; 
  text-align:justify;
	font-size: 12px; 
  color: #FF0000;
  /* ausrichten */  
  margin: 5px 0px 5px 0px;
  clear:both;
}


/*Search.php: Box unten + Tabelle Kopf*/
.text_white{
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    COLOR: #FFF; 
}

/************************************************************/
/*                       FORMULAR                           */
/************************************************************/

div.vote {
    width: 220px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    COLOR:#FFF; 
    text-align:justify;
  	background-color:#008A9F;
  	border:0px solid #008A9F;
    padding:0px 15px 0px 15px;
    margin:0;
}
/* IE6 */
* html div.vote{
    width: 225px;
    padding:0px 12px 0px 13px;
}
.label_vote {
	  width:150px;
    FONT-WEIGHT: bold; 
    font-size: 12px; 
    COLOR:#FFF; 
    LINE-HEIGHT: normal; 
    FONT-STYLE: normal; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    TEXT-DECORATION: none
    margin:10;
    padding:10px 0px 0px 0px;
    }
fieldset{
  width: 450px;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  COLOR:#018A9D; 
  background-color: transparent;
  border:1px solid #018A9D;
  /* runde ecken */    
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
  -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
  box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5);
  -ms-filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5);
 	/* extraeinladung für firefox, sonst falsche weite */	
  -moz-border-width: 450px;	
  padding:10px 15px 10px 15px;
  margin: 1px 0px 9px 0px;
	float:left;
}
fieldset legend {
  font-weight: bold;
  font-size: 12px;
  margin:15px 0 0 6px;
}
label {
	width:180px;
	color:#018A9D;
	font-size: 12px;
  font-weight: bold;	
  display:block;
  cursor: pointer;
}
.textinput, .select, .adresse, .nummer, .textarea, .login{
  width:200px;
	/* schrift */
	font-family: Arial, sans-serif;
  font-size: 14px; 
	color: #333;
  font-weight: normal;	
	/* design */
  background-color: #EEE;
  border: 1px;
  border-color: #018A9D;
  border-style: solid;
	/* runde ecken */    
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
  -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
  box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
  filter:progid:DXImageTransform.Microsoft.Shadow
  (color=#e2e2e2, Direction=135, Strength=5);
  -ms-filter:"progid:DXImageTransform.Microsoft.Shadow
  (color=#e2e2e2, Direction=135, Strength=5)";
	/* ausrichten */
  float: none;
  clear: both;
  margin:0px 5px 0px 0px;
}
.select{
 
    color: #008A9D; 
    background-color: #FFFFFF;
    scrollbar-base-color:#008A9D;
    border:1px solid  #662200;

}