/* Krake 3 */
/* --- Basis Layout ----------------------------------------------- */
body {
color: #444444;
background-color: #ffffff;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
}

.bodytext {
color: #444444;
}

h1 {
padding-top: 1.5em;
color: #444444;
font-size: 1.05em;
margin: 0 0 1em 0;
}

h2 {
padding-top: 1.25em;
color: #444444;
font-size: 0.9em;
margin: 0 0 1em 0;
}

h3 {
padding-top: 1em;
color: #444444;
font-size: 2.0em;
margin: 0 0 1em 0;
}

h4 {
color: #444444;
font-size: 1.75em;
margin: 0 0 1em 0;
}

h5 {
color: #444444;
font-size: 1.5em;
margin: 0 0 1em 0;
}

h5 {
color: #444444;
font-size: 1.25em;
margin: 0 0 1em 0;
}

a {
text-decoration: none;
font-size: 0.83em;
color: #ff6600;
border: 0px;
}

a.mail {
text-decoration: none;
font-size: 1em;
color: #ff6600;
border: 0px;
}

.outer {
width: 962px;
padding: 0px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
border-right: solid 1px #dddddd;
} 

/* --- Kopfzeile Layout ------------------------------------------ */
.header {
width: 100%;
height: 105px;
margin: 0px;
padding: 0px;
background-color:  #ff6600;
border-right: solid 1px #dddddd;
}

/* --- Farbverschachtelungen Layout ------------------------------- */
.mainInner {
background-color: #ffffff;
border-left: solid 180px #eeeeee;
border-right: solid 200px #eeeeee;
}

.mainInnerHome {
background-color: #ffffff;
border-left: solid 100px #eeeeee;
border-right: solid 280px #eeeeee;
}

.waterprintKrake {
margin-left: 0px;
background: url(../../imgages/krake_grau_80.jpg) fixed repeat-x;
float: left;
border: 1px dashed blue;
width: 80px;
height: auto;
}

.subInner {
background: url(../../images/krake_grau_160.jpg) repeat-y;
/*border-left: solid 160px #dddddd;*/
padding: 0px;
padding-left: 160px;
/* border-left: solid 160px #b1b1b1; */
border-right: solid 190px #bdec03;
margin-left: -180px;
margin-right: -200px;
}

.subInnerHome {
background: url(../../images/krake_grau_80.jpg) repeat-y;
/*border-left: solid 80px #b1b1b1; */
padding: 0px;
padding-left: 80px;
border-right: solid 270px #bdec03;
margin-left: -100px;
margin-right: -280px;
}

/* --- Fußzeile Layout ------------------------------------------- */
.footer {
clear: both;
margin: 0; 
padding-top: 4px;
background-color: #bdec03;
}

.footer p {
font-size: 0.83em;
margin-top: 0;
padding: 0.2em;
text-align: right;
color: #ff6600;
background-color: #b1b1b1;
}

.footer a {
text-decoration: none;
color: #ffffff;
}

/* --- Haupt-Menü Layout ----------------------------------------- */
.mainMenue {
background-color: #ff6600;
color: #ffffff;
width: 100%;
height: 18px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
text-align: center;
border-right: solid 1px #dddddd;
}

.mainMenue a {
color: #ffffff;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
}

.mainMenue a:hover {
color: #333333;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
}

.mm_l1 a {
}


.mm_l1_active a {
color: #333333;
}

/* --- Sub-Menü Layout ------------------------------------------- */
ul.subMenue {
float: left;
width: 160px;
margin: 1em 0 1.2em -160px !important;
margin: 1em 0 1.2em -80px;
padding: 0;
color: #666666;
}

ul.subMenue li {
list-style: none;
margin: 0; 
padding: 0;
color: #666666;
}

ul.subMenue a {
display: block;
padding: 0.5em 0.5em 0.5em 0.5em;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #dddddd;
}

/*
ul.subMenue a:link {
color: #666666;
}
*/

ul.subMenue a:hover {
color: #666666; 
background-color: #eeeeee;
border-bottom: 1px solid #ff6600;
}

/*
ul.subMenue a:active {
color: #999999;
background-color: #eeeeee;
}
*/

li.sm_l1_active a {
color: #666666;
background-color: #eeeeee;
border-bottom: 1px solid #ff6600;
}

li.sm_l2 a {
padding-left: 20px;
font-size: 0.70em;
}

li.sm_l2_active a {
padding-left: 20px;
font-size: 0.70em;
color: #666666;
background-color: #eeeeee;
border-bottom: 1px solid #ff6600;
}

/* --- Inhalt Layout ---------------------------------------------- */
div.content {
background-color: #ffffff; 
color: #444444;
margin-left: 1.5em;
margin-right: 1.5em;
padding: 1em 1em;
border: 1px solid #ffffff;
}

div.content h1 {
font-size: 1.05em;
margin: 0 0 1em 0;
}

div.content h2 {
font-size: 0.9em;
margin: 0 0 1em 0;
}

div.content p {
font-size: 0.8em;
margin: 0 0 1em 0;
}

div.content ul {

}

div.content li {
font-size: 0.8em;
}

div.infoBox {
color: #444444;
padding: 1em 0.5em 1em 0.5em;
font-size: 0.8em;
float: right;
width: 175px;
margin: 0 -190px 1em 0 !important;
margin: 0 -95px 1em 0;
}

div.infoBox h1 {
font-size: 1.3em;
margin: 0.2em 1em;
}

div.infoBox h2 {
font-size: 0.9em;
margin: 0 0 1em 0;
}

div.infoBox p {
font-size: 1em;
margin: 0.5em;
}

div.newsImage {
float: left;
width: 75px;
margin: 0.5em 0 0.5em 0;
}

div.tt_news_Header {
font-weight: bold;
}

.newsCategory {
font-weight: bold;
border-bottom: 1px dashed #444444;
}

div.newsHeadline {
float: right;
width: 160px;
margin: 0.5em 0 0.5em 0;
/* border: 1px dashed black; */
}

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

hr.newsBaseline {
clear: both;
width: 100%;
color: #ff6600;
background-color: #ff6600;
border: 0;
height: 1px;
}

div.newsLatest {
width: 100%;
/* border: 1px dashed red; */
}

div.newsBox {
color: #444444;
padding: 1em 1em 1em 1em;
font-size: 0.8em;
float: right;
width: 243px;
margin: 0 -270px 1em 0 !important;*/
margin: 0 -135px 1em 0;
}

div.newsBox h1 {
font-size: 1.3em;
}

div.newsBox h2 {
font-size: 0.9em;
}

div.newsBox p {
font-size: 1em;
}