/*
  :lpa
  Internet Style Sheet 0.1
  by blueend web:applications GbR

  Colors:
    blue:       2d3257
    red:        a92426
    light grey  edecec

*/

/* BASIC STYLES ---------------------------------------------------*/

* {
   padding:0;
   margin:0;
}

table td{
	color: #666;
}

body {
  background: #edecec;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.3em;
  color: #666;
	overflow: -moz-scrollbars-vertical;
}

h1,h2,h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  padding-top: 0;
  margin-top: 0;
}

h1 {
  font-size: 15px;
  margin-bottom: 10px;
  line-height: 1.4em;
}


h2 {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.4em;
}

h3 {
  font-size: 11px;
  margin-top: 10px;
}

h4 {
  font-size: 11px;
  font-weight: normal;
  margin:0;
}

.red {
  color: #a92426;
}

a {
  color: #2d3257;
  text-decoration: none;
  font-weight: normal;
}

a:hover{
	color: #a92426;
}

#main div.col_right li a{
	font-weight: normal;
	text-decoration: underline;
}

.no_css {
  display: none;
}

div.img_dummy{
  height: 201px; width: 406px; background-color: #a92426;
}

input.button{
	cursor: pointer;
  font-size: 11px;
  color: #666;
  text-decoration: underline;
	background: none;
  padding: 0;
  text-align: left;
  border: 0;
}

#container {
  width: 875px;
  margin: auto;
}

/* SYSTEM NAVIGATION ---------------------------------------------------*/

#header {
	height: 20px;
}

#extranet_id{
  width: 140px;
  height: 20px;
  float: left;
  margin-left: 20px;
  background: url(../_images/logo_extranet_id.gif) no-repeat;
}

#language_selector {
  width: 120px;
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 20px;
  background: #FFF;
}

#language_selector a.cb {
  background: url(../_images/dropdown_arrow.gif) no-repeat center right;
  display: block;
  width: 120px;
}

#language_selector a:hover {
  color: #a92426;
}

/* CSS Language Popup */

#language_selector_dropdown{
	display: none;
}

#language_selector_dropdown a {
	display: block;
}

/* 100% CSS Buttons */
#system_navigation {
  padding-right: 34px;
}

#system_navigation a {
  display: block;
  height: 12px;
  border-left: 1px solid #2d3257;
  float: right;
  margin-top: 5px;
}

#system_navigation a span {
 display: none;
}

#system_navigation a.btn_profile {
  background: url(../_images/sysnav_meinprofil_de.gif) no-repeat;
  margin-right: 2px;
  width: 78px; /* 33 */
}

#system_navigation a:hover.btn_profile {
  background: url(../_images/sysnav_meinprofil_on_de.gif) no-repeat;
}


#system_navigation a.btn_logout {
  background: url(../_images/sysnav_logout_de.gif) no-repeat;
  width: 61px; /* 43 */
}

#system_navigation a:hover.btn_logout {
  background: url(../_images/sysnav_logout_on_de.gif) no-repeat;
}

#system_navigation a.btn_lpahome {
  background: url(../_images/sysnav_lpahome_de.gif) no-repeat;
  width: 72px; /* 43 */
}

#system_navigation a:hover.btn_lpahome {
  background: url(../_images/sysnav_lpahome_on_de.gif) no-repeat;
}

#system_navigation a:hover {
  background-color: #fff;
}

/* 2nd / 3rd LEVEL NAVIGATION ---------------------------------------*/

#subnavigation {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
  line-height: 1.5em;
  border: none;
}

#subnavigation ul li {
  margin-bottom: 1px;
  list-style: none;
}

#subnavigation ul li a{
	padding-left: 10px;
	font-size: 12px;
	background: url(../_images/subnav_bullet.gif) no-repeat left center;
}

#subnavigation ul li.selected a,
#subnavigation ul li a:hover{
	color: #a92426;
	padding-left: 10px;
	background: url(../_images/subnav_bullet_red.gif) no-repeat left center;
}

#navigation_level2 {
	float: left;
	width: 300px;
	padding-left: 1px;
	margin-left: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	list-style: none;
}

#navigation_level3 {
	float: left;
	padding-left: 1px;
	margin-left: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	list-style: none;
}

/* MAIN CONTAINER ---------------------------------------------------*/

#main{
  background: #fff;
  margin-top: 20px;
  padding: 20px;
  padding-bottom: 10px;
}

#main div.col_left{
  float: left;
  width: 160px;
  height: 350px;
}

#main div.col_left .menu_teaser{
	margin-top: 20px;
	margin-bottom: 4px;
}

#main div.col_left .menu_noteaser{
	margin-top: 19px;
  height: 1px;
}


/* NAVIAGTION 100% CSS Buttons */

#navigation
{
	height: 20px;
}

#navigation dl dd{
  margin: 0;
}

#navigation a{
  width: 98px;
  height: 20px;
  display: block;
  float: left;
  border-top: 5px solid #2d3257;
  border-bottom: 1px solid #fff;
  margin-right: 7px;
  margin-top: 8px;
}

#navigation a span{
  display: none;
}

#navigation #btn_start{
  background: url(../_images/nav_start_de.gif) no-repeat;
}

#navigation #btn_start.selected,
#navigation #btn_start:hover{
  background: url(../_images/nav_start_on_de.gif) no-repeat;
  border-top: 5px solid #a92426;
}

#navigation #btn_football{
  background: url(../_images/nav_football_de.gif) no-repeat;
}

#navigation #btn_football.selected,
#navigation #btn_football:hover{
  background: url(../_images/nav_football_on_de.gif) no-repeat;
  border-top: 5px solid #a92426;
}

#navigation #btn_wissen{
  background: url(../_images/nav_wissen_de.gif) no-repeat;
}

#navigation #btn_wissen.selected,
#navigation #btn_wissen:hover{
  background: url(../_images/nav_wissen_on_de.gif) no-repeat;
  border-top: 5px solid #a92426;
}

#navigation #btn_gallery{
  background: url(../_images/nav_gallery_de.gif) no-repeat;
}

#navigation #btn_gallery.selected,
#navigation #btn_gallery:hover{
  background: url(../_images/nav_gallery_on_de.gif) no-repeat;
  border-top: 5px solid #a92426;
}


#logo {
  float: right;
  background: url(../_images/lpa_logo.gif) no-repeat;
  width: 147px;
  height: 58px;
  margin-right: 30px;
  margin-top: 7px;
}

#logo h1{
  display: none;
}

/* CONTENT STYLES ---------------------------------------------------*/

#content{
  margin-top: 90px;
  clear: both;
}


/* Right Column Design */

div.col_right{
  float: left;
  width: 650px;
  padding-bottom: 20px;
  color: #666;
}

#main div.col_right a{
  color: #888;
  text-decoration: underline;
}

#main div.col_right h3{
  margin-bottom: 15px;
  margin-top: 15px;
}

#main div.col_right a.regular {
	text-decoration: none;
	color: #403f3f;
}

#main div.col_right ul {
	margin-left: 10px;
  padding-left: 1em;
  line-height: 1em;
  list-style-image: url(../_images/bullet_1.gif);
}

#main div.col_right ul ul{
  list-style-image: url(../_images/bullet_2.gif);
}

#main div.col_right ul li{
	margin-top: 5px;
}

#main div.col_right ul li li{
	margin-top: 5px;
}

#main div.col_right ul a{
	text-decoration: none;
}

#main div.col_right div.form_row input,
#main div.col_right div.form_row textarea {
	border: 1px solid #BBB;
	width: 350px;
	display: block;
}

#main div.col_right div.form_row textarea:focus,
#main div.col_right div.form_row input:focus{
	background-color: #EEEEEE;
	border: 1px solid #DDD;
}

#main div.col_right div.form_row label {
	margin-top: 20px;
	display: block;
}

div.error_msg {
	color: #F00;
}


/* News */

.news_block {
  border-bottom: 1px dotted #CCC;
  padding-top: 8px;
  padding-bottom: 8px;
}

.news_block b{
  margin-bottom: 4px;
  display: block;
}

.news_block h3 {
  margin-top: 15px;
}

.news_intro {
	color: #888;
	margin-bottom: 10px;
}

.news_content {
	margin-bottom: 10px;
}

#main div.col_right a.news_header,
#main div.col_left a.news_header {
	text-decoration: none;
	font-weight: bold;
	color: #403f3f;
}

/* Downloads */

a.pdf {
	background: url(../_images/pdf_icon.gif) no-repeat left center;
	padding-left: 18px;
  font-weight: bold;
}

/* Seminars */
.seminar h3{
	background: #d9d9d9;
	padding: 1px;
	padding-left: 2px;
}


/* FOOTER/COPYRIGHT ---------------------------------------------------*/

#copyright{
  clear: left;
  font-size: 11px;
  color: #999;
  border-top: 1px solid #DDD;
  padding-top: 2px;
  margin-top: 40px;
}

#copyright a{
  color: #999;
  text-decoration: underline;
}

/* WebVault */

#main div.webvault_line a{
	padding-left: 10px;
	font-size: 11px;
	background: url(../_images/subnav_bullet.gif) no-repeat left 8px;
	text-decoration: none;
	color: #666;
	display: block;
	font-weight: bold;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

#main div.webvault_line a.selected{
  display: block;
	padding-left: 10px;
	font-size: 11px;
	background: url(../_images/arrow_down.gif) no-repeat left  16px;
	text-decoration: none;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin-top: 8px;
	margin-bottom: 5px;
}

#main div.webvault_line a.close{
	padding-left: 10px;
	font-size: 11px;
	background: url(../_images/arrow_up.gif) no-repeat left center;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	color: #666;
	display: block;
	margin-bottom: 30px;
}

#main div a.pdf{
	background: url(../_images/icon_pdf.gif) no-repeat left bottom;
	display: block;
	padding-left: 40px;
	padding-top: 30px;
	text-decoration: none;
	font-weight: bold;
}

div.sep
{
	border-bottom: 1px dotted #CCC;
}