/* standards
 ----------------------------------------------- */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/body_bg.gif) repeat-x;
	background-color: #F9E314;
}

h2 {
	margin: -1em 0 0.8em 0;
}



/* layout
 ----------------------------------------------- */

#wrapper {
	position: relative;
	width: 988px;
	overflow: hidden;
}

#main {
	width: 770px;
	overflow: hidden;
	background: url(../img/main_bg.jpg) no-repeat;
	background-color: #FDF7BF;
	height: 100%;
}

#leftcol {
	margin-top: 108px;
	width: 202px;
    padding-bottom: 1600px;
	margin-bottom: -1600px;
	background: url(../img/subnav_bg.gif) repeat-y;
	float: left;
	position: relative;
}


#content {
	position: relative;
	margin: 0 0 0 220px;
	padding: 70px 0 0 0;
	width: 520px;
	height: 600px;
	padding-bottom: 800px;
	margin-bottom: -800px;
	line-height: 130%;
}

html>body #content { /* min-height hack for ie */
	height: auto;
	min-height: 600px;
}

#rightcol {
	width: 218px;
	position: absolute;
	top: 124px;
	right: 0;
	font-size: 89%;
	
}

#rightcol-img {
	height: 77px;
	background: url(../img/rightcol_bg.jpg) no-repeat;
	margin-bottom: 20px;
}

#visual {
	width: 190px;
	height: 231px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	background: url(../img/visual.jpg) no-repeat;
}



/* header
 ----------------------------------------------- */
#header {
	width: 770px;
	height: 124px;
	position: relative;
}


#metanav {
	position: absolute;
	top: 8px;
	left: 230px;
	font-family: arial, helvetica, sans-serif;
	font-size: 89%;
	color: #999999;
}



#metanav a, #metanav a:link, #metanav a:visited {
	text-decoration: none;
	color: #999;
}


#metanav a:hover {
	text-decoration: underline;
}


#logo {
	background: url(../img/logo_ext.gif) no-repeat;
	position: absolute;
	top: 22px;
	left: 780px;
}


/*#logo {
	background: url(../img/logo_bg.gif) no-repeat;
	position: absolute;
	top: 10px;
	left: 218px;
} */

#logo a {
	display: block;
	width: 207px;
	height: 98px;
}



/* #logo a {
	display: block;
	width: 224px;
	height: 70px;
} */



/* topnav
 ----------------------------------------------- */

#topnav {
	z-index: 9;
	position: absolute;
	top: 93px;
	left: 0;
	width: 770px;
	height: 31px;
	background: url(../img/topnav_bg.gif) no-repeat top right;
}

#topnav ul {
	margin: 0 0 0 220px;
	padding: 0;
	text-transform: uppercase;
}

#topnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#topnav ul li a, #topnav ul li a:link {
	color: #1E1E16;
	text-decoration: none;
	float: left;
	padding: 8px 10px 2px 10px;
	height: 21px;
	border-right: 1px dotted #fff;
	background: url(../img/topnav_nav_bg.gif) repeat-x;
}

#topnav ul li a.first {
	border-left: 1px dotted #fff;
}


#topnav ul li a:hover {
	color: #fff;
	background: url(../img/topnav_nav_aktiv_bg.gif) repeat-x;
}

#topnav ul li a.active, #topnav ul li a.active:link {
	color: #fff;
	background: url(../img/topnav_nav_aktiv_bg.gif) repeat-x;
}



/* subnav
 ----------------------------------------------- */


#subnav-round {
	width: 23px;
	height: 20px;
	background: url(../img/subnav_bg_top.gif) no-repeat;
	position: absolute;
    right: 5px;
	top: 0;
	padding: 0;
	z-index: 9;
}

#subnav {
	width: 189px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	height: 100%;
	z-index: 99;

}

/* 1. menuebene */

#subnav ul {
	margin: 0;
	padding: 0;
	font-size: 89%;
	text-align: left;
}

#subnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subnav ul li a, #subnav ul li a:link {
	margin: 0;
	padding: 7px 10px 7px 30px;
	background: url(../img/listpunkt_subnav.gif) no-repeat;
	background-position: 0px center;
	background-color: #FEFAD9;
	display: block;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	width: 150px;
}

/* box model hack ie win */
* html #subnav ul li a {
width: 190px;
w\idth: 150px;
}


#subnav ul li a:hover {
	background: url(../img/listpunkt_subnav_hover.gif) no-repeat;
	background-position: 0px center;
	background-color: #FEFAD9;
}

#subnav ul li a.active, #subnav ul li a.active:link, #subnav ul li a.active:hover {
	background: url(../img/listpunkt_subnav_active.gif) no-repeat;
	background-position: 0px center;
	font-weight: bold;
}


#subnav ul li a.activesub, #subnav ul li a.activesub:link, #subnav ul li a.activesub:hover {
	background: url(../img/listpunkt_subnav_activesub.gif) no-repeat;
	background-position: 0px center;
	font-weight: bold;
}

/* 2. menuebene */

#subnav ul ul {
	margin: 0;
	padding: 0;
	font-size: 89%;
	text-align: left;
}


#subnav ul ul li a, #subnav ul ul li a:link {
	margin: 0;
	padding: 7px 10px 7px 30px;
	background: url(../img/listpunkt_subnav.gif) no-repeat;
	background-color: #F9F2B1;
	display: block;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #FFFEF5;
}


#subnav ul ul li a:hover {
	background: url(../img/listpunkt_subnav2.gif) no-repeat ;
	background-color: #F9F2B1;
	background-position: 0px center;
}


#subnav ul ul li a.active, #subnav ul ul li a.active:link, #subnav ul ul li a.active:hover {
	background: url(../img/listpunkt_subnav2_active.gif) no-repeat;
	background-position: 0px center;
}



/* teaser rightcol
 ----------------------------------------------- */

#rightcol .teaser-yellow {
	background: url(../img/teaser_yellow_bg.gif) no-repeat top left;
	margin: 0 0 20px 12px;		
	padding: 0;
	background-color: #FDF7BF;
	width: 193px;
}	

#rightcol .teaser-yellow h3 {
	font-size: 111%;
	padding: 0;
	margin: 0;
	color: #000;
	font-weight: bold;
}

#rightcol .teaser-yellow-content {
	padding: 1em 1em 0 1em;
}

#rightcol .teaser-yellow-content a, #rightcol .teaser-yellow-content a:link, #rightcol .teaser-yellow-content a:visited {
	color: #000;
	text-decoration: underline;
}	

#rightcol .teaser-yellow-footer {
    height: 18px;
    width: 193px;
    margin: 0;
    padding: 0;
    background: url(../img/teaser_yellow_footer_bg.gif) no-repeat;	
}
		

#rightcol .teaser-blue {
    background: url(../img/teaser_blue_bg.gif) no-repeat top left;
    width: 193px;
    background-color: #3E91BA;
    margin: 0 0 20px 12px;
    padding: 0;
	}
	
#rightcol .teaser-blue h3 {
    font-size: 111%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-weight: bold;
	}
	
#rightcol .teaser-blue b, #rightcol .teaser-blue strong {
    color: #fff;
}
	
#rightcol .teaser-blue-content {
    padding: 1em 1em 0 1em;
    color: #fff;
	}	

#rightcol .teaser-blue-content a, #rightcol .teaser-blue-content a:link, #rightcol .teaser-blue-content a:visited {
	color: #fff;
	text-decoration: underline;
}	
	

#rightcol .teaser-blue-footer {
    height: 25px;
    width: 193px;
    margin: 0;
    padding: 0;
    background: url(../img/teaser_blue_footer_bg.gif) no-repeat;	
	}
	

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

#content .teaser-yellow {
	margin: 1.5em 0 1.5em 0;
	border: 1px solid #fff;
	padding: 14px;
	background-color: #FEFAD9;
}	

#content .teaser-yellow h3 {
	font-size: 111%;
	padding: 0;
	margin: 0;
	color: #34799B;
	font-weight: bold;
}



/* teaser leftcol (home)
 ----------------------------------------------- */

.teaser-home {
	margin: 20px 0 0 0;
	padding: 10px 5px 10px 30px;
	font-size: 89%;
	background: url(../img/teaser_home_bg.gif) no-repeat;
	background-color: #FDF7BF;
	line-height: 120%;
}

.teaser-home h3 {
	margin: 0;
	padding: 0;
	font-size: 111%;
}


/* kontaktformular
 ----------------------------------------------- */

.formnook {
	margin: 0 0 .8em 0;
	padding: 0;
	color: #DD1C21;
	font-weight: bold;
}

.formok {
	color: #677517;
	font-weight: bold;
	margin: 0 0 100px 0;
	padding: 0;
}

.mailformtable {
	width: 100%;
	background-color: #FEFAD9;
	border: 1px solid #fff;
}

.mailformtable td {  
	padding: 6px 0px 4px 6px;
	vertical-align: top;
	font-size: 101%;
}

.mailformtable input, .mailformtable select, .mailformtable textarea {
	width: 270px;
	font-family: arial, helvetica, sans-serif;
	font-size: 101%;
}

.mailformtable textarea {
    width: 290px;
}

.mailformtable input.checkbox {
    width: auto;
}

.submit-bg {
	background-color: #FEFAD9;
}

.submit-bg input {
	width: auto;
}




/* misc
 ----------------------------------------------- */

.break {
	clear: both;
}