/* CSS Document */

/*  __________________  Voreinstellungen  __________________  */

html {
  height: 100%;
  margin-bottom: 0px;
  background: #A7BEDF;
}
body {
    position: relative; 
    margin: 10px auto 0px auto;
	padding: 0;

	color: #35545F;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75.01%;
    /*text-align: center;*/

}

#content {
	width: 100%;
	background-color: #EFEFF7;
	border-bottom: 1px solid #FFF;
}

#column1{
	float: left;
	width: 225px;
	margin-top: 10px;
	padding-right: 10px;
} 

#column2of2 {
	float: right;
	width: 623px;
 	
	border-left: 1px solid #9BB6BF;

	margin-top: 10px;

	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px; 
	
	
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; 
	line-height:24px;
	color:#3F3F3F;
} 


#footer {
	text-align: center;

	border-top: 1px solid #9BB6BF;

    margin-right: 10px;	
	margin-left: 10px;	
	margin-top: 20px;
	padding-top: 0px;

	font: 0.8em Verdana, Arial, Helvetica, sans-serif; 
	line-height:24px;
	color:#333333;
}


img { border:0; }

h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
  margin: 0;
  padding: 0;
}
/*   1.5em = 18px  */
/*  1.25em = 15px  */
/*     1em = 12px  */
/*   .83em = 10px  */
/*   .75em =  9px  */
abbr[title] {
  border-bottom: 1px dashed #858686;
  speak: spell-out;
}
acronym[title] {
  border-bottom: 1px dashed #858686;
  speak: normal;
}
a abbr[title] {
  border-bottom: 0;
}
a acronym[title] {
  border-bottom: 0;
}

li { margin: 10px;}

dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

a:link {color: #638F9F; }
a:active {color: #638F9F; }
a:hover {color: #638F9F;}
a:visited {color: #638F9F;}

legend {
  letter-spacing: -1000em; 
  margin: 0;
}
/*\*/html>body legend {   /* Just for Opera, but hide from MacIE */ 
  letter-spacing: normal; 
  text-indent: -999em;
  overflow: hidden;
}

h1 {
    padding: 1.2em 0 0.75em 0; 
  	font:1.4em Verdana, Arial, Helvetica, sans-serif; 
	color: #638F9F;
	letter-spacing:.1em;
}
h2 {
    color: #638F9F;
    font-size: 2.1em;
    margin: 0;
}

h3 {
  padding: 0.2em 0 0.2em 0; 
  color: #638F9F;
  font:1.1em Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  margin: 0;
  text-decoration: underline;
}
h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1.7em;
}
h5, h6 {
  font-size: 1.2em;
  font-weight: bold;
}



.post-footer {
  background-color: #EFF6FF;
  padding: 5px; 
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 95%;
  border: 1px solid #f2f2f2;}

div.summaryAktuelles 
{
 border: red double 10;
}  
  


/*  __________________  News  __________________  */

.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}


.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/*  __________________  Geschichte  __________________  */

tr.ungerade { 
	background-color:#D1E7EF;
	border-width:1px;
	border-style:solid;
	padding:50px;
	text-align:justify;	
}

tr.gerade {
	background-color:#D1DBDF;
	border:1px solid gray;
}

 

/*  __________________  Firmenseite  __________________  */

#firmen  h1 {
padding:1.2em 0pt 0.15em;
}

#firmen  p {
margin-top:0.5em;
padding:0.75em 0pt 0.5em;
}

.kmm, .kmh  {
	color: #638F9F;
	margin: 0 5px 0 0px;
}	  


.kmt, .kmf  {
	padding-right: 10px; 
	color: #638F9F;
	margin: 0 5px 0 0px;
}	  
  

#firmen img { 
				/*display: inline; /* IE fix for double-margin bug */
				margin-left: 00px;
     			float: right; 
				clear: both;
				/*eight: 1%;*/
				border:0; 
}



/*  __________________  allgemeine Klassen  __________________  */
.verstecken {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;  /* Screenreader mögen kein 'display: none;' */
}
.nofloat{
  clear: both;
  width: 100%
}


div.bereich {
	position: relative;
	width:961px;
	height: 100%;	
	background-color: #EFEFF7;
	text-align : left;
	margin: 0px auto 0px auto;
	border: 1px solid white;
}


div.header {
	height: 183px;
	background-color:#C3D8EF;
	border: 0px solid #00B00B;
}
	
div.headerbild {
	float: right;
	height: 183px;
	border: 0px solid #00B00B;
}

div.headerText {
	float: left;
	padding: 0.5em 0 0 1.5em; 
	border: 0px solid #00B00B;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	color: #638F9F;
	font-size: 2.5em;
}



div.headerTextFarbauswahl {
	position: absolute;
	top: 5.5em;
	left: 4.0em;
	font:1em Verdana, Arial, Helvetica, sans-serif; 
	color: #638F9F;
	letter-spacing:.2em;
	text-decoration: none;

}

div.headerFarbauswahl ul {
	margin: 0;
	padding: 0;
}

div.headerFarbauswahl ul li {
	margin-left: 0em;
	padding: 0.2em 0 0.2em 0;
	list-style: none;
/*	display: inline; */
}


div.headerFarbauswahl ul li a {
	font:1em Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #BFBFBF;
	letter-spacing:.2em;
	text-decoration: none;
	border: 0px solid #6CAF57;
	padding: 1em;
}

/* Das ist der aktive Link Zustand Kat 1 */
div.headerFarbauswahl ul li a.act { color: #999966; letter-spacing:.6em;
} 
div.headerFarbauswahl ul li a:link { text-decoration: none;}
div.headerFarbauswahl ul li a:active { text-decoration: none;}
div.headerFarbauswahl ul li a:hover {color: #999966; border: solid 0px #FFF;}
div.headerFarbauswahl ul li a:visited {text-decoration: none;}



div.main_navigation {
	background-color: #638F9F; 
	border-top: 0px solid white;
	border-bottom: 0px solid white;	
	padding: 0.7em 0 0.7em 0;
}

div.main_navigation ul {
	margin-left: 30em;
	padding: 0;
}

div.main_navigation ul li {
	margin-left: 0.0em;
	padding: 1em 0em 1em 1.0em;
	list-style: none;
	display: inline;
}


div.main_navigation ul li a {
	font:1.0em Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	letter-spacing:.1em;
	text-decoration: none;
	border: solid 1px #638F9F;
	padding: 0.3em;
}

/* Das ist der aktive Link Zustand Kat 1 */
div.main_navigation ul li a.act { color: #fff; border: solid 1px #fff;} 
div.main_navigation ul li a:link { color: #fff; text-decoration: none;}
div.main_navigation ul li a:active { color: #fff; text-decoration: none;}
div.main_navigation ul li a:hover {color: #fff; border: solid 1px #fff;}
div.main_navigation ul li a:visited {color: #fff; text-decoration: none;}



/*
div.left {
	clear: both;
	float: left;
	
	width: 245px;
}
*/


/*  __________________  Haupt-Menue  __________________  */

div.leftnavigation {
    position: relative;
    top: 10px;
    left: 15px;
    /*width: 215px;*/
	width: 200px;
    margin: 0;
    padding: 0;
    border-top: 0px;
    border-right: 0px solid blue;
    border-bottom: 0px solid blue;
    border-left: 0px solid blue;
    background: #C3D3EC;
}

div.leftnavigation ul {
	margin: 0; padding: 0;
}

div.leftnavigation ul li {
	list-style-type: none; 
	margin: 0 0 0 0; 
	background-color: #8FB2BF;  
	border-bottom: 1px solid #EFFFEF;
}
	
div.leftnavigation ul li a {
	font-size: 1.1em; 
	font-weight: normal; 
	color: #35505F; 
	display: block; 
	padding: 0.5em 0.8em; 
	border: solid 0px #A5D729; 
	border-left: solid 0px #A5D729;
}


/* Das ist der aktive Link Zustand Kat 1 */	
div.leftnavigation ul li a.current {
	text-decoration: underline; 
	border: solid 0px #F76D31; 
	border-left: solid 0px #F76D31; 
	background-color: #638F9F; 
	color: #FFF;
}

div.leftnavigation ul li a:link {
	text-decoration: none;
}

div.leftnavigation ul li.current{
	background-color: #638F9F;
	border-left: solid 5px #F76D31; 
}

div.leftnavigation ul li a:active {
	text-decoration: none; 
	background-color: #638F9F;
}

div.leftnavigation ul li a:hover {
	text-decoration: none; 
	border: solid 0px #F76D31; 
	border-left: solid 0px #F76D31; 
	background-color: #638F9F; 
	color: #FFF;
	border-left: solid 5px #0000FF; 	
}

div.leftnavigation ul li a:visited {
	text-decoration: none; 
}
	
div.leftnavigation ul li.sub {
	margin-left: 0.0em; 
	border-bottom: 1px solid #C3D3EC;
}

div.leftnavigation ul li.sub a {
	color: #4F727F; 
	background-color: 
	#C3D3EC;
}
	
/* Das ist der aktive Link Zustand Kat 2 */ 
div.leftnavigation ul li.sub a.active {
	color: #FFF; 
	background-color: 
	#638F9F; 
	border: solid 1px #fff;
} 
div.leftnavigation ul li.subcurrent{
	background-color: #638F9F;	
	border-left: solid 5px #F76D31; 
}


div.leftnavigation ul li.sub a:hover {
	color: #205BAF; 
	background-color: #C3D3EC;
}

div.leftnavigation ul li a span.key {
	text-decoration: underline;
}

/*  __________________    __________________  */



div.leftText {
	margin-left: 0.1em;
	width: 230px;
	background-color: #9BB6BF;
	padding: 15px 4px 6px 8px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	color: #638F9F;
	font-size: 1.2em;
}


div.leftText li {
	margin-left: 0em;
	padding: 0.1em 0.4em 0.1em 0.4em;
	list-style: none;	
	display: inline;
}

div.leftText li a {
	font:1em Verdana, Arial, Helvetica, sans-serif; 
	margin-left: 0em;
	padding: 0.1em 0.4em 0.1em 0.4em;
	list-style: none;
	border-left: 1px solid #638F9F;	
	border-right: 1px solid #638F9F;	
	text-decoration: none;
	color: #638F9F;
}


.divRoundedCorners
{
border:1px solid #aaaaaa;
-moz-border-radius:10px;
-khtml-border-radius:30px;
-webkit-border-radius:10px;
}

.shadowbox{
   border: 1px solid #8ec1da;
   background-color: #ddeef6;
   border-radius: 4px;
   box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
   -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
   -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
   -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
   color: #3985a8;
   text-shadow: 0 1px #fff;
   padding: 5px 30px;
}



/**
div.right {
	min-height:290px;

	float: right;
 	
	border-left: 1px solid #9BB6BF;
	border-right: 0px solid #9BB6BF;
	border-bottom: 0px solid #9BB6BF;
        margin-left: 245px;
	margin-top: 10px;
	padding: 0em 5em 1em 4em;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; 
	line-height:24px;
	color:#3F3F3F;
}
**/



/****************************/
/***** DITTO-Pagination  ****/
/****************************/

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}


#ditto_pages {
    text-align: center;
}

#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}


/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }


/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }

DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */


/*  __________________  Formulare  __________________  */

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}


#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}