/* CSS Document */

html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

img {border: 0 none;}

a, area {outline: none;}

body { 
	font-size: 62.5%;
	height:100%;
	max-height:100%;
	margin: 0px; padding:0; margin:0; border:0;
	overflow: hidden;
	background-color:#b31d1d;
}

table, td, tr { font-size: 100%;}
form { font-size: 100%;}


/* box zum zentrieren + links und rechts */

#left-01 {
	position:absolute;
	top:0px;
	left:50%;
	width:800px;
	margin-left:-410px;
	height:100%;
	background-image: url(../ktl_pics_basis/back-left_10x1000.jpg);
	background-repeat: repeat-y;
	background-color:#b31e1f;
}

#right-01 {
	position:absolute;
	top:0px;
	left:50%;
	width:800px;
	margin-left:400px;
	height:100%;
}

#right-02 {
	position:absolute;
	top:0px;
	left:0px;
	width:20px;
	height:240px;
	background-image: url(../ktl_pics_basis/back-right_20x240.jpg);
	background-repeat: no-repeat;
}


#box-back {
	position:absolute;
	left:50%;
	margin-left:-1000px;
	width:2000px;
	height:600px;
	overflow: hidden;
	height:100%;
	background-image: url(../ktl_pics_basis/back-01_2000x2.jpg);
}

#box-center {
	position:absolute;
	left:50%;
	margin-left:-400px;
	width:800px;
	height:100%;
	overflow: hidden;
 }


/* Kopf und Fuss und Hintergrund unten*/

#head-start {
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:224px;
	background-image: url(../ktl_pics_basis/back-head-01_800x224.jpg);
	background-repeat: no-repeat;
	z-index:2;
}

#head {
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:224px;
	background-image: url(../ktl_pics_basis/back-head-02_800x224.jpg);
	background-repeat: no-repeat;
	z-index:2;
}

#foot {
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-410px;
	width:820px;
	height:30px;
	background-image: url(../ktl_pics_basis/back-foot_820x30.jpg);
	background-repeat: repeat-y;
	z-index:5;
}

#text-foot {
	position:absolute;
	top:2px;
	left:20px;
	width:780px;
	height:auto;
	overflow: hidden;
}


/* flash */

#flash_01 {
	position:absolute;
	top:0px;
	left:0px;
	width:370px;
	height:200px;
	overflow: hidden;
	z-index:2;
}


/* copyright Fotos */

#copyfoto_flash_02 {
	position:absolute;
	top:470px;
	left:10px;
	width:356px;
	height:auto;
	overflow: hidden;
	display:block;
	z-index:3;
}


/* Abdecker vom Flash-Link */

#abdecker_flash_02 {
	position:absolute;
	top:430px;
	left:480px;
	width:160px;
	height:50px;
	overflow: hidden;
	display:block;
	z-index:3;
	background-image: url(../ktl_pics_basis/abdecker_160x50.jpg);
}


/* Inhalte */

#content1 {
	position:absolute;
	top:224px;
	left:10px;
	bottom:35px;
	width:780px;
	overflow: auto;
	display:block;
	min-height:100px;
	z-index:1;
}

* html #content1 {
	height:100%;
	top:0; bottom:0; border-top:224px solid #fff; border-bottom:35px solid #fff;
}


#content_keys {
	position:absolute;
	top:8000px;
	left:0px;
	width:auto;
	height:auto;
	overflow: hidden;
	font-size: 0.8em; 
	z-index:0;
}


/* Menue */

#menu1 {
	position:absolute;
	top:10px;
	left:630px;
	width:170px;
	height:190px;
	z-index:2;
}

#b-m_01 {	position:absolute; top:  0px; left:0px; width:160px; height:30px; z-index:4;}
#b-m_02 {	position:absolute; top: 21px; left:0px; width:160px; height:30px; z-index:4;}
#b-m_03 {	position:absolute; top: 42px; left:0px; width:160px; height:30px; z-index:4;}
#b-m_04 {	position:absolute; top: 63px; left:0px; width:160px; height:30px; z-index:4;}
#b-m_05 {	position:absolute; top: 84px; left:0px; width:160px; height:30px; z-index:4;}
#b-m_06 {	position:absolute; top:105px; left:0px; width:160px; height:30px; z-index:4;}
#b-m_07 {	position:absolute; top:126px; left:0px; width:160px; height:30px; z-index:4;}

#back-button-text { position:absolute; top:154px; right:10px; z-index:6;}

#box-link-startseite  {
	position:absolute;
	top:10px;
	left:0px;
	height:180px;
	width:380px;
	z-index:5;
}


/* link-Formate */

a:link {color: #2c2e36; text-decoration:none; outline: none; margin:0px; padding:0px;}
a:visited {color: #2c2e36; text-decoration:none; outline: none; margin:0px; padding:0px;}
a:active {color: #2c2e36; text-decoration:none; outline: none; margin:0px; padding:0px;}
a:hover {color: #2c2e36; text-decoration:underline; outline: none; margin:0px; padding:0px;}



/* Texte, Überschriften usw. */

.GT-l-0 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.4em; color: #2c2e36; text-align: justify; margin-right:10px; margin-left:0px; padding:0px;}
.GT-m-1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.4em; color: #2c2e36; text-align: center; margin-right:10px; margin-left:10px; padding:0px;}
.GT-m-2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.3em; color: #2c2e36; text-align: center; margin-right:10px; margin-left:0px; padding:0px;}
.GT-r-0 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.0em; color: #2c2e36; text-align: right; margin-right:10px; margin-left:0px; padding:0px; font-weight: bold;}

.GT-r-0-n { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.0em; color: #2c2e36; text-align: right; margin-right:10px; margin-left:0px; padding:0px; font-weight: bold; text-decoration:none; letter-spacing: 0.1em; text-transform:uppercase; }
.GT-r-0-u { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.0em; color: #717781; text-align: right; margin-right:10px; margin-left:0px; padding:0px; font-weight: bold; text-decoration:none; letter-spacing: 0.1em; text-transform:uppercase; }

.GT-r-0-1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.4em; color: #2c2e36; text-align: right; margin-right:10px; margin-left:15px; padding:0px;}
.GT-r-0-2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.4em; color: #2c2e36; text-align: right; margin-right:10px; margin-left:15px; padding:2px;}
.GT-r {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.1em; color: #2c2e36; text-align: right; margin:0px; padding:0px;}
.GT-l-block-klein {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.3em; color: #2c2e36; text-align: justify; margin-right:10px; padding:0px;}
.GT-l-klein {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.3em; color: #2c2e36; text-align: left; margin-right:10px; padding:0px;}
.GT-r-kleiner {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.0em; color: #2c2e36; text-align: right; margin-right:10px; padding:0px;}
.GT-l-mini {font-family: Arial, Helvetica, sans-serif; font-size: 0.2em; line-height: 0.3em; color: #2c2e36; text-align: left; margin-right:10px; padding:0px;}

.h2l {font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; line-height: 1.5em; color: #2c2e36; text-align: left; margin-right:10px; margin-left:0px; padding:0px; font-weight: bold;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; line-height: 1.0em; color: #717781; text-align: left; margin-right:20px; margin-left:0px; margin-top: 1.0em; padding:0px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.0em; color: #717781; text-align: left; margin:0px; padding:0px; font-weight: bold;}

ul{
	list-style:square;
	text-align:left;
	list-style-image:url(../ktl_pics_basis/arrow-01_8x11.gif);
	margin-top: 0px;
}

li{margin-top: 6px;}


/* für MAILER */


.feld1-form { 
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	vertical-align:middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 280px;
	display: block;
	height: 22px;
	margin-bottom: 3px;
}

.feld2-form { 
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 50px;
	display: block;
	height: 22px;
	margin-bottom: 3px;
}

.feld3-form { 
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	vertical-align:middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 215px;
	display: block;
	height: 22px;
	margin-bottom: 3px;
}

.feld4-form { 
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 160px;
	display: block;
	height: 22px;
	margin-bottom: 3px;
}

.feld5-form { 
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 50px;
	display: block;
	height: 22px;
	margin-bottom: 3px;
}

.feld6-form { 
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 270px;
	display: block;
	height: 130px;
	margin-bottom: 3px;
}

.feld7-form { 
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 240px;
	display: block;
	height: 22px;
	margin-bottom: 3px;
}


label.left-form {
	float: left;
	text-align: right;
	width: 140px;
	margin-right: 5px;
	padding: 0px;
}

label.left-form-2 {
	float: left;
	text-align: right;
	width: 100px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px;
}


.feld1 { 
	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	border: #8e0000;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 240px;
	display: block;
	height: 25px;
	float: left;
	margin-bottom: 5px;
}

.feld2 { 
	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	border: #8e0000;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 240px;
	display: block;
	height: 25px;
	float: left;
	margin-bottom: 5px;
}

.feld3 { 
	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	border: #8e0000;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 240px;
	display: block;
	height: 25px;
	float: left;
	margin-bottom: 5px;
}

.feld4 { 
	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.2em; color: #453825; text-align: justify; 
	padding: 2px;
	border: #8e0000;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #f1f3f4;
	width: 270px;
	display: block;
	height: 120px;
	float: left;
	margin-bottom: 5px;
}

.feld5 { 
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; color: #453825; text-align: center; font-weight: bold;
	padding: 2px;
	border: #8e0000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #ffffff;
	width: 270px;
	display: block;
	height: 30px;
	margin-left: 85px;
	margin-bottom: 5px;
}

.feld6 { 
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; color: #453825; text-align: center; font-weight: bold;
	padding: 2px;
	border: #8e0000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #ffffff;
	width: 275px;
	display: block;
	height: 30px;
	margin-bottom: 5px;
}

label.left {
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.6em; color: #2c2e36; text-align: justify; margin-right:10px; margin-left:0px; padding-top:0.2em;
	float: left;
	text-align: right;
	width: 80px;
	margin-right: 5px;
	padding: 0px;
}


form br {
clear: both;
}

#error_msg {
	position: absolute; top:500px; left: 520px; width:200px;
	font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 1.4em; color: #AE0505; text-align: center; font-weight: bold;
	z-index:2;

}

.fehler {
	position: absolute; top:410px; left: 95px; width:350px;
	font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.2em; color: #AE0505; text-align: left; 
}


/* copyright ------------------------------------------------------------------------ */


#copy {
	position:absolute;
	bottom:10px;
	left:10px;
	width:auto;
	height:auto;
	z-index:5;
}
