/*----------------------------------------------------------------------------
 Styles for specific classes/ids
----------------------------------------------------------------------------*/
#mainbackground {
    color: #000000;				/* Schriftfarbe */
    background-color: #ffffff;	/* Hintergrundfarbe weiss */
}

#logotext {
    position: absolute;
    top: 54px;
    left: 70px;
    font-family: Calibri,verdana,tahoma, arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
}

body {
  font-family: Calibri,tahoma,verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
background: url(/img/verlauf2.jpg) 0% 0% repeat-x;
}

a {text-decoration: none; color:#0066ff;}
a img { border: 0;}
.reiko_hr {height: 10px; width:1024px; background-image: url(/img/reiko_hr.png);}
.split_hr {height: 10px; background-image: url(/img/split_hr.png);}

/*-- global container ------------------------------------------------------*/
#container {
    position: relative;
    padding: 0;
    margin: 0 auto;		/* auto sorgt fuer Zentrierung */
    text-align: left;
    width: 1014px;
}

/*-- main container: contains all between header and footer ----------------*/

#main_container {
    padding: 0px;
    margin: 0px; /*10px 10px 30px 10px;*/
}

#sub_container2 {
    /*float: right;*/
    padding: 0;
}

#content_area {
    margin-right: 0px;
    padding: 2px;
}

#content_container {	/* Formatierung des Textinhalts */				   
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 1024px;				/* statt 564px */ 
	height: 400px;
}

#left_column_container {
    margin: 0;
    padding: 0;
    float: left;
    width: 160px; /*165px;*/
}

/*--- header ---------------------------------------------------------------*/

#header {
    position: relative;
    padding: 0;
    margin: 0;
    width: 1029px;				/* statt 800px */
    height: 190px;
    top: 0px;
    left: 0px;
}

/*--- logo -----------------------------------------------------------------*/

#logo {
    width: 186px;
    height: 66px;
    position: absolute;
    top: 50px;
    left: 0px;
    background: url(/img/LogoGRAU160709.png) no-repeat;
}

#slogan {
    position: absolute;
	top: 59px;
	width: 1029px;
	left:70px;
  font-family: arial, helvetica, sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}

#key_visual {
    position: relative;
    top: 35px;
    left: 825px;
    width: 200px;
    height: 50px; /*134px;*/
/*   font-family: tahoma,verdana, arial, sans-serif;*/
   font-size: 14px;
   text-align: right;
   color: #ffffff; /*#818181;*/
}

#key_visual a {
   text-decoration: none;
   color: #ffffff; /*#818181;*/
}

#main_nav_container {
    margin: 0px;
    padding: 0;
	border-spacing: 0px;
}

/*--- footer ---------------------------------------------------------------*/

#footer {
    margin-top: 0px;
    padding: 0;
    width: 1024px;
    /*height: 475px;*/
}

#footerSub {
    margin: 0;
    padding: 0;
    width: 1024px;
    height: 80px;
    clear: both;
}

#footer_text {
    padding: 10px 0 0 0;
    margin: 10px 30px 0 30px;
    text-align: center;
  font-family: tahoma,verdana, arial, sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: #706560;
}

.subtheme {
  overflow: hidden;
  width: 300px;
  height: 260px; /*100px;*/
  border: 0px;
  margin: 0px;
  padding: 10px;
  text-align: center;
  vertical-align: top; /*center*/
}

.subtheme:hover {
  background: url(/img/bgThemes5rotlang.png) no-repeat;	
}

.subbutton {		 
  padding: 0px;
  margin-bottom: 16px;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;   
  cursor: pointer;
}

.subTwoCol {position: relative;
		 	left: 0px;
		 	top: 0px;
		 	font-size: 12px;
  border: 0px;
  color: #ffffff;
 background-color: #cc3333;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 180px;
}

.subOneCol {position: relative;
		 	left: 0px;
		 	top: 0px;
		 	font-size: 12px;
  border: 0px;
  color: #ffffff;
 background-color: #cc3333;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 180px;
}

.subOneCol a { color: #ffffff;}
.subOneCol a:hover { color: #000000;}
.subTwoCol a { color: #ffffff;}
.subTwoCol a:hover { color: #000000;}

.ulButtons {
	list-style: none;
	margin-left:0px;
	margin-top: 10px;
	padding: 0;
	width: 159px;
	text-align: left;
}

.subTwoCol li{
 	float: left;
	width: 78px;
}

.subOneCol li{
	width: 160px;
}