body, 
#content {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   /* margin: 10px 0px 10px 25px; */
   margin: 10px;  /*  von pepe GEAENDERT zur Zentrierung der Seite im Browser */
   line-height: 18px;
   background-color: #dde8ef;
}


form, div, p, h3, h4, h5, h6 { margin: 0; padding: 0; }

p { margin-bottom: .2em; }

img   { border: 0px; }
form  { margin: 0px; }
label { float: left; font-size: 100%; }
input { padding: 2px; font-size: 100%; }
table { border-collapse: collapse; }




td, th, p, div, span {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

.listEntry {
   margin-bottom: 10px;
}

/* Schriftfarbe fuer Links und breadcrumb */ 
a, a:link, a:visited, a:active, a:focus {
   color: #015687; /* color: #82ccff #6dc3ff */
   text-decoration: none;
}
a:hover {
   color: black;
   text-decoration: underline;
}

.articleText {
   margin-bottom: 3px;
   text-align: justify;
}

.articleCode {
	margin-bottom: 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, "Courier New", Courier, monospace;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: serif, Arial, Helvetica, sans-serif;
}


/* Schriftfarbe und Groesse fuer Artikel-Titel und -Untertitel */
h1 {
   font-size: 30px;
   color: #015687;
}
h2 {
   font-size: 18px;
   color: #0386d2;
}
.articleSummary {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 100%;
}

/* Schriftauszeichnung fuer ContentPart-Titel und -Untertitel */
h3 {
   font-size: 15px;
   color: #333;
   margin-bottom: .2em;
}
h4 {
   font-size: 13px;
   color: #666;
   margin-bottom: .2em;
}


.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}

.nav_table a:hover {
	text-decoration: underline;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: bold;
	text-decoration: none;
}

.articleList_toptext {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.articleList_listhead {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}



/* vertikales Ausklappmenue  */
ul.list_top, ul.list_level {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #5E747F;
	font: bold 12px Verdana, sans-serif;
}
ul.list_top li, ul.list_level li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0;
}
ul.list_top li a, ul.list_level li a {
	padding: 3px 0.5em;
	margin: 0px;
	border: 1px solid #778;
	border-bottom: none;
	background: #D7DEE5; /* background: #D7DEE5; */
	text-decoration: none;
}
ul.list_top li a:link, ul.list_level li a:link { color: #5E747F; }
ul.list_top li a:visited, ul.list_level li a:visited { color: #5E747F; }
ul.list_top li a:hover, ul.list_level li a:hover {
	color: Black;
	background: #92A1AF;; /* background: #92A1AF; */
	border-color: #227;
}
ul.list_top li.active a, ul.list_level li.active a {
	background: white;
	border-bottom: 1px solid grey;
}


/* CSS für DIV-Seitenlayout - angepasst ========== ========== */

#container {
   width: 980px; /* Wert fuer vernuenftige Browser */
   \width: 980px; /* alle IEs (5+6) nehmen diesen Wert */
   w\idth: 980px; /* Korrektur fuer den IE6 im Standard-Modus */
   /* border: 1px solid gray; */
   background-color: white;
   background-image: url(TMA-05.jpg);
   background-repeat: no-repeat;
   background-position: 25% 400px;
   margin: 0 auto; /* eingefuegt zum Zentrieren der Seite im Browser */
   /* box-shadow:8px -10px 7px #333333 */
}

#headerBlock {
	padding: 4px;
	height: 354px;
	margin-bottom: 0px;
	border-bottom: 1px solid #D5D7D4;
	/* border: 1px solid #D5D7D4; */
	/* background-color: red; */
}

#top {
    padding: 0px;
	margin: 2px 2px 2px 2px;
	border: 1px solid #D5D7D4;
    /* background-color: black; */
}

#logo {
    border: 0px solid #D5D7D4;
	margin: 15px 0px 15px 15px;
}

/* Feld fuer Suche-Eingabefeld und Button */
#search_Box {
        float: right;
	    width: 175px;
	    height: 129px;
        padding: 10px 10px 0px 10px;
        clear: none;
        /* background-color: Orange; */
}

/* Feld fuer Login-Eingabefeld */
#top-navigation {
        float: right;
	    width: 175px;
	    height: 87px;
		margin-top: 0px;
	    margin-right: 0px;
		/* margin-bottom: 20px; */
        /* padding: 10px 10px 0px 10px; */
        clear: none;
        /* background-color: blue; */
}

#menu {
   border: 0px solid #D5D7D4;
   margin: 2px;
   padding: 4px 0 7px;
   height: 22px;
   width: 968px;
   /* background-color: #dde8ef; */
}

/* Header-Bild */
#keyvisual {
   margin: 2px;
   border: 0px solid #D5D7D4;
   width: 966px;
   height: 117px;
   border: 1px solid #D5D7D4;
   /* background-color: black */
}

#horizon_menu {
   border: 0px solid #D5D7D4;
   margin: 2px;
   padding: 4px 0 7px;
   height: 40px;
   width: 968px;
   /* background-color: #dde8ef; */
}

#mainBlock { /* z-index:10; */
   float: left;
   display: block;
   width: 640px;
   padding: 2px 20px 2px 20px;
   /* margin-right: 6px; */
   border-right: 1px solid #D5D7D4;
   /* border-bottom: 1px solid #D5D7D4; */
   /* border: 1px solid #D5D7D4; */
   background-color: transparent; /* background-color: blue transparent */
}

#breadcrumbBox {
   float: left;
   /* padding: 2px; */
   clear: none;
   margin: 10px 0 2px 0;
}

#content {
        margin: 2px;
        border: 1px solid #D5D7D4;
        padding: 20px 2px 2px;
}

#leftBlock { /* z-index:100; */
   float: left;
   width: 240px;
   /* margin: 0 0px 5px 0px; */
   background-color: transparent; /* background: yellow transparent; */
}

#contentBox {
   margin: 40px 0 15px 0;
   /* background: yellow; */
}

#contentNavigation {
   width: 102px;
   height: 18px;
	margin-left: 269px;
   /* border: 1px solid #D5D7D4; */
   /* background-color: green; */
}

#rightBlock {
	float: right;
	width: 299px;
	/* background-color: green; */
}

/* #right {
	float: right;
	width: 300px;
	background: yellow;
    /* border: 1px solid #D5D7D4; */
/* } */

#footerBlock {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	/* background: yellow; */
	border-top: 1px solid #D5D7D4;
}

#footer {
	/* border: 0px solid #D5D7D4;  Border rausgenommen */
	margin: 2px 0px 0px 0px;
	padding: 0px;
	height: 20px;
	padding-top: 8px;
	/* background: red; */
}

#menufacebook {
    display: block;
	border: 1px solid #D5D7D4;
	padding: 4px 2px 8px 4px;
	margin-left: 2px;
    height: 21px;
    width: 808px;
    /* background-color: red; */
}

#keyImg {
	display: block;
}

.col {
   width: 240px;
   float: left;
/* padding: 4px 4px 4px 6px; */
   margin: 10px 0;
   border: 0px;
/* background:yellow; */
}

#lastCol {
	width: 814px;
}

#lastInnerCol {
	padding-right: 20px;
}

#history {
	background-color: #CCCC98;
	margin-left: 330px;
}

#imgTbl {
	border-collapse: collapse;
}

#imgTbl td {
}

.bu {
	background-color: #FF0000;
	padding: 2px;
	color: #999965;
	height: 20px;
}

.zoom {
	display: block;
	float: right;
}

.noAlign {
}

#menuMain a {
	color: black;
	margin: 0px 5px 0px 10px;
	text-decoration: none;
}

#history a {
	color: black;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
}

#menuMain a:hover, #history a:hover {
	text-decoration: underline;
}

#menuSub a {
	display: block;
	color: black;
	margin: 0px 5px 0px 10px;
	text-decoration: none;
}

#menuSubSlct {
	background-color: #CCCC98;
	margin-left: 2px;
}

select {
        width: 200px;
        height: 20px;
}

#fancyselectmenu {
        width: 129px;
        height: 22px;
        background: #fff;
}

/* Zusatz fuer einen Bildrand */
.teaser-image {
    width: 106px;
    height: 81px;
	border: 0;
}

.imgDIVinTextLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}

.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
}

.imgDIVtopLeft { 
	margin:8px 10px 5px 20px; 
	padding:0px; 
	border:0; 
}

.imgDIVtopCenter { 
	margin:8px -50% 5px -50%; 
	padding:0px; 
	border:0; 
}

.imgDIVblockImgLeft { 
	margin-right: 10px;
}

.imgDIVblockImgRight {
	margin-left: 10px; 
} 

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}

.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}

.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}

.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}

.phpwcmsSearchResult p {
	margin: 0;
}

.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00;
	font-style:inherit;
}


#VisualModeIndicator {
	position: absolute;
	left: 5px;
	bottom: 5px;
	padding: 5px;
	z-index: 10000;
	background-color: #FF3300;
	color: #FFFFFF;
	border: 1px solid #000000;
}

.phpwcmsArticleListEntry {
	clear: both;
}

.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}

.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}

div.cpPagination {
	margin: 10px 0 10px 0;
	text-align: right;
}

a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
	padding: 0px 3px 1px 3px;
	background-color: #FFFFFF;
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CBCBCB;
}

a.cpPaginateActive {
	background-color: #DDDDDD;
	color: #FFFFFF;
	border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
	background-color: #DDDDDD;
	color: #666666;
	border: 1px inset #CBCBCB;
}


/* Menueleiste - horizontal ========= ========= ========= */
.hcss_menu1 {
   font: normal normal 14px serif;  /* normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif; */
   font-weight: bold;
}

.hcss_menu1 em {
   font-style: normal;
   vertical-align: middle;
}
	
.hcss_menu1 ul {
   margin-bottom: 2px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 2px;
   padding: 0px;
   list-style: none;
   /* border-left: 5px green; */
   width: 966px;
}
	
.hcss_menu1 ul li {
   float: left;
   position: relative;
   width: auto; /* Width of Menu Items was 155px */
   height: 20px;
   border-top: 0px solid #000000;	
/* margin-left: 1px auto; */
   margin-right: auto;                 /* Fehlermeldung = Zu viele Werte oder die Werte werden nicht erkannt = fuer = 1px auto = Probe mit auto */
/* border-left: 0px solid #999965; */  /* hier wird das menue verbreitert links */
/* border-right: 5px solid #999965; */ /* hier wird das menue verbreitert rechts */
}
	
.hcss_menu1 li ul {
   position: absolute;
   left: 0px; /* Set 1px less than menu width */
   top: 20px;
   display: none;
   border: 0px;
}

.hcss_menu1 li ul li ul {
   left: 126px;
   top: 0px;
}

/* Styles fuer Menueleisten Items */
.hcss_menu1 ul li a, 
.hcss_menu1 ul li a:link, 
.hcss_menu1 ul li a:visited, 
.hcss_menu1 ul li a:active {
   display: block;
   text-decoration: none;
   color: #7c7c7c; /* color: black; */ /* Textfarbe fuer nichtaktive Ebenen in der Menueleiste */
   /* background: rgb(153, 153, 101); */             /* IE6 Bug */
   padding: 4px 8px 3px 8px; 
   border: 0px;
   /* border-right: 1px solid rgb(153, 153, 101); */  /* hier blauen Hintergrund einfuegen */
   text-align: center;
}

.hcss_menu1 ul li.active a, 
.hcss_menu1 ul li.active a:active, 
.hcss_menu1 ul li.active a:link {
/* .hcss_menu1 ul li.active a:link, */
/* .hcss_menu1 ul li.active a:visited, */
/* .hcss_menu1 ul li.active a:active */ 
/* text-align: left; */
   /* background: rgb(153, 153, 101); */
   color: black; /* color: white; */
/* border-top: 0px #c1d2e2; */
   padding: 4px 8px 3px 8px;
   border-left: 0px solid black; 
   height: 20px;
} 

/* Textfarbe fuer mouseover in der Menueleiste */
.hcss_menu1 ul li a:hover {
   /* background: rgb(153, 153, 101); */
   color: white;
/* text-decoration: underline; */
}

.hcss_menu1 ul li:hover a {
   /* background: rgb(153, 153, 101); */
   color: #bebdbd; /* color: white; */
}

.hcss_menu1 ul li ul li a {
   text-align: left;
   background: #FFFFFF;
   padding-left: 7px;
}

/* Hintergrund fuer die SUBs */
.hcss_menu1 ul li:hover ul li a {
   text-align: left;
   background: #8B99A7;
   color: #FFFFFF;
}

.hcss_menu1 ul li ul li a:hover {
   background: #475661;
   color: red;
}
/* Menueleiste - horizontal - Ende*/



/* Nachtrag zur Begradigung */
.field label {
        display: inline-block;
        min-width: 100px;
}


#feLogin, #fePassword {
        margin-left: 0 !important;
}

.fieldset label {
        display: inline-block;
        min-width: 125px;
}

.fieldset label.inline {
        min-width: 5px;
        margin-right: 8px;
}

.fieldset input {
        margin-left: 0 !important ;
}
/* Nachtrag - Ende */


/* contact-Formular */
.contact_form { 
        border: 0px; /* 1px solid #C0C0C0; /*
        background-color: #FFFFFF; /* #EFEFEF; */
        padding: 10px 0px 10px 10px; 
        margin: 0px 0px 10px 0px; 
        width: 400px; 
} 

input,textarea,select { 
        font-family: Arial, Verdana, Helvetica; 
        font-size: 9pt; 
        color: #666666; 
        border: 1px solid #d9d9d9; 
        background-color: white; 
} 

.formLabel { 
        font-family: Arial, Verdana, Helvetica; 
        font-size: 10pt; 
        font-weight: bold; 
        /* vertical-align: top; */ 
        /* padding: 2px 0 0 10px; asterix links */ 
} 

.formLabelRequired { 
        font-family: Arial, Verdana, Helvetica; 
        font-size: 10pt; 
        color: #7F003B; 
        font-weight: bold; 
        vertical-align: middle; 
        padding-top: 2px; 
} 

.formField { 
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
        font-size: 8pt;
        font-weight: normal;
        color: #000000;
        vertical-align: middle;
        padding-top: 2px;
} 



/* Buttonlayout */
.formButton {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        color: #666666;
        background-color: #dde8ef; /* #c7c7af */
        border: #cccccc; /* #cccccc */
        border-style: outset;
}

.formButton_fe_login {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #666;
        border: /* px solid */ #D9D9D9;
        background-color: white;
        margin-bottom:20px;
}

#submitIt { 
        font-size: 8pt; 
        font-weight: normal; 
        color: #d9d9d9; 
        border: 1px solid #000000; 
        background-color : #9A9969; 
} 

#resetIt { 
        font-size: 8pt; 
        font-weight: normal; 
        color: #d9d9d9; 
        border: 1px solid #000000; 
        background-color : #9A9969; 
} 

#captchaimg_ { /* No function, if you want, please erase the _ */ 
        font-size: 9pt; 
        font-weight: bold; 
        color: #000000; 
        border: 1px solid #000000; 
        background-color : #DFEEFF; 
} 

#captcha_ { /* No function, if you want, please erase the _ */ 
        font-size: 9pt; 
        font-weight: bold; 
        color: #000000; 
        border: 1px solid #000000; 
        background-color: #FFEDDF; 
} 

#schlusstext { 
        font-family: Arial, Verdana, Helvetica; 
        font-size: 10pt; 
        font-weight: normal; 
}
/* contact-Formular - Ende */



/* Login-Formular */
.labelpos_firstname{
        clear: both;
        margin-top: 5px;
}

.labelpos{
        margin-top: 3px;
}

#user_login {
        margin-top: 5px;
        /* margin-left: 110px; */
        border: none;
        outline-color: red;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
        width: 171px;
}

#user_password {
        margin-top: 2px;
        /* margin-left: 92px; */
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
        width: 171px;
}

#user_password2 {
        margin-top: 2px;
        /* margin-left: 22px; */
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
        width: 171px;
}

#title0 {
        float: left;
        margin-top: 0px;
        margin-left: 30px;
}

#title1 {
        float: left;
        margin-top: 0px;
        margin-left: 30px;
}

#title2 {
        float: left;
        margin-top: 0px;
        margin-left: 30px;
}

#user_firstname {
        margin-top: 5px;
        margin-left: 87px;
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
        width: 252px;
}

#user_lastname {
        margin-top: 2px;
        margin-left: 79px;
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
		margin-bottom: 5px;
        width: 252px;
}

#user_company {
		margin-top: 2px;
		margin-left: 79px;
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
        width: 252px;
}

#user_prof {
		margin-top: 2px;
        margin-left: 79px;
        margin-bottom: 5px;
        width: 252px;
}

#user_street {
        margin-top: 2px;
        margin-left: 102px;
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
        width: 202px;
}

#user_add {
        margin-top: 2px;
        margin-left: 102px;
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
        width: 40px;
}

#user_zip {
        margin-top: 2px;
        margin-left: 55px;
        width: 60px;
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
}

#user_city{
        margin-left: 2px;
	    margin-top: 2px;
        width: 182px;
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
	    margin-bottom: 5px;
}

#user_country {
		margin-top: 2px;
        /* margin-left: 49px; */
        width: 250px;
}

#user_region {
		margin-top: 2px;
        /* margin-left: 49px; */
        width: 250px;
}

#user_tel {
        margin-left: 79px;
		margin-top: 2px;
		width: 150px;
}

#user_fax {
        margin-left: 79px;
		margin-top: 2px;
		width: 150px;
}

#user_mobile {
        margin-left: 79px;
		margin-top: 2px;
		width: 150px;
		margin-bottom: 5px;
}

#user_email {
        margin-left: 79px;
		margin-top: 2px;
	    margin-bottom: 5px;
        width: 250px;
        border: none;
        outline-color: #ffa500;
        outline-style: solid;
        outline-width: 1px;
        background: #F8Fe78;
}

#user_website {
        margin-left: 79px;
		margin-top: 2px;
		margin-bottom: 5px;
        width: 250px;
}

#user_signature {
        margin-left: 121px;
}

#label_signature {
        position: absolute;
        margin-top: 5px;
}

/* Start personel = userdetail module css */
/* from the templates */

/* die scheinen heraus genommen zu sein = Kommentar Ralf */
.detail_list_entry {
        clear: left;
        display: block;
        padding-left: 10px;
        padding-top: 0px;
}

.detail_list_entry h3 {
        color: #fd761d;
}

.userdetail_name {
        width: 50px;
}

.userdetail_city {
        display: block;
        font-size: 12px;
        font-weight: normal;
        width: 50px;
}

.userdetail {
        display: inline;
        font-size: 12px;
}

.detail_list_space {
        padding: 0px;
        margin: 0px;
}
/* Ende der Herausnahme hier = Komnentar = Ralf */

.detail_list_entry {
        padding-left: 10px;
        padding-top: 0px;
}

.detail_list_entry h3 {
        color: #fd761d;
}

.userdetail_name {
        width: 500px;
}

.userdetail_city {
        font-size: 12px;
        font-weight: normal;
        width: 500px;
}

.userdetail {
        font-size: 12px;
}

.detail_list_space {
        padding: 0px;
        margin: 0px;
}


.clearfix:after {
   content: ".";
   display: block;
   height: 0px;
   clear: both;
   visibility: hidden;
}
/* Login-Formular - Ende */

/* Suche-Formular */
/* Befehl entfernt Suche-Feld und Button */
div.search_form {
        display: none;
}
/* Suche-Formular - Ende */

.spaceBeforeCP { clear:both; }

/* Modernes ClearFix zur Verwendung bei Containern mit floating Elements */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
/* .cf       { *zoom: 1; } */

.formError {
	color:red;
}