/*******************************************************************************
********************************************************************************
	Projekt		: Future Time GmbH
********************************************************************************
*******************************************************************************/

/************************************************************ GN2 Standard *****
*******************************************************************************/
@import url('/layout/css/css_gn2.css');

/*********************************************** Reset - NICHTS VERAENDERN *****
*******************************************************************************/
* {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

a {
	text-decoration:none;
}

img, fieldset {
	border: 0;
}

img {
	vertical-align: bottom;
}

ol, ul, li {
	list-style: none;
}

strong {
	font-weight: bold;
}

html {
	height: 100.01%;
	margin-bottom: -1px;
}

body {
	position:relative;
	background-color: #FFF;
	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align:left;
}


/******************************************** Standard - NICHTS VERAENDERN *****
*******************************************************************************/

.nospace {
	margin: 0;
	padding: 0;
}

body, div, p, 
a, span,  
li {
	background-repeat:no-repeat;
}

.fl-lft { 
	float: left;
	margin: 0 20px 0 0;
}

.fl-rght { 
	float: right;
	margin: 0 0 0 20px;
}

.algn-lft { 
	text-align: left;
}

.algn-rght { 
	text-align: right;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hidden {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}


#nojava {
	padding: 5px;
	margin: 20px auto;
	width:780px; 
	background-color: #FFF;
	border: 1px solid #F00; 
	color: #F00; 
	font-size: 1em;
	font-weight: bold;

}

#nojava a {
	color: #666;
	font-weight: bold;	
	text-decoration: underline;
}

/*********************************************************** Hintergruende *****
*******************************************************************************/
body {
	background-color: #747474;
}


form.formation input.submit {
	background-color: #dddddd;
	margin-right:22px;
}


/*	Icon Intern */
div.section-txtpic ul li a, 
p.link-intern a {
	display: block;
	padding-left: 24px;
	background-image: url(icon_intern.gif);
}
p.link-intern a {
	background-position: 0px 3px;
}


/************************************************************* Text-Farben *****
*******************************************************************************/

/*	Orange -> #F15906 Blau -> #5a98b9
	- Seitenueberschrift
	- Hauptnavigation aktiv
	- allgemeine Links
	- Fliesstext in der Sidebar
*******************************************************************************/
h1, a, 
div#nvgtn ul li a:hover, 
div#nvgtn ul li a.active, 
div#sdbr div.section-txtpic {
	color: #5a98b9;
}

/*	Grau -> #3D3D3D 
	- Fliesstext
*******************************************************************************/
body {
	color: #3D3D3D;
}

/*	Grau -> #2D2D2D 
	- Hauptnavigation inaktiv
*******************************************************************************/
div#nvgtn ul li a {
	color: #2D2D2D;
}

/*	Grau -> #828282 
	- Footer
*******************************************************************************/
div#ftr {
	color: #828282;
}



/*	Blau -> #3A5CB3 
	- Ueberschriften in Sidebar
*******************************************************************************/
div#sdbr h1, 
div.tsr h3 {
	color: #5a98b9;
}




/*************************************************************** Schriften *****
*******************************************************************************/
body {
	font-family: helvetica, arial, verdana, "times new roman", sans-serif;
}


/********************************************************* Schriftgroessen *****
*******************************************************************************/
div#wbst {
	font-size: .75em;
}

h1 {
	font-size: 1.66em;
}
div#sdbr h1 {
	font-size: 1.1em;
}

div#sdbr div.section-txtpic p, 
div#ftr {
	font-size: .95em;
}


/************************************************************* Zeilenhoehe *****
*******************************************************************************/
div#wrppr div#f-cntnt p, 
div#wrppr div#f-cntnt ol, 
div#wrppr div#f-cntnt ul, 
div#wrppr div#f-cntnt dl, 
div#wrppr div#f-cntnt table, 
div#sdbr div.section-txtpic p {
	line-height: 1.6;
}

/************************************************************* Allgemeines *****
*******************************************************************************/
h1 {
	margin-bottom: 1em;
	font-weight: bold;
}
div#sdbr h1 {
	margin-bottom: .5em;
}

h2 {
	margin-bottom: 10px;
	font-weight: bold;
}

h3, 
h4 {
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

hr {
	height:1px;
	border:none;
	background-color:#A8A8A8;
}


div#f-cntnt p, 
div#f-cntnt ol, 
div#f-cntnt ul {
	margin-bottom: 1em;
}

div#f-cntnt ol, 
div#f-cntnt ul {
	margin-left: 24px;
}
div#f-cntnt ol li {
	list-style-type: decimal;
}
div#f-cntnt ul li {
	list-style-type: square;
}


/********************************************************** Seitenstruktur *****
*******************************************************************************/
body {
	text-align: center;
}

div#wbst {
	position: relative;
	margin: 0 auto;
	width: 920px;
	background-image: url(bg_wbst.gif);
	background-repeat: repeat-y;
	text-align: left;
}

div#hdr, 
div#ftr, 
div#wrppr {
	position: relative;
	float: left;
	width: 100%;
}

div#hdr {
	height: 223px;
}

div#wrppr {
	background-image: url(bg_wrppr.jpg);
	background-position: 4px 0px;
}

div#wrppr div#f-nvgtn, 
div#wrppr div#f-cntnt, 
div#wrppr div#f-sdbr {
	float: left;
	width: 199px;
}
div#wrppr div#f-sdbr ul {
	margin-top:0px;
}

div#wrppr div#f-sdbr li {
	margin-top:10px;
}


div#wrppr div#f-cntnt {
	width: 522px;
}

div#wrppr div#f-nvgtn div#nvgtn,
div#wrppr div#f-cntnt div#cntnt,
div#wrppr div#f-sdbr div#sdbr {
	padding: 40px 40px 20px 30px;
}
div#wrppr div#f-sdbr div#nvgtn {
	padding-right: 22px;
	padding-left: 27px;
}
div#wrppr div#f-sdbr div#sdbr {
	padding-right: 26px;
	padding-left: 0px;
}


div#ftr {
	clear: both;
	background-image: url(bg_ftr.gif);
	background-position: 0% 100%;
}
div#ftr-2 {
	margin: 0 26px 12px 28px;
	padding: 4px 5px 0 5px;
	border-top: 1px solid #A8A8A8;
}

/****************************************************************** Header *****
*******************************************************************************/

div#logo {
	position: absolute;
	top: 0;
	left: 4px;
	width: 920px;
	height: 223px;
	background-image: url(bg_hdr_24b.png);
	background-position: 0px 100%;
}
div#logo p {
	margin-top: 100px;
}
div#logo p a {
	display: block;
	width: 180px;
	height: 123px;
	text-indent: -1000em;
}

p#bnnr {
	margin: 0 4px;
}

/************************************************************ Navigationen *****
*******************************************************************************/
#navi-skip li { 
	position: absolute;
	top: -1000px;
	left: -1000px;
	margin: 0;
	padding: 0;
}

#navi-skip li a {  
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px;
	width: 15em;
	background-color: #F15906;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	z-index: 10;
}

#navi-skip li a:focus, 
#navi-skip li a:active {
	top: 1020px;
	left: 1040px;
}


div#nvgtn ul {
	border-top: 1px solid #6F6E6F;
}
div#nvgtn ul li ul {
	border-top: 0;
}
div#nvgtn ul li {
	display: block;
	border-bottom: 1px solid #6F6E6F;
}
div#nvgtn ul li ul li {
	background-image: url(lne_dttd_150_001.gif);
	border-bottom: 0;
}
div#nvgtn ul li a {
	display: block;
	padding: 8px 0 7px 0;
}
div#nvgtn ul li ul li a {
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 18px;
}


/****************************************************************** Module *****
*******************************************************************************/
p.img {

}

div.sldr p.img img {
	width:120px;
	height:120px;
}


p.img span {
	display: block;
	text-align:center;
	height:3em;
	overflow:hidden;
}

div#sdbr div.section-txtpic {
	width: auto;
	padding: 10px 12px;
	background-color: #E6E6E5;
	background-image: url(bg_bx_sdbr.png);
	border-top: 1px solid #6F6E6F;
	border-bottom: 1px solid #6F6E6F;
}
div#sdbr div.section-txtpic ul li {
	padding: 3px 0 2px 0;
}


div.tsr {
	clear: both;
}

div.tsr p.img {
	margin-bottom:0 !important;
}

div.tsrwrap {
	background-image: url(bg_bx_sdbr.png);
	background-repeat: repeat-x;
}


div.tsr div.section-txtpic.col-li, 
div.tsr div.section-txtpic.col-re {
	width: 217px; 
	border-top: 1px solid #6F6E6F;
	border-bottom: 1px solid #6F6E6F;
}
div.tsr div.section-txtpic div.sectiontext {
	margin-top:5px;
	padding: 5px 8px;
}


div.sldr {
	clear: both;
	float: left;
	width: 100%;
	padding-top:7px;
	padding-bottom:0px;
	margin-bottom: 13px;
	border-top: 1px solid #6F6E6F;
	border-bottom: 1px solid #6F6E6F;
}

div.sldr p.img {
	margin-right:10px;
}

div.sldr p.fl-norm {
	float:left;
	margin-right: 29px;
}

div.sldr p.fl-lft {
	margin-right: 0;
}
div.sldr p.fl-rght {
	margin-left: 0;
}
div#wrppr div#f-cntnt div.sldr p.intr {
	margin-bottom:5px;
}
div.sldr p.intr a {
	display: block;
	padding-right: 22px;
	background-position: 100% 0%;
}


/* Table Formatting */
div#f-cntnt table
{	margin-left:-1px;
}


div#f-cntnt table.nomargin {

}
div#f-cntnt table td ul {
	margin-left:11px;
}
div#f-cntnt table td {
	vertical-align:top;
}

div#f-cntnt table.tablefacts .r1c0 {
	width:150px;	
}