html {
	height: 100%;
}

/* --------------------
generelle einstellungen
---------------------*/


body {
	background:#FFFFFF;
	font-size:9pt;
	padding:0px;
	margin-left:auto; 
	margin-top:auto; 
	font-family:verdana, arial, helvetica, sans-serif;
	color:#000000;
	background-image:url(../images/project/bg.gif);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}

img {
	border:none;
}

a:link, a:visited, a:active {
	color:#FF6900;
	text-decoration:none;
}
a:hover, a:focus {
	color:#000000;
	text-decoration:underline;
}

h1 span {
	letter-spacing:1px;
}

h1 {
	font-size:13pt;
	line-height:200%;
	height:35px;
	font-weight:normal;
	padding-left:23px;
	padding-top:3px;
	color:#241a81;
	margin:5px 0 5px 0;
	background-image:url(../images/project/h1.gif);
	background-repeat:no-repeat;
}
h1:first-letter
{
	color:#FFFFFF;;
	}


/*********START*************/
/* STARTSEITEN-DEFINTIONEN */
h1.artikelintro {
	font-size:9pt;
	font-weight:bold;
	color:#bb0000;
	text-align:center;
	margin:0px;
	line-height:34px;
	vertical-align:bottom;
	background-image:url(../images/project/bg-h1-artikelintro.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
td.bg-h1-artikelintro-left {
	margin:0px;
	background-image:url(../images/project/bg-h1-artikelintro-left.gif);
	background-repeat:no-repeat;
	height:34px;
	width:8px;
	background-position:bottom;
}
td.bg-h1-artikelintro-right {
	margin:0px;
	background-image:url(../images/project/bg-h1-artikelintro-right.gif);
	background-repeat:no-repeat;
	height:34px;
	width:6px;
	background-position:bottom;
}
td.bg-head-artikelintro {
	background-image:url(../images/project/bg-head-introartikel.png);
	background-repeat:repeat-x;
	background-position:top;
}
td.bg-head-artikelintro-left {
	margin:0px;
	background-image:url(../images/project/bg-head-introartikel-left.gif);
	background-repeat:no-repeat;
	height:9px;
	width:8px;
	background-position:top;
}
td.bg-head-artikelintro-right {
	margin:0px;
	background-image:url(../images/project/bg-head-introartikel-right.gif);
	background-repeat:no-repeat;
	height:9px;
	width:6px;
	background-position:top;
}
td.bg-artikelintro-left {
	margin:0px;
	background-image:url(../images/project/bg-introartikel-left.gif);
	background-repeat:no-repeat;
	height:150px;
	width:8px;
	background-position:top;
}
td.bg-artikelintro-right {
	margin:0px;
	background-image:url(../images/project/bg-introartikel-right.gif);
	background-repeat:no-repeat;
	height:8px;
	width:6px;
	background-position:top;
}
div.contenttext-introartikel 
{
	border:solid 0px red;
	padding:5px 0px 0px 4px;
	}
div.contenttext-introartikel td, div.contenttext-introartikel th
{
	color:#000000;
	line-height:200%;
	font-size:9pt;
	padding-right:5px;
	}

/* STARTSEITEN-DEFINTIONEN */
/**********END*************/

h2 {
	font-size:9pt;
	font-weight:normal;
	color:#bb0000;
	margin:0px;
}

h3 {
	font-weight:normal;
	font-size:7.5pt;
	color:#bb0000;
	margin:0px;
}


p {
	margin:0 0 1.2em 0;
	color:#000000;
	line-height:200%;
	font-size:9pt;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

ul {
	list-style-type:none;
}

/* ----------------
layout definitionen 
-----------------*/

#container {
	width:850px;
	margin-top:0px;
	margin-left:-424px;
	height:100%;
	left:50%;
	top:0px;
	position:absolute;
	padding:0px;
	background-color:#FFFFFF;
}


/* KOPF */
#header {
	height:200px;
	width:1025px;
	padding:0px;
	margin:0px;
	position:absolute;
	margin-left:-512px;
	top:0px;
	left:50%;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	overflow:visible;
	z-index:50;
}
#logo {
	height:86px;
	width:227px;
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
}


/** ***** **/

.line 
{	
	border-bottom:1px solid #1a2e5f;
	margin-left:1px;
	margin-top:0px;
	}
	
/** NAVIGATION **/
#navigation {
	width:770px;
	position:absolute;
	top:0px;
	left:230px;
	padding:0px;
	margin:0px;
}
#navigation ul {
	margin:0px;
	padding:0px;
	float:left;
}

#navigation ul li 
{	
	padding-top:43px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:3px;
	}

#navigation ul li a {
	color:#FFFFFF;
	font-size:9pt;
	text-decoration:none;
}
#navigation ul li:hover, #navigation ul li.over {
	font-size:9pt;
	padding-top:43px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:3px;
	background-color:#FF9900;
}

#navigation ul li.sel {
	font-size:9pt;
	padding-top:43px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:3px;
	background-color:#FF9900;
}

#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul a.aktiv {
	color:#FFFFFF;
	text-decoration:none;
}
#navigation ul li.sel a {
	color:#FFFFFF;
	text-decoration:none;
}

/* START ZWEITE EBENE */
	div.mm1 
	{
		position:absolute;
		left:0px;
		}
	div.mm2 
	{
		position:absolute;
		left:134px;
		}
	div.mm3 
	{
		position:absolute;
		left:231px;
		}
	div.mm4 
	{
		position:absolute;
		left:347px;
		}
	div.mm5
	{
		position:absolute;
		left:524px;
		}
	#navigation ul.navi2 
	{
		margin:0px;
		padding:0px;
		width:248px;
		background-color:#ff9600;
		line-height:20px;
		text-align:left;


}
	#navigation ul.navi2 li 
	{
		margin:0px;
		padding:0px;
		border-bottom:solid 1px #ff9600;
		border-top:solid 1px #ff9600;
		}
	#navigation ul.navi2 li:hover, #navigation ul.navi2 li.over
	{
		margin:0px;
		padding:0px;
		border-bottom:solid 1px #ffb64d;
		border-top:solid 1px #ffb64d;
		background-color:#ffab33;
		}
	#navigation ul.navi2 li a.navi2
	{
		color:#FFFFFF;
		text-decoration:none;
		font-size:8pt;
		padding-left:20px;
		}
	#navigation ul.navi2 li a.navi2:hover
	{
		color:#FFFFFF;
		text-decoration:none;
		font-size:8pt;
		padding-left:20px;
		}
	#navigation ul.navi2 li a.navi2sel
	{
		color:#FFFFFF;
		font-weight:normal;
		text-decoration:none;
		font-size:8pt;
		padding-left:20px;
		}
/* START DRITTE EBENE */
	#content ul.navi3 
	{
		list-style-image:none;
		margin:0px;
		padding:0px;
		width:193px;
		line-height:140%;
		}
	#content ul.navi3 li 
	{
		list-style:none;
		margin:0px;
		padding-left:25px;
		border-bottom:solid 1px #efefef;
		}
	#content ul.navi3 li a.navi3
	{
		vertical-align:middle;
		color:#000000;
		text-decoration:none;
		font-size:9pt;
		}
	#content ul.navi3 li a.navi3:hover
	{
		vertical-align:middle;
		color:#b30000;
		text-decoration:none;
		}	
	#content ul.navi3 li a.navi3sel
	{
		vertical-align:middle;
		color:#b30000;
		font-weight:normal;
		text-decoration:none;
		font-size:9pt;
		}
/** ***** **/

/** INHALTE **/
.bg-left  
{
	background-image:url(../images/project/bg-left.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:200px;
	}
.bg-right  
{
	background-image:url(../images/project/bgkachel-right.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:269px;
	height:902px;
	}

	
#content {
	width:1025px;
	padding:0px;
	margin:0px;
	position:absolute;
	margin-left:-512px;
	top:200px;
	left:50%;
	background-color:#FFFFFF;
	z-index:1;
}
#contentstart {
	width:850px;
	position:absolute;
	top:360px;
	height:350px;
	line-height:140%;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
}
td.space25-left 
{
	padding-left:25px;
	padding-right:25px;
	}
td.space25-right 
{
	padding-right:25px;
	width:100%;
	}
#content .contentpara {
	margin:0 0 1.2em 25px;
	color:#000000;
	line-height:200%;
	font-size:9pt;

}
#content .contenttext {
	margin:0 0 1.2em 0;
	color:#000000;
	line-height:200%;
	font-size:9pt;

}
#content a.contenttext  {
	margin:0 0 1.2em 0;
	color:#FF6900;
	line-height:200%;
	font-size:9pt;
}
#content a.contenttext:hover  {
	margin:0 0 1.2em 0;
	color:#000000;
	text-decoration:underline;
	line-height:200%;
	font-size:9pt;
}

.contenttable 
{
	font-size:9pt;
	text-align:left;
	line-height:21px;
	}

/* -----------------
content definitionen 
------------------*/

#content ul, #content ol {
	color:#000000;
	margin:0 0 1em 2em;
}

#content ul {
	list-style-type:square;
}

#content li {
	margin-bottom:0.2em;
}

img.bild-gross {
	margin-bottom:1.0em;
}

img.bild-links {
	float:left;
	margin:0 0.5em 0.5em 0;
}

img.bild-rechts {
	float:right;
	margin:0 0 0.5em 0.5em;
}

div.bilderreihe {
        margin:0 -15px 1em 0;
}

div.bilderreihe img {
        float:left;
        border:1px solid #000000;
        margin-right:12px;
}
p.img {
	font-size:9pt;
	color:#BBBBBB;
	line-height:13px;
}


/* ------------------
formular definitionen 
-------------------*/

fieldset {
	border:none;
	margin-bottom:1.2em;
}

legend {
	font-size:9pt;
	font-weight:bold;
	color:#f05c14;
	margin-bottom:0.5em;
}

label {
	float:left;
	width:160px;
}

input, textarea, select {
	width:240px;
	border:1px solid #FF6900;
	padding:3px 5px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:9pt;
	color:#241a81;
	background-color:#fff;
}
.contentformulartext {
	padding:3px 5px;
	font-size:9pt;
	color:#241a81;
}

option {
	padding:0 3px;
	background:transparent;
}

textarea {
	height:130px;
}

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	border-color:#FF6900;
	background-color: #e8e7e8;
}

input.small {
	width:auto;
	padding-right:5px;
}

input.radio-check {
	width:auto;
	border:none;
	background:none;
}

input.submit-it {
	color:#241a81;
	font-weight:bold;
}

input.submit-it:hover, input.submit-it:focus {
	border-color:#241a81;
}

p.error {
	color:#FF6900;
	margin-bottom:0.2em;
}

/*-----------------
footer definitionen
-----------------*/



/* SEITENUEBERSICHT */
	#content ul.toc 
	{
		list-style-image:none;
		margin:0px;
		padding:0px;
		line-height:110%;
		}
	#content ul.toc li 
	{
		list-style:none;
		margin:0px;
		padding-left:25px;
		}
	#content ul.toc li a
	{
		vertical-align:middle;
		color:#000000;
		text-decoration:none;
		font-size:8pt;
		}
	#content ul.toc li a:hover
	{
		vertical-align:middle;
		color:#FF6900;
		text-decoration:none;
		font-size:8pt;
		}


/* SITEMAP */
div.sitemap 
{	padding:0px;
	margin:0px;
	}
div.sitemap ul 
{
	margin:0px;
	padding:0px;
	}
div.sitemap ul li
{
	list-style:none;
	background-image:url(../images/project/li-sitemap.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
	margin:0px;
	padding:0px;
	}
div.sitemap ul li a
{
	font-size:9pt;
	padding-left:10px;
	}
	
	
/* RECHTER BEREICH BILDWECHSEL */
	/* ERSTES BILD */
	#bg-right-first 
	{
		z-index:100;
		position:absolute;	
		}
	/* ZWEITES BILD */
	#bg-right-second 
	{
		z-index:100;
		position:absolute;
		}
	/* LETZTES BILD */
	#bg-right-last 
	{
		z-index:100;
		position:absolute;	
		}


/* clear me baby */

.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {
	display:inline-table;
}
* html .clear {
	height:1px;
}
* + html .clear {
	height:1%;
}
.clear {
	display:block;
}

/* Iframe Onlineshop*/
div.os_bg-right  
{
	background-image:url(../images/project/bgkachel-right.gif);
	background-repeat:repeat-y;
	background-position:right;
	background-color:Transparent;
	vertical-align:top;
	width:100%;
	height:100%;
	}
.os_bg-left  
{
	background-image:url(../images/project/os_bg-left.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-position:top;
	background-color:Transparent;
	vertical-align:top;
	}

