/*----------------------------------------------------------------*/

body {
  text-align: center;
  min-width: 1000px;
  background: #006ca3 url('/fileadmin/template/pics/hintergrund-variante2.png') no-repeat;
  position:relative;
  top:0;
  left:0;
  top:0;
  bottom:0; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color:#fff;
}

img {
  margin: 0;
  padding: 0;
  top: 0;
  left; 0;
  bottom: 0;
  border: none;
}

p {
  margin:.4em 0 .8em 0;
  padding:0;
  color:#fff;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
}

/*
 * Das sind die Einstellungen für die Links
 * Infos auch unter: http://de.selfhtml.org/
 */
a:link { color: yellow; }
a:visited { color: yellow; }
a:hover { color: yellow; }
a:active { color: yellow; }

/*
 * Dies sind die  Ueberschriften
 */
H1
{
  MARGIN-TOP: 0px;
  margin:0.2px;
  padding:0.2px;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  color: yellow;
  text-align: left;
 
}
H2
{
  MARGIN-TOP: 0px;
  margin:0.1px;
  padding:0.1px;
  FONT-SIZE: 12px;
  font-weight:normal;
  font-style:italic;
  color:#fff;
  text-align: left;
}
H3
{
  MARGIN-TOP: 0px;
  margin:0.2px;
  padding:0.2px;
  FONT-SIZE: 15px;
  FONT-WEIGHT: bold;
  color: #fff;
  text-align: left;
}
H4
{
  MARGIN-TOP: -0.1em;
  FONT-WEIGHT: bold;
  FONT-SIZE: 13px;
  color:#fff;
}



#wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position:relative;
}

#div1 {
  /* take element out of the normal page flow! */
  position: relative;
  /* position the element vertically using top or bottom
     and define width as you like:                       */
  top: 10px;     
  width: 1000px;   
  /* set left and right to the same value! */
  left: 0;
  right:0;
  /* adding auto margins left and right will
     center the element horizontally!         */
  margin-left: auto;
  margin-right: auto;
  height: 170px;
  /* mark this element visually prominent */
  background:url('/fileadmin/template/pics/top_png170.png')
}

#divJa {
   position: relative;
   clear:both;
   float:left;
   top: -20px;
   margin-left:760px;
   margin-right:0px;
   left: 0;
   right:760px;
   width: 233px;
   height: 166px;
   background: #ffffff;
   background:url('/fileadmin/template/pics/ja_de.png')
}

#bannerTop {

}

#divMenu {
	position: relative;
	top: 105px;
	margin-left:0px;
	margin-right:250px;
	left: 0;
	right:250px;
	width: 750px;
	height: 32px;
	background: #ffffff;
	
}

.MenuContent {
	color: #000;	
	z-index:1;
	left: 0;
	margin-left:0px;
	margin-right:0px;
	text-align: left;
	position:relative;
	
}

/* column container */
.colmask {
   position:relative;	/* This fixes the IE7 overflow hidden bug */
   clear:both;
   float:left;
   width:100%;			/* width of whole page */
   overflow:hidden;		/* This chops off any overhanging divs */
   min-height: 450px;
   
   
}


/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		
	}
	/* 3 Column settings */
	.threecol {
		
		/*
		border-left-width:2px;
		border-left-style:solid;
		
		border-right-width:2px;
		border-right-style:solid;
		
  		border-color:white;
  		padding-left:2.5em;
  		*/
  		
  		background:url('/fileadmin/template/pics/background_table.png');
  		
  		
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		
		
		
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		
		
		
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		background:url('/fileadmin/template/pics/bottom_png.png');
		height: 78px;
	}
	#footer p {
		padding:10px;
		margin:0;
	}

/**************************************/
/*LANGUAGE*/
/**************************************/
.language 
{    
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  TEXT-ALIGN: center;
  COLOR: #ffffff;
  WHITE-SPACE: nowrap;
  OVERFLOW: visible;
  HEIGHT: 19px;
  z-index: 999999;
}

.language A
{
  COLOR: #ffffff;
  TEXT-DECORATION: none;
}
.language A:link
{
  COLOR: #ffffff;
  TEXT-DECORATION: none;
}
.language A:visited
{
  COLOR: #ffffff;
  TEXT-DECORATION: none;
}
.language A:active
{
  COLOR: #ffffff;
  TEXT-DECORATION: none;
}
.language A:hover
{
  COLOR: #ffffff;
  TEXT-DECORATION: none;
}
.language_highlight
{
  COLOR: #ffffff;
}
/*END language*/
/*====================================*/

