@import url("/fileadmin/news/tt_news_divs.css");
@import url("rte_formate.css");



/* ### undo #################################################################### */


ul,ol {list-style:none}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}

h1,h2,h3,h4,h5,h6,pre,code {font-size:11px; font-weight:bold;margin-bottom: 13px;}

img, a img,:link img,:visited img, fieldset {border:none}
img {margin:0; padding:0; vertical-align:bottom;}

address {font-style:normal}

table {border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr {border:none; padding:0px; margin:0px;}
td {border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px;}

legend {display:none;}

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

/* ### reset some basic style ################################################### */



ol		{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p		{margin-bottom: 0em;}

ul		{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre		{font-size:1.2em;}

a:hover  {text-decoration:none;}







* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}

body {
text-align: left; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
background-color: #AEC9E6;
background-image:  url(../images/layoutelemente/bgverlauf_top.gif); 
background-repeat:repeat-x;
background-position:top left;
}

div#logo{
margin: 0;
padding: 0;
}

img#logo{
margin: 0;
padding: 0;
border: 0;
float: left;
}

div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

html, body {
height: 100%;
}


/* DIV-Boxen */

div#wrapper {
background-color: #ffffff;
position: relative;
margin: 0 0 0 0;
width: 950px;
min-height: 100%;
height: auto !important;
height: 100%;
background: url(../images/layoutelemente/3cols.gif) repeat-y;
padding-bottom:3em;
}



div#header {
margin: 0;
padding: 0;
height: 64px;
background-color: #004E98;
}

div#topmenu1 {
margin: 0;
padding: 0;
background-color: #5F93CC;
height: 32px;
text-align: right;
}

div#topmenu2 {
float: left;
margin: 0;
padding: 0;
background-color: #004E98;
height: 32px;
}


div#shopsuche {
float: right; 
background-color: #004e98;
height: 32px;
text-align: right;
}

div#leftCol {
margin: 0;
padding: 10px 0 0 0;
width: 165px;
float: left;
}
* html div#leftCol {
margin-right: -3px;
}

div#rightCol {
width: 155px;
float: right;
padding: 10px 0 0 10px;
}

div#centerCol {
background-color: #ffffff;
padding: 0;
margin: 0 165px 0 165px;
}

div#bereich1 {
padding: 12px 0 0 18px;
width: 155px;
float: left;
padding: 0;
}

div#bereich1txt {
padding: 12px 0 0 18px;
}



div#bereich2 {
width: 155px;
float: left;
padding: 0;
}

div#bereich2txt {
padding: 12px 0 0 18px;
}

div#bereich3 {
width: 155px;
float: left;
padding: 0;
}

div#bereich3txt {
padding: 12px 0 0 18px;
}

div#bereich4 {
width: 155px;
float: left;
padding: 0;
}

div#bereich4txt {
padding: 12px 0 0 18px;
}

div#content {
background-color: #ffffff;
width: 620px;
float: left;
padding: 0 0 0 0;
}

div#content2 {
background-color: #ffffff;
width: 580px;
float: left;
padding: 30px 20px 0 20px;
}


div#contentwrapper {
background-color: #ffffff;
padding: 0;
margin: 0;
}

div#contentwrapper img{
padding: 0;
margin: 0;
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

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


/* Überschrift, Absatz */




#navi {
	margin: 0;
	padding: 0;
	text-align:center;
}

#navi ul, #navi li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navi a:link, #navi a:visited {
	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 12px;
	float: left;
	line-height: 28px;
	font-weight: bold;
	margin: 0;
	padding: 2px 12px;
	text-decoration: none;
	color: #AEC9E6;
	background-color: #004E98;
	border-right: 1px solid #AEC9E6;
}

#navi #akt {
	color: #ffffff;
	background-color: #004E98;
	border-right: 1px solid #ffffff;
}

#navi a:hover, #navi a:hover#akt {
	color: #ffffff;
	background-color: #004E98;
	border-right: 1px solid #ffffff;
}



#rechtespalte {
width: 155px;
text-align:right;
}


#servicewrap {
width: 155px;
text-align:right;
}

#servicehead {
        width: 127px;
        text-align:left;
	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 12px;	
  	line-height: 28px;
	font-weight: bold;
	margin: 0;
	padding: 0 13px;
	text-decoration: none;
	color: #fff;
	background-color: #004E98;
	border-right: 1px solid #004E98;
	border-left: 1px solid #004E98;
	border-top: 1px solid #004E98;
}

#servicenavi {
	margin: 0;
	padding: 0;
}

#servicenavi ul, #servicenavi li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#servicenavi a:link, #servicenavi a:visited {
	width: 127px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
	float: left;
	line-height: 28px;
	font-weight: bold;
	margin: 0;
	padding: 0 13px;
	text-decoration: none;
	color: #323232;
	background-color: #e0e0e0;
	border-right: 1px solid #8e8e8e;
	border-left: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
}

#servicenavi #serviceakt {
	color: #323232;
	background-color: #fff;
}

#servicenavi a:hover, #servicenavi a:hover#serviceakt {
	color: #323232;
	background-color: #fff;
}


/* die Box für die Links:
border (ausser unten), automatische Breite,
kein padding,
kleiner margin oben/unten,
grosser rechts und links */
#linkbox {
width: 165px;
padding: 0;
margin: 0;
color: #323232;
background: #AEC9E6;
}

* html #linkbox {
  width: 168px;
}


/* das Listenelement ohne Listen-Style
innerhalb der Box (als Kontextselektor):
kein padding, kein margin, keine border */
#linkbox ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}



/* das Aufzählungselement als Blockelement
innerhalb der Box (als Kontextselektor):
kein margin */
#linkbox li {
display: block;
margin: 0;
border-bottom: 1px solid #8E9CA7;
border-left: 15px solid #AEC9E6;
}




/*zweite Ebene*/


#linkbox li li {
display: block;
margin: 0;
border-bottom: 1px solid #AEC9E6;
}

/* ende zweite Ebene*/







/* das Ankerelement

dieser Selektor ist wichtig für die "guten" Browser :)

innerhalb des Aufzählungselements,
innerhalb der Box,
innerhalb des BODY-Elements
(als Kindselektor innerhalb des HTML-Elements),
automatische Breite
*/
html>body #linkbox li a {
/*width: auto;*/
}


/* das Ankerelement

diesmal für die "dümmeren" Browser ;))

als Blockelement,
BreitAe über ganzen Block,
kein margin,
kleines padding oben/unten,
grosses rechts und links,
border diesmal unten,
kein Unterstrich
*/
#linkbox li a, #linkbox li a:link {
display: block;
width: 128px;
background: #AEC9E6;
color: #323232;
padding: 5px 10px 2px 0;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
line-height: 18px;
font-weight: normal;
}







/*zweite Ebene*/
#linkbox li li a, #linkbox li li a:link {
display: block;
width: 124px;
background: #AEC9E6;
color: #323232;
padding: 2px 10px 2px 0;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
line-height: 16px;
}


#linkbox li li a:visited {
background: #AEC9E6;
color: #323232;
}

#linkbox #currentsub {
color: #004E98;
background-color: #AEC9E6;
font-weight: bold;
width: 124px;
}

#linkbox li li a:hover, #linkbox li li a:focus, #linkbox li li a:active {
background: #AEC9E6;
width: 124px;
color: #004E98;
}

/*ende zweite Ebene*/


#linkbox li a:visited {
background: #AEC9E6;
color: #323232;
}

#linkbox #current {
color: #004E98;
background-color: #AEC9E6;
width: 128px;
font-weight: bold;
}

#linkbox li a:hover, #linkbox li a:focus, #linkbox li a:active {
background: #AEC9E6;
width: 128px;
color: #004E98;
}

.topnavi{
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #fff;
text-decoration: none;
text-align: right;
padding-top: 8px;
}

.topnavi a{
color: #fff;
text-decoration: none;
}

.topnavi a:hover{
color: #fff;
text-decoration: none;
}


.imgtext-table{
margin-right: 20px;
margin-bottom: 20px;
}


.backlink{
color:#0040B0;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-weight:bold;
margin:10px 0pt 15px;
text-decoration: underline;
}

.backlink a{
color:#0040B0;
text-decoration: underline;
}

.backlink a:hover{
color:#0040B0;
text-decoration: none;
}


.dataTableRow {
background-color: #FFFFFF;
}
.dataTableRowOver {
background-color: #E7EDF1; 
}


.download_Katalog_head {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #004E98;
text-align: left;
}

.download_Katalog_head a{
color: #004E98;
text-decoration: underline;
}

.download_Katalog_head a:hover{
color: #004E98;
text-decoration: none;

}

.download_Katalog_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #323232;
text-align: left;
vertical-align: bottom;
}

.download_Katalog_text a{
color: #323232;
text-decoration: none;
}

.download_Katalog_text a:hover{
color: #323232;
text-decoration: none;

}



div.template {
	border:1px solid #000;
	background-color:#aaa;
	font-family:serif;
	padding:5px;
}

dt {
	font-family:monospace;
}

div.tx_lumogooglemaps_pi1_sidebar {
	color:#323232;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	text-decoration: none;

}

div.tx_lumogooglemaps_pi1_sidebar a{
color:#004E98;
text-decoration: underline;
font-weight:bold;
}

div.tx_lumogooglemaps_pi1_sidebar a:hover{

color:#004E98;
text-decoration: none;
font-weight:bold;
}

.tx_lumogooglemaps_pi1_infobox{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #323232;
}

.tx_lumogooglemaps_pi1_infobox a{
color:#004E98;
text-decoration: underline;
font-weight:bold;
}

.tx_lumogooglemaps_pi1_infobox a:hover{
color:#004E98;
text-decoration: none;
font-weight:bold;
}


.gmapDir{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #323232;
border: 1px solid #ff0000;

padding: 4px 4px;
}

.gmapDir a{
color:#004E98;
text-decoration: underline;
font-weight:bold;
}

.gmapDir a:hover{
color:#004E98;
text-decoration: none;
font-weight:bold;
}



/* Bild Unterschrift lightbox*/

.csc-textpic-caption{
  font-family: Arial, Helvetica, sans-serif;
  color: #0040B0;
  font-size: 10px;
  text-align: right;
}

/* ende Bild Unterschrift lightbox*/

dl.csc-textpic-image{
padding-bottom: 0;
}


* html dl.csc-textpic-image{
padding-bottom: 1px;
}

*+html dl.csc-textpic-image{
padding-bottom: 10px;
}


* html .csc-textpic-text li { list-style-type: square;}

* html .csc-textpic-text ul
{ 
  color: #3063a5;
  margin-left: 15px;
  padding-left: 0;
  padding: 0 0 2px 0;
}


.csc-textpic-text li { list-style-type: square;}
.csc-textpic-text ul
{ 
  color: #3063a5;
  margin-left: 15px;
  padding-left: 0;
  padding: 3px 0 2px 0;
}