/*Homepage*/
:link,:visited { text-decoration:none }

a {
	text-decoration: underline;
}
ul, ol { list-style:none }

h1,h2,h3,h4,h5,h6 { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

html {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height:100%;
	width: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #E6E8ED;
	color: Black;
	background-attachment:fixed; /* IE 5 Mac */
	text-align: center;
	height: 100%; /* IE BG Color fix */
	width: 100%;
}
#MainFrame {
	position: relative;
   width: 96%;
	max-width: 1200px;
	/*min-width: 775px;
	min-width: 1040px;*/
	 /*min-height: 95%; Funzt net?*/
	margin: 10px 0 10px 2%;
	padding: 0 0 15px 0;
	border-top: 1px solid white; /* wieso muss das so sein?*/
	background-color: White;
	color: Black;
	min-width: 1100px;
   /*width:expression(document.body.clientWidth < 1100? "1100px": "auto" );*/
}
#MainPage {
	text-align: left;
}
#ContentFrame {
	margin: 155px 10px 5px 10px; 
	background-color: #E6E8ED;
	color: Black;
}
.sidebox {
	margin: 5px 0px 10px 0px;
	width: 100%;
	background: url(../images/head_m.gif) repeat-x top left;
	font-size: 100%;
}
.boxhead {
	background: url(../images/head_r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../images/head_l.gif) no-repeat top left;
	margin: 0;
	padding: 7px 12px 5px 12px;
	color: #003366; 
	font-weight: bold; 
	font-size: .9em; 
	line-height: 1em;
}
#nav .boxhead h2 {
	background: none;
	color: #003366; 
	}
.boxbody {
	background-color: #BFCCD9;
	border: 1px solid #003366;
	margin: 0;
	padding: 7px 12px 5px 12px;
	/*line-height: 1.2;*/
	height: 1%;
}
#nav .boxbody {
	border-left: none;
	padding: 0;
	font-size: 0.9em;
}
#sidebar .boxbody a{
	text-decoration: underline;
	font-size: 0.9em;
}
#sidebar .boxbody {
	font-size: 0.8em;
}
#hauptcontent .boxbody {
	background-color: White;
	font-size: 0.8em;
	padding-bottom: 30px;
}
#hauptcontent .boxbody h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 1.2em 0 .9em 0;
}
#hauptcontent .boxbody h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 1.7em 0 .7em 0;
}
#hauptcontent .angebote h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.9em 0;
}
#hauptcontent .boxbody hr {
	margin: 2px 15px 0px 15px;
}
html>body #hauptcontent .boxbody hr {
	margin: 10px 15px;
}
#hauptcontent .boxbody a{
	text-decoration: underline;
	font-size: 0.9em;
}
.bildtext {
	color: Gray;
	font-style: italic;
}

.top {
	position: absolute;
	top: 0;
	left: 0;
	height: 148px;
	width: 100%;
}
.top a{
text-decoration: none;
color: Black;
}
.top a:hover{
	text-decoration: underline;
}
.top .sites{
	font-size: 0.7em;
	font-weight: normal; 
	display: block;
	padding-left: 10px;
	margin-top:3px;
	margin-bottom: 2px;
	text-decoration:none;
	text-align: left;
}
.top .under{
	font-size: 0.8em;
	font-weight: normal;
	float: right;
	display: block;
	margin-top:70px;
	margin-bottom: 5px;
	padding-top:0px;
	text-decoration:none;
	text-align: right;
	padding-right: 105px;
}
div#logobalken {
	position: absolute;
	top: 1.2em; 
	left: 0;
	height: 65px;
	width: 100%;
	background-color: #0E1F52;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: 0px;
}
div#bereich {
	position: absolute;
	display: block;
	left: 17px; 
	top: 30px; 
	padding-bottom: 0px; 
	border-width: 0px;
}
div#logo {
	position: absolute;
	display: block;
	top: 1.2em;
	right: 0px;
	height: auto;
}
div#schnellnavi {
	clear: both;
	margin: 3px 0 0px 0;
	padding: 3px 0px 0px 15px;
	text-align: left;
	font-size: 0.7em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: White;
}
#schnellnavi a:hover{
	text-decoration: underline;
}

div#copy {
	position: relative;
	height: 1.1em;
	width: auto;
	text-align: right;
	margin: 2px 10px 2px 10px;
	font-size: 0.6em;
}

#hauptnavi {
  width: 100%;             /* full window width */
  margin: 0;
  padding-top: .5em;
  padding-bottom: 0;
  background-color: White;
  line-height: 1em;
  /*width:expression(document.body.clientWidth < 1100? "1100px": "auto" );*/
}
.contentfooter {
  clear: both;             /* below all columns */
  width: 100%;             /* full window width */
  margin: 0;
  padding-top: .5em;
  padding-bottom: .5em; 
}
/* container for the 3 columns */
#outer-container {
  width: 100%;             /* full window width */
  margin: 0;               /* keep flush with adjacent containers */
  color: #000;
  padding-top: .4em;
  /*min-width: 1100px;*/
  width:expression(document.body.clientWidth < 1100? "1100px": "auto" );
}
/* container for just the left and center columns */
#inner-container {
  width: 76%;              /* leaves 24% of window width for right column */
  float: left;             /* left side of window */
  color: #000;             /*   delete these colors to get same color as right column */
  margin: 0;               /* keep flush with adjacent containers */
}
/* center column */
#hauptcontent {
  width: 68%;              /* % of inner-container width */
  float: right;            /* right side of inner-container */
  padding: .7em .5% 0 .5%;      /* some padding for readability */
  margin: 0;               /* keep flush with adjacent containers */
  color: #000;
}
/* left column */
#nav {
  width: 29%;              /* % of inner-container width is ~same width as right column */
  float: left;             /* left side of inner-container */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .7em 0 0 0;    /* .3em 0 0 2%; space from window edge (IE messes up with margin, so use padding) */
  font-size: 1em;
}
/* right column */
#sidebar {
  width: 21%;              /* a little less than available 24% */
  float: right;            /* right side of window */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .7em 1.5% .3em 0;      /* some space from right window edge */
  font-size: 1em; 			/*hier raus?*/
}
.clear {
  clear: both;
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
  height: 0px;
  overflow: hidden;
}

hr {
	color: #003366;
	background-color: #003366;
	height: 1px;
	border: none;
}
#button ul {
		margin: 0;
		padding: 0;
		border: none;	
		}		
#button ul li {
		border-bottom: 1px solid #E6E8ED; 
		margin: 0;
		display: block;
		}
#button ul li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 12px solid #868FA8; 
		background-color: #BFCCD9; 
		color: #003366;
		text-decoration: none;
		font-weight: bold;
		font-size: .9em;
		}

	html>body #button ul li a {
		width: auto;
		}
		
	#button ul li a:visited {
		border-right: 4px solid #868FA8;
	}

	#button ul li a:hover, #button ul li a:focus {
		border-left: 12px solid #868FA8;
		background-color: #868FA8;
		color: #F3F6FA;
		}
	#button #current a {
		border-right: 12px solid #868FA8;
		font-size: 0.9em;
	}
.valid{
	padding: 20px 20px 10px 20px;
	font-size: 0.9em;
}
.valid img{
	padding-bottom:10px; 
}
.valid a{
	text-decoration: underline;
}
#bread {
	color: black;
	background-color: white;
	padding: 1px 3px 1px 4px;
	margin: 0;
	font-size: 0.7em;
	}
#bread a:hover {
	text-decoration: underline;
}
#bread ul {
	margin-left: 0;
	margin-top: 0px;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	margin-top: 0px;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
#header {
    float:left;
    width:100%;
	 font-size: 0.8em;
	 background: white url(../images/bg10.gif) repeat-x bottom;
   }
#header ul {
  		margin:0;
      padding:0;
      list-style:none;
   }
	#header li {
      display: inline;
      margin:0;
      padding:0;
      }
    #header a {
      float:left;
      background: url(../images/tab_left_n_o.gif) no-repeat left top;
      margin:5px 0 0 0;
		/*margin: auto auto;*/
      padding:0 0 0px 9px;
      border-bottom:10px solid #003366;
      text-decoration:none;
      }
    #header a span {
      float:left;
		display: block;
      background:url("../images/tab_right_n_o.gif") repeat-x right top;
		border-right: 1px solid #BCBCD0;
      padding:10px 15px 10px 6px;
		margin:0;
      font-weight:bold;
      color:#003366; 
      }

    #header a:hover span {
      color:#333;
      }	
    #header a:hover {
      background-position:0% -100px;
		margin-top: 3px;
		padding-bottom: 2px; 
      }
    #header a:hover span {
      background-position:100% -100px;
		border-right: 1px solid #FFBE00;
      }
.top ul, #schnellnavi ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

.top ul li, #schnellnavi ul li{
	margin-left: 0;
	padding: 0 0.4em 0 0.5em;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}
			
.top ul li.first, #schnellnavi ul li.first{
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
#hauptcontent p {
	margin: 0.3em 0 0.7em 0;
}
#hauptcontent ul {
	margin: 3px 30px 5px 25px;
	padding: 5px 0 10px 0;
	list-style-type: disc;
	list-style-position: outside;
}
#hauptcontent li {
	padding: 5px 0 5px 0;
}
#hauptcontent ol {
	margin: 5px 45px 8px 45px;
	padding: 5px 0 10px 0;
	list-style-type: decimal;
	list-style-position: outside;
}
.sprungpunkt {
	background-image: url(../images/aufzaehlpunkt.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 3px 15px 5px 5px;
	padding: 0 0 0 25px;
}
.sprungliste ul{
	margin: 0px 30px 0px 30px;
	list-style-image: url(../images/aufzaehlliste.gif);
	list-style-position: outside;
	list-style-type: disc;
	padding: 0;
}
.sprungliste li{
	margin: 0;
	padding: 0;
}
.sprungliste a {
	position: relative;
	top: -6px;
	left: -3px;
	margin-left: 4px;
	padding: 0;
	color: blue;
	text-decoration: underline;
}
.sprungpunkt a {
	text-decoration: underline;
}
.sidebar img {
	float: left;
}
.sidebar h2 {
	font-size: 1.1em;
}
#sidebar p {
	padding: 5px 0 8px 0;
}
.contimgc{
	position: relative;
	text-align: center;
	z-index: 1;
	margin: 12px 0 5px 0; 
	width: auto;
	padding: 2px 0 8px 0;
	}

.contimgl{
	/*position: relative;
	left: 0px;
	top: 0px;*/
	text-align: center;
	float: left;
	border: 0;
	margin-left: 2px;
	margin-bottom: 0;
	/*width: 200px;*/
	width: 45%;
	padding: 3px 3px 3px 3px;	
}
.contimgl2{
	text-align: center;
	float: left;
	/*border: 1px solid red;*/
	margin-left: 2px;
	margin-bottom: 0;
	margin-top: 8px;
	/*width: 170px;*/
	width: 35%;
	min-width: 160px;
	max-width: 200px;
	padding: 3px 3px 3px 0px;	
}
.contimgl3{
	text-align: center;
	float: left;
	border: 0;
	margin-left: 2px;
	margin-bottom: 0;
	/*width: 550px; */
	/*width: 45%;*/
	padding: 23px 3px 13px 3px;	
}
.contimgl3 img{
	float: left;
	padding: 5px;
}
.contimgr{
	text-align: center;
	float: right;
	/*border: 1px solid red;*/
	margin-right: 2px;
	margin-bottom: 0;
	margin-top: 18px;
	/*width: 170px;*/
	width: 30%;
	min-width: 300px;
	max-width: 400px;
	padding: 3px 3px 3px 0px;	
}
.contimgr2{
	text-align: center;
	float: right;
	/*border: 1px solid red;*/
	margin-right: 2px;
	margin-bottom: 0;
	margin-top: 18px;
	/*width: 170px;*/
	width: 20%;
	min-width: 240px;
	max-width: 400px;
	padding: 3px 3px 3px 0px;	
}
.contimglcen{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 5px;
}
.conttxtl{
	text-align: left;
	float: left;
	margin: 5px 0 0 2px; 
	width: 50%;
	max-width: 50%;
	/*padding: 3px 10px 3px 18px;*/
	padding: 3px 5px 3px 8px;
}
.conttxtl2{
	text-align: left;
	float: left;
	margin: 5px 0 0 2px; 
	/*width: 50%;*/
	max-width: 50%;
	/*padding: 3px 10px 3px 18px;*/
	padding: 3px 53px 3px 8px;
}
.conttxtl3{
	text-align: left;
	float: left;
	margin: 5px 0 0 2px; 
	/*width: 50%;*/
	max-width: 55%;
	/*padding: 3px 10px 3px 18px;*/
	padding: 3px 23px 3px 8px;
}
.conttxtl4{
	text-align: left;
	float: left;
	margin: 5px 0 0 2px; 
	/*width: 50%;*/
	max-width: 48%;
	/*padding: 3px 10px 3px 18px;*/
	padding: 3px 13px 3px 8px;
}
.leitxtli{
	text-align: left; 
	float: left;
	margin: 0px 0 0 0px;
	padding: 0px 3px 3px 0px;
	max-width: 71%;
}
/*.conttxtl p{
	border: 1px solid red;
	padding-left: 0;
}*/
.conttxtr{
	padding: 0px 8px 3px 3%;
	/*margin: 8px 3px 3px 175px;*/
	margin: 8px 3px 3px 15px;
	/*padding: 15px 0px 3px 5px;*/
	/*width:55%;
	min-width: 150px;
	float: right;*/
	/*border: 1px solid blue;*/
	}
	
.conttxtr p{
	/*text-align: left;*/
	margin: 3px 0 2px 0;
	padding: 2px 0 2px 0;
}
.conpr {
	width: 45%;
	float: right; 
	/*padding: 3px 3px 3px 3px;*/
	border: 1px solid #003366;
	padding: 0px 0px 5px 0px;
	margin: 8px 0 15px 0;
	/*margin: 0 20px 20px 20px;*/
}
.angebote {
	clear: both;
	text-align: left;
	border: 1px solid #003366;
	padding: 0px 0 10px 0;
	margin: 0 10px 20px 10px;
}
.angebote p{
	font-size: 1em;
	/*margin: 0px 30px 0px 28px;
	padding: 0px 10px 3px 30px;*/
	margin: 0px 0px 0px 0px;
	/*padding: 0px 30px 3px 38px;*/
	padding: 0px 20px 3px 28px;
	border: 0;
}
.angebote li{
	/*margin: 0px 20px 0px 30px;*/
	margin: 0px 10px 0px 20px;
	padding: 0 0 0 50px;
	list-style-position: outside;
	list-style-type: disc;
	padding: 0;
}
/*.conttxtrli li{
	margin: 0 0 0 10px;
	padding: 0 0 0 50px;
	border: 1px solid red;
}*/
.conpr p {
	font-size: 1em;
	/*margin: 0px 30px 0px 28px;*/
	padding: 3px 8px 3px 8px;
	margin: 0;
	border: 0;
}
.angebote h3{ 
	background-color: #003366;
	font-size: 1em;
	font-weight: bold;
	color: white;
	margin: 0px 0px 5px 0px;
	padding: 2px 3px 3px 6px;
	border: 0;
}
.conpr h3{ 
	background-color: #003366;
	color: white;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 3px 6px;
	border: 0;
}
.angebote h4, .conpr h4{
	background-color: white;
	font-size: 1em;
	font-weight: bolder;
	color: black;
	/*display: block;*/
	margin: 0px 0px 0px 0px;
	/*padding: 3px 5px 0px 8px;*/
	/*padding: 0px 30px 3px 38px;*/
	padding: 0px 20px 3px 28px;
	border: 0;
	/*background-image: url(../images/button_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;*/
} 
#hauptcontent .conpr h4{
	padding: 3px 5px 0px 8px;
	margin: 0 0 0 0;
}
#hauptcontent .angebote h4{
	padding: 3px 5px 0px 28px;
	margin: 0 0 0 0;
}
#hauptcontent .conpr hr{
	/*color: #7F7F7F;*/
	color: #7F7F7F;
	background-color: #7F7F7F;
	height: 1px;
	margin: 0px 30px 0px 10px;
}

.angebote a{
	padding: 0px 0px 3px 3px;
	/*vertical-align: super;*/
	text-decoration: underline;
}
.angebote h4 a{
	vertical-align: super;
}
.angebote hr{
	color: #7F7F7F;
	height: 1px;
	margin: 3px 30px 0px 10px; 
}
.adstxtro{
	text-align:right;
	margin: 0 0px 0 0px;
	padding: 3px 3px 3px 3px ;
	font-size: 10px;
	color: #999999;
	/*background-color: White;*/
	display: none;
}
#sideboxnews h4{
	/*background-color: #868FA8;*/
	/* height:30px; */ 
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 1em;
	font-weight: bolder;
	color: #003366;
	display: block;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 8px;
	text-decoration: none;
}
/*#sideboxnews a{
	text-decoration: none;
}
#sideboxnews a:hover{
	text-decoration: underline;
}*/
form{
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	line-height                :    140%;
}
label.left
{
    float            : left; 
    text-align        : left;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 145px;
   
	 font-size: 11px;
	color: black;
	font-weight: bolder; 
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 3px 0px;
	text-decoration:none;
	text-align: left;
}
label.ftopz {
	font-size: 11px;
	font-weight: bolder;
	color: Black;
	display: block;
	padding-left: 0px;
	margin-top:3px;
	margin-left: 8px;
	margin-bottom: 3px;
	text-decoration:none;
	text-align: left;
}
input[type=text],
select, 
{
   /* float       : left; */
	 border-color: Black;
	 width: 200px;
	 margin-left: 8px;
}
textarea {
	margin-left: 0px;
	padding: 3px 10px 3px 20px;
	/*border: 1px solid red;*/
}
select
{ 
	width: auto;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 3px 3px 3px 0px;
}
/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.ftopz /* right  */
{
    float                    :    left;
    clear                    :    both; 
    margin-left              :    8px;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
   /* margin-left                :    155px; */
	 width: 35px;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}
form .conttxtr br {
	clear: none;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}
.imgflotr {
	float: right;
	padding: 5px 5px 5px 8px;
}
.imgflotl {
	float: left;
	padding: 15px 5px 5px 5px;
	margin-right: 15px;
}
.leistlist2 {
	background-image: url(../images/skispringen_home.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.leistlist li{
	/*list-style: none;*/
	margin: 0 0 0 0px;
}
.leistlist2 ul{
	/*list-style: none;*/
	margin: 0 0 0 0px;
	width: 300px;
}
.leistlist a, .leistlist2 a{
	font-size: 1em;
	font-weight: bolder;
	/*color: black;*/
	display: block;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	border: 0;
	text-decoration: underline;
}
.newslist a{
	text-decoration: underline;
	display: inline;
}
.newslist li {
	list-style-position: outside;
	padding: 5px;
	margin: 2px 5px 2px 20px;
}
#projlinks {
	/*width: 100%;
	text-align: center;*/
	margin: 10px 0 25px 0px;
	/*border: 1px solid red;*/
}
#projlinks a{
	text-decoration: underline;
}
#projlinks a img{
	text-decoration: none;
}
.linkbilder {
	width: 90px;
	text-align: center;
	float: left;
}
#awards img{
	margin: 10px 10px 10px 10px;
}