/* ****************************************************** */
/*  Beachte!  */
/*  Fuer den IE <= 6  wird eine separate StyleDatei eingebunden: tlabs_iehacks.css
    somit werden einige Formatierungen, die hier festgelegt werden
    dort unter Umstaenden ueberschrieben  
    
    Pfad zum Image-Ordner: /img
    Pfad zu den Style-Dateien: /screen.css */
/* ****************************************************** */




/* ****************************************************** */
/*  Base  */
/* ****************************************************** */

* {
	margin			: 0;
	padding			: 0;
	font-size		: 100%;
}
option {padding-left: 0.4em}
html { height: 100% } 
body { 
	min-height		: 101%;
	height			: 100%;
	font-size		: 100.01%;
	position		: relative; 
	font-family		: Verdana, Arial, 'Franklin Gothik Book', Helvetica, sans-serif;
	font-size		: 12px;
	font-weight		: normal;
	color			: #4C4C4C;
	background		: #ffffff url("img/back.jpg") repeat-y fixed;
	padding			: 0px;
	text-align		: left;
} 

/* ****************************************************** */
/*  Farben  */
/* ****************************************************** */

.orange {
	background-color: #FF7900;
}
.orange_heller {
	background-color: #FD823D;
}
.rot {
	background-color: #E2001A;
}
.grau_dunkel {
	background-color: #4C4C4C;
}
.grau_mittel {
	background-color: #B2B2B2;
}
.grau_heller {
	background-color: #DFDFE0;
}
.grau_hell {
	background-color: #F3F3F4;
}
.div_Ref {
	border			: 1px solid #B2B2B2;
	padding			: 10px;
	margin-left		: -10px;
	background-color: #F3F3F4;
}
/* ****************************************************** */
/*  Clearing, Float */
/* ****************************************************** */

.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}
/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: inline-block; } 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }
	
/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none;visibility: hidden; } 

/* Clearen der Inhaltsspalten mittels dieses speziellen hr-Tags */
hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0px; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0px;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}

/* ****************************************************** */
/*  Allgemeine Klassen  */
/* ****************************************************** */


span.nobr, span.breakstyle--nobr{
      white-space:nowrap;
}

.noshow,.hide, .nodisplay {
	display			: none;
	visibility		: hidden;
}

.showdisplay {
 display:block;
}

.ContentSpacer {
	width			: 416px;
	height			: 16px;
	line-height		: 16px;
	background-image: url(/img/content_spacer.gif);
	background-repeat: no-repeat;
}

.AbstandUnten {
	margin-bottom	: 16px;
}
.AbstandOben {
	margin-top		: 16px;
}

/* ****************************************************** */
/*  Allgemein: Abstände, Ränder, Hintergründe auf null setzen */
/* ****************************************************** */


fieldset, img { 
	border			: 0; 
}
select, input, textarea { 
	font-size		: 99%;
	font-family		: Verdana, Arial, 'Franklin Gothik Book', Verdana, Helvetica, sans-serif;
}

img {
	border			: 0 none;
}

q {
	quotes			: '\201E' '\201D' '\2018' '\2019';
}

acronym {
	border-bottom	: .0833em #999 dashed;
	cursor			: help;
}

.fehler {
	color			: red;
}
table { 
	border-collapse	: collapse;
}

.formdiv {
	display			: inline;
}
form {
	overflow		: hidden;
}
ul, dl { margin: 0 0 1em 0em }
ol { margin: 0 0 1em 0.7em }
li { margin-left: 1.3em; line-height: 1.5em; }
	
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
ul ul { margin: 0 0 1em 1em }
	
blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

div {
	background		: transparent;
	background-color: transparent;
}




/******************************************************************************************/
/****** Container des Layouts *****************/
/****************************************************************************************/


/* ### Z-Index setzen  ################################################## */

#PageMargins {z-index: 1;}
#Page {z-index: 2;}
#Header {z-index: 3;}

#MainContentContainer {z-index: 11;}
#Grafik {z-index: 12;}
#Grafik img {z-index: 13;}
#MainContent {z-index: 14;}
#Navigation {z-index: 15;}
#sub1 {z-index: 16;}
#sub2 {z-index: 17;}
#sub3 {z-index: 18;}
#Footer {z-index: 19;}
#ColFloat {z-index: 20;}
#ColMain {z-index: 21;}

.Col1-3 {z-index: 30;}
.Col2-3 {z-index: 31;}
.Col3-3 {z-index: 32;}
.Col4 {z-index: 33;}
.Col1-2 {z-index: 34;}
.Col1Content {z-index: 40;}
.Col2Content {z-index: 41;}
.Col3Content {z-index: 42;}
.Col4Content {z-index: 43;}
.ColContent {z-index: 44;}


/* ### Containerdefinitionen  ################################################## */


/******************************************************************************************/
/******* Positionierung der Inhaltsseite generell *****/
/******************************************************************************************/

#PageMargins {
/*	width			: 960px; */
	width			: 99.99%;
	height			: 100%;
}
	
#Page{  
	width			: 998px;
	margin			: 10px auto;
	border			: 1px #B2B2B2 solid;
/*	background		: transparent url(/.gif) left top;*/
/*	min-height		: 45em;*/
}


/******************************************************************************************/
/*********  Formatierung des Kopfbereiches */

#Header { 
	position		: relative;
	height			: 95px;
	margin			: 0px;
}
#Header img{
	margin			: 0px;
	padding			: 0px;
	width				: 998px;
	height			: 90px;
}

/******************************************************************************************/
/**** Styles fuer Inhaltsbereich *****/

#MainContentContainer {
	position			: relative;
	overflow			: hidden;
	background		: #B2B2B2 url("img/backmain.png") no-repeat top left;
	border-top		: 1px #B2B2B2 solid;
	margin			: 0;
	padding			: 60px 0 0 0;

}
#Grafik {
	position		: absolute;
	top				: 0;
	left			: 0;
	width			: 380px;
	height			: 300px;
	margin			: 0;
	padding			: 0;
/*	background		: transparent url("img/Pfeil.jpg") no-repeat top left;*/
}
#Grafik img {
	margin			: 0;
	padding			: 0;
	border			: 0;
}
#MainContent {
/*	position		: absolute;
	top				: 60px;
	left			: 230px;
	position		: relative;*/
	position		: relative; 
	width			: 650px;
	min-height		: 540px;
	margin-left		: 230px;
	padding			: 0;
	overflow		: hidden;
	background		: #ffffff;
	background-color: #ffffff;
	background-image: none;
	border			: 1px #B2B2B2 solid;
}

/******************************************************************************************/
/**** Styles fuer Hauptnavigation *****/

#Navigation { 
	position		: absolute;
	top				: 45px;
	right			: 0px;
	width			: 800px; /* 746px 663 83     776px      */
	height			: 24px;
	background		: transparent url("img/backnav.png") no-repeat 15px top;
	margin			: 0;
	padding			: 0;
	letter-spacing	: -1px;
}
#Navigation .AbstandLinks {
}
#Navigation div {
	float			: left;
	margin			: 1px;
	padding			: 4px 8px 4px 8px;
}
#Navigation .AbstandLinks:hover {
	background-color: transparent !important;
}


#Navigation a,
#Navigation a:visited,
#sub1 a,
#sub1 a:visited,
#sub2 a,
#sub2 a:visited,
#sub3 a,
#sub3 a:visited {
	color			: #ffffff;
	text-decoration	: none;
	font-weight		: normal;
	background-color: #4C4C4C;
}
#Navigation div:hover a,
.current a,
#Navigation .current a,
#sub1 div:hover a,
#sub2 div:hover a,
#sub3 div:hover a{
	color			: #ffffff;
	background-color: #FD823D;
}
#Navigation a:hover,
#sub1 a:hover,
#sub2 a:hover,
#sub3 a:hover {
	background		: transparent;
	text-decoration	: none;
}
#Navigation div:hover,
.current,
.current a {
	background-color: #FD823D;
}

#sub1 { 
/*	position		: absolute; top:68px; right:422px;*/
	position		: absolute; top:68px; right:569px;
	visibility		: hidden;
	width			: 160px;
	background-color: #4C4C4C;
	letter-spacing	: -1px;
}
#sub2 { 
/*	position		: absolute; top:68px; right:58  99px*/
	position		: absolute; top:68px; right:101px;
	visibility		: hidden;
	width			: 90px;
	background-color: #4C4C4C;
	letter-spacing	: -1px;
}
#sub3 { 
/*	position		: absolute; top:68px; right:275px*/
	position		: absolute; top:68px; right:416px;
	visibility		: hidden;
	width			: 90px;
	background-color: #4C4C4C;
	letter-spacing	: -1px;
}
#sub1 div,
#sub2 div,
#sub3 div { 
	padding			: 4px 8px 4px 8px;
}
#sub1 div:hover,
#sub2 div:hover,
#sub3 div:hover {
	background-color: #FD823D;
}

/******************************************************************************************/
/*********  Formatierung der Service Boxen */

#ServiceBoxHold {
	position		: absolute;
	top				: 100px;
	left			: 882px;
	width			: 110px;
	margin			: 0;
	padding			: 0;
	font-family		:  Verdana, Arial, 'Franklin Gothik Medium Cond', 'Franklin Gothik Book', Verdana, Helvetica, sans-serif !important;
	font-size		: 11px;
	letter-spacing	: -1px;
}

#ServiceBox1 {
	width			: 110px;
	margin-bottom		: 20px;
}
#ServiceBox1 .Kopf {
	width			: 110px;
	height			: 25px;
	background		: transparent url("img/Kopf3.png") no-repeat top left;
	margin			: 0px;
	padding			: 2px 0 0 17px;
}
#ServiceBox1 .Body {
	background		: #ffffff;
	margin			: 0px;
	padding			: 0px 4px;
	width			: 101px;
	font-size		: 11px;
}
#ServiceBox1 .Fuss {
	width			: 109px;
	height			: 10px;
	background		: transparent url("img/Fuss.png") no-repeat top left;
	margin			: 0px;
	padding			: 0px;
}

#ServiceBox2 {
	width			: 110px;
	margin-top		: 20px;
}
#ServiceBox2 .Kopf {
	width			: 110px;
	height			: 25px;
	background		: transparent url("img/Kopf4.png") no-repeat top left;
	margin			: 0px;
	padding			: 2px 0 0 17px;
	color			: #ffffff;
}
#ServiceBox2 .Body {
	background		: #ffffff;
	margin			: 0px;
	padding			: 0px 4px;
	width			: 101px;
	font-size		: 11px;
}
#ServiceBox2 .Fuss {
	width			: 109px;
	height			: 10px;
	background		: transparent url("img/Fuss.png") no-repeat top left;
	margin			: 0;
	padding			: 0px;
}

.SubNav {
	width			: 110px;
	height			: 18px;
	margin			: 0px;
	padding			: 2px 0 0 17px;
	background		: transparent url("img/subnav.png") no-repeat top left;
}
.SubNav:hover {
	background		: transparent url("img/subnav-over.png") no-repeat top left;
}

/******************************************************************************************/
/*********  Formatierung der Fusszeile */

#Footer { 
	width			: 998px;
	height			: 20px;
	background		: #B2B2B2;
	color			: #ffffff;
	font-size		: 11px;
	text-align		: center;
	margin			: 0;
	padding			: 0px;

}


/******************************************************************************************/
/****** Container Styles fuer Inhaltsbereich *****/
/****************************************************************************************/

#ColFloat, #ColFloatSevice, #ColMain, .Col1-3, .Col2-3, .Col3-3, .Col4, 
.Col1-2, .ColContent, .Col1Content, .Col2Content, .Col3Content, 
.Col4Content, #BreadcrumbMaster, #BreadcrumbPage { 
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	overflow		: hidden; 
	background		: transparent;
}
.ColContent, .Col1Content, .Col2Content, .Col3Content, .Col4Content { 
	position		: relative; 
}


/* Box für rechten Float-Bereich */

#ColFloat {
	float			: right;
	width			: 250px;
	overflow		: hidden;
	margin			: 0 0px 0 0;
/*	min-height		: 550px;
	border-left		: 1px #ffffff solid;*/
}

/* Box für Content Mitte dynamisch, mind. 750px */

#ColMain {
	float			: left;
	width			: 78%;
/*	width			: 700px;*/
	overflow		: hidden;
	margin			: 0 0px 0 0;
	padding			: 0px 0 20px 0;
	min-height		: 450px;
	min-width		: 750px;
	border-right	: 1px #DFDFE0 solid;
	background-color: #ffffff;
}



/* Inhalts-Float-Boxen */

/* Box für die ServiceLinks */
#ColFloatSevice {
	float			: right;
	overflow		: hidden;
	margin			: 0 0px 0 10px;
	width			: 25%;
	min-width		: 200px;
	min-height		: 400px;
	border-left		: 1px #DFDFE0 solid;
	border-bottom	: 1px #DFDFE0 solid;

}

/* EinDrittel Spalte */
.Col1-3 {
	float			: left;
/*	width			: 230px;*/
	width			: 33.333%;
	overflow		: hidden;
}
.Col1-2 {
	float			: left;
/*	width			: 375px;*/
	width			: 50%;
	overflow		: hidden;
}
.Col1Content { }

/* ZweiDrittel Spalte */
.Col2-3 {
	float			: left; 
/*	width			: 470px;*/
	width			: 66.666%;
	overflow		: hidden;
}
.Col2Content { }

/* Ganze Spalte */
.Col3-3 {
	float			: left;
	width			: 100%;
	overflow		: hidden;
}
.Col3Content { }

/* ganzer Contentbereich */
.Col4	{
	float			: left;
	overflow		: hidden;
}
.Col4Content {	}


.Col1-3, .Col2-3, .Col3-3, .Col4, .Col1-2, 
.Col38l, .Col38r, .Col62l, .Col62r {
	font-size		: 1px;
}

.ColContent {
	margin			: 40px 20px 20px 20px;
}

.Col1Content,
.Col2Content, 
.Col3Content, 
.Col4Content {
	margin			: 10px 10px 0px 10px !important;
}


.Col38l, .Col38r { width: 38.196%; } /* Goldener Schnitt */
.Col62l, .Col62r { width: 61.803%; } /* Goldener Schnitt */


#ColFloat .Col3-3 {
	background		: url(/img/back-right-nav.jpg) repeat-y;
}
#ColFloat .Col3-3 .ColContent {
	margin			: 0px 0px 0px 0px !important;
	border-top		: 10px #fff solid;
}
#ColFloat .Col3-3 .ColContent p {
	padding			: 2px 10px 2px 10px !important;
}




/******************************************************************************************/
/****** Styles fuer Inhaltselemente *****/
/****************************************************************************************/

/****** Bildpositionierung  *****/

.FloatImageRight,
.FloatImageLeft {

}
.FloatImageRight img,
.FloatImageLeft img{

}
.FloatImageRight {
	float			: right;
	padding			: 5px 5px 5px 5px;
	border			: 1px #DFDFE0 solid !important;
	margin			: 0 0 0 10px;
}
.FloatImageRight img {

}
.FloatImageRight div {
	text-align		: right;
	font-size		: 10px;
	color			: silver;
}

.FloatImageLeft {
	float			: left;
	padding			: 5px 5px 5px 5px;
	border			: 1px #DFDFE0 solid !important;
	margin			: 0 10px 0 0;

}
.FloatImageLeft img {

}
.FloatImageLeft div {
	text-align		: left;
	font-size		: 10px;
	color			: silver;
}

#ImageFieldMain {
	
}


/****** BoxPositionierung  *****/

.FloatRight {
	float			: right;
	margin			: 0;

}
.FloatLeft {
	float			: left;
	margin			: 0;

}

#Teaser{
	height			: 220px;
}


/****** Textausrichtung  *****/

.Center { 
	text-align		: center;
	padding			: 0px; 
	border			: 0px #ddd solid;
}
.Right { 
	text-align		: right;
	padding			: 0px; 
	border			: 0px #ddd solid;
}
.Left { 
	text-align		: left;
	padding			: 0px; 
	border			: 0px #ddd solid;
}



/* der Standard PageTitle wird ausgeblendet, die Anzeige findet dann im */
/* formatierten MainBereich statt, siehe ms-styles.css */
.pageTitle{}

#PageTitle {
	
}

#PageDescription {
	
}




/******************************************************************************************/
/****** Styles fuer Texte *****/
/****************************************************************************************/

p,td,th,div,span,sub,sup,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,input,select,textbox,option,
ul,dd,dt,span,.h1,a,.text, .ColContent,.Col1Content,.Col2Content, .Col3Content, .Col4Content,
.Hinweis, .Wichtig  {
	font-family		: inherit;
	font-size		: inherit;
	color			: inherit;
/*	font-family		: Arial, Verdana, Helvetica, sans-serif !important;
	font-size		: 12px;
	font-weight		: normal;
	text-align		: left;*/

}

p { 
	margin			: 0 0 14px 0;
	line-height		: 16px;
}

h1,.h1 {
	font-size		: 14px;
	color			: #FF7900;
	margin			: 18px 0 14px 0;
	font-weight		: normal;
}
h2,.h2 {
	font-size		: 14px;
	margin			: 18px 0 4px 0;
	font-weight		: bold;
}
h3,.h3 {
	font-size		: 12px;
	margin			: 18px 0 14px 0;
	font-weight		: bold;
}
h4,.h4 {
	font-size		: 11px;
	margin			: 0 0 4px 0;
	font-weight		: normal;
}
h5,.h5 {
	font-size		: 10px;
	margin			: 0 0 4px 0;
	font-weight		: normal;
}
h6,.h6 {
	font-size		: 10px;
	margin			: 0 0 4px 0;
	font-weight		: normal;
}

.k, .small {
	font-size		: 10px;
}
.Smaller{
}
.Mini {
}
.big {
	font-size		: 14px;
}
#Datum {
/*	text-align		: right;*/
}

strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
	color			: #fff; 
	background		: transparent; 
	margin			: 0 0 4px 0; 
	padding			: 0 0 4px 0; 
	border			: 0; 
	border-bottom	: 1px #eee solid; 
}

acronym, abbr {
	letter-spacing	: .07em;
	border-bottom	: 1px dashed #c00;
	cursor			: help;
}


.Wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; }
.Hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }


/* label */
.Kontakt{ width:115px; float:left;}
.Event { width:40px; float:left;}


/* Beispieldateien */
p.Demo { background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }

blockquote { 
	color			: #444; 
	background		: #f8f8f8; 	
	border			: 1px #ddd solid;
	border-left		: 8px #ddd solid;
	padding			: 1em 1em 0 1em;
	margin			: 0 0 1em 1em;
}

/******************************************************************************************/
/****** Styles fuer Listen *****/
/****************************************************************************************/

li{
	list-style		: square;
	list-style-type	: square;
	text-align		: left;
}
ul{
	list-style		: square;
	list-style-type	: square;
	list-style-image: url("img/li-red.png");
}
ul ul{
	list-style		: square;
	list-style-type	: square;
	list-style-image: url("img/li-yellow.png");
}

ol{
	list-style		: decimal;
	list-style-type	: decimal;
}


/* Ungeordnete Listen ohne Listenpunkt */ 

ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 1em 0; }





/******************************************************************************************/
/****** Styles fuer Tabellen *****/
/****************************************************************************************/


table.TablePartner{
	margin			: 25px 0 25px 0;
/*	width			: 100%;*/
}
table.TablePartner tr{
	vertical-align	: top;
}
table.TablePartner td{
	padding			: 4px 2px 4px 2px;
	vertical-align	: top;
}

.even{background-color:#E3E3EB;}
.odd{background-color:#f0f0f4;}





/******************************************************************************************/
/****** Styles fuer Formulare *****/
/****************************************************************************************/


form {
	display				: inline;
}

form {
	overflow			: hidden;}

input, textarea, select {
	width				: auto;
	font-family			: Verdana, Arial, 'Franklin Gothik Book', Verdana, Helvetica, sans-serif;
	font-size			: 11px;
	font-weight			: normal;
	border				: 1px #ccc solid;
	background			: #fafafa;
	padding				: 1px 4px;
	color				: #434b52;
}

input[type=text]:focus, textarea:focus {
	background			: #f0f0f0;
	color				: #333;
	border-color		: #666;
}

input#go {background: #FEF7F4;cursor: pointer;font-weight:bold;}
input#go:hover {background: #FF7900;color:#fff;}

/******************************************************************************************/
/****** Styles fuer lokale und Externe Links*****/
/****************************************************************************************/

a,
a em.file,
a:visited  {
	color				: #434B52;
	text-decoration		: none;
}
.ColContent a,
.ColContent a:visited  {
	border-bottom		: 1px solid #FF7900;
}

a:hover {
	color				: #FF7900;
	text-decoration		: underline;}

.SubNav a:hover {
	color				: #434B52;
	text-decoration		: none;

}
#Footer,
#Footer a,
#Footer a:visited {
	color				: #fff;
	font-size			: 10px;
	text-decoration		: none;
}


#MainContent a[href^="http:"], 
#MainContent a[href^="https:"]
{
/*	background-image:url("img/pfeil-rechts.png");background-repeat:no-repeat;background-position:4px 4px;
	padding-left:14px;*/

}

#MainContentContainer a.imagelink {
	padding-left		: 0;
	background			: transparent;
}

/* DIV Link weiter / mehr */
.Link_weiter{
/*	float:right;*/
	font-size			: 12px;
	text-align			: right;
}
.Link_weiter a,
.Link_weiter a:hover,
.Link_weiter a:visited{
	background-image	: url("img/pfeil-rechts.png");background-repeat:no-repeat;background-position:right 2px !important;
	padding-right		: 12px !important;
}

.Link_zurueck{
	float				: left;
	font-size			: 12px;	
}
.Link_zurueck a,
.Link_zurueck a:hover,
.Link_zurueck a:visited{
	background-image	: url("img/pfeil-links.png");background-repeat:no-repeat;background-position:left 2px !important;
	padding-left		: 12px !important;
}

@media print {
#Header,
#Grafik,
#ServiceBoxHold,
#Navigation,
.noprint {
	display:none;
	visibility:hidden;
}
#MainContentContainer {
	overflow			: visible;
	border-top		: 0px #B2B2B2 solid;
	padding			: 0px 0 0 0;

}

#MainContent {
	width			: 100%;
	overflow		: visible;
	margin-left		: 10px;
	border		: 0px #B2B2B2 solid;

}

}