/*----------------------------------------------------------------------------
	
$Id: main.css,v 1.22 2009/02/11 23:20:36 cvslasan Exp $
    
 ----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 styles for specific classes and ids
----------------------------------------------------------------------------*/

#main_div {
        background: url(resources/wappendark.jpg) repeat;
}

/*-- global container ------------------------------------------------------*/

#container {
	position: relative;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 792px;
        background: url(resources/wappenbgrdual.jpg) repeat;
}

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

#main_container {
	padding: 0;
	margin: 0;
}

/*--- the main container is devided in sub containers ----------------------*/

/* always +60px see ... */
#sub_container1 {
	margin: 0 0 0 4px;
	padding: 0;
	height: 200px;
}

#sub_container2 {
	float: right;
/*	margin: 0;*/
	padding: 0;
	margin: 23px 0 20px 0;
	width: 580px;
}


#left_column_container {
        margin: 0;
	padding: 0;
	float: left;
	width: 164px;
	position: absolute;
}

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

#header	{
/*	position: relative; */
	padding: 0;
	margin: 0;
	width: 792px;
	height: 316px;
	top: 0px;
	left: 0px;
}

/*--- key visual -----------------------------------------------------------*/

#key_visual {
        position: absolute;
	top: 30px;
	left: 0;
	width: 792px;
	height: 286px;
	background: url(resources/wechtensprung.jpg) no-repeat;
}


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

#logo {
	/*width: 360px;*/
	width: 792px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(resources/wappenbgrkll.jpg) repeat;
}

/*--- caption (as text or background image) --------------------------------*/

#text_caption {
        background: url(resources/wappenbeigekll.jpg) repeat;
	position: absolute;
	top: 5px;
	left: 360px;
	width: 412px;
	text-align: right;
}

#image_caption {
}

/*--- main navigation ------------------------------------------------------*/

#main_nav_container {
	margin: 0;
	position: absolute;
        top: -60px;
	left: 0px;
	padding: 0;
}

#main_nav_list {
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	list-style-type: none;
}

#main_nav_list li {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

/*--- main navigation items ------------------------------------------------*/

#main_nav_list a {
	display: block;
	font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
	font-weight : normal;
	text-decoration: none;
	text-align: left;
	line-height: 24px;
	height: 24px;
	padding: 0 0 0 25px;
	margin: 0 -25px 0 0;
	width: 164px;
}

html>body #main_nav_list a {
  	width: 164px;
}

#main_nav_list a.main_nav_item:hover {
	text-decoration: none;
}



/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container {
	margin: 0 0 0 16px;
	padding: 0;
}

/*--- subnavigation --------------------------------------------------------*/

#main_nav_list .sub_nav_list {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main_nav_list .sub_nav_list li {
	clear: both;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

/*--- subnavigation items --------------------------------------------------*/

#main_nav_list .sub_nav_list a {
	font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
	font-weight : normal;
	text-decoration: none;
	text-align: left;
	line-height: 24px;
	height: 24px;
	padding: 0 0 0 25px;
	margin: 0 -25px 0 0;
	display: block;
	width: 164px;
}

html>body #main_nav_list .sub_nav_list a {
  	width: 164px;
}


#main_nav_list .sub_nav_list a:hover {
	text-decoration: none;
}


/*--- content --------------------------------------------------------------*/

#content_container {
	overflow: hidden;
	line-height: 1.35;
	margin: 0;
	padding: 0;
	width: 520px;
}

#content_container table {
	border-style: dotted;
	border-width: 1px;
	border-spacing: 0;
	width: 100%;
}

#content_container tr.odd {
	font-size: 90%;
}

#content_container tr.even {
	font-size: 90%;
}



/***********************************/
#content_container_colbase0 {
  position: relative;
}

#content_container_colbase0 ul {
   list-style: none;
   margin: 0;
   padding: 0;
   clear: both;
}

#content_container_colbase0 li {
   float: left;
   margin: 1px;
   padding: 1px 1px;
   width: 30%;
   text-align: left;
}

/***********************************/
#content_container_colbase1 {
  position: relative;
}

#content_container_colbase1 ul {
   list-style: none;
   margin: 0;
   padding: 0;
   clear: both;
}

#content_container_colbase1 li {
   float: left;
   margin: 1px;
   padding: 1px 1px;
   width: 30%;
   text-align: left;
}

/***********************************/
#content_container_colbase2 {
  position: relative;
}

#content_container_colbase2 ul {
   list-style: none;
   margin: 0;
   padding: 0;
   clear: both;
}

#content_container_colbase2 li {
   float: left;
   margin: 1px;
   padding: 1px 1px;
   width: 30%;
   text-align: left;

}

/***********************************/
#content_container_colbase3 {
  position: relative;
}

#content_container_colbase3 ul {
   list-style: none;
   margin: 0;
   padding: 0;
   clear: both;
}

#content_container_colbase3 li {
   float: left;
   margin: 1px;
   padding: 1px 1px;
   width: 30%;
   text-align: left;

}



/* to see our "TABLE"  */
/* border: solid 1px red; */


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


#footer {
	position: relative;
        background: url(resources/wappensandkll.jpg) repeat;
	margin: 0;
	padding: 0;
	width: 792px;
	height: 45px;
	clear: both;
}


#footer_counter {
	padding: 10px 0 0 0;
	margin: 0 30px 0 30px;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 20px;
	float: left;
}


#footer_text {
	padding: 10px 0 0 0;
	margin: 0 30px 0 30px;
	top: 0px;
	left: 80px;
	width: 500px;
	text-align: center;
	font-size: 80%;
	float: left;
}

#footer_cssval {
	padding: 10px 20px 0 0;
	margin: 0 0 0 0;
	top: 0px;
	right: 0px;
	width: 65px;
	height: 25px;
	border: 0;
	float: right;
}



/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body#main_body {
	margin: 0;
	padding: 0;
}

/*--- paragraph ------------------------------------------------------------*/

#content_container p {
	margin: 5px 0 20px 0;
	padding: 0;
	font-size: 120%;
	line-height: 1.35;
}

/*--------- hpwetter -------------------------------------------------------*/
#hpwetterLD {
	top: 0px;
	left: 80px;
	width: 100px;
/*	height: 76px; */
	height: 129px;
        float: left;
}
#hpwetterKA {
	top: 0px;
	left: 280px;
	width: 100px;
/*	height: 76px; */
	height: 129px;
        float: left;
}

#hpwetterVT {
	top: 0px;
	right: 80px;
	width: 100px;
/*	height: 76px; */
	height: 129px;
        float: right;
}

/*--------- hpwetter end ---------------------------------------------------*/


/*--- headings -------------------------------------------------------------*/

/*--- links ----------------------------------------------------------------*/

#content_container a:hover {
	text-decoration : none;
}


/*--- tables ---------------------------------------------------------------*/

table {

}

th {
}

tr {
}

td {

}

/*--- forms ----------------------------------------------------------------*/

fieldset {
	padding: 15px;
	border-style: solid;
	border-width: 1px;
}

input {
	border-style: solid;
	border-width: 1px;
}

textarea {
	border-style: solid;
	border-width: 1px;
}

button {
}

label { 
}

select { 
}

option { 
}

/*--- lists ----------------------------------------------------------------*/

ul { 
}

li { 
}

/*--------------------------------------------------------------------------*/