@charset "utf-8";
/* Standard-CSS für www.jatho.de */

/* Wichtige Farben
logo-blau          = #003366 0/51/102
dkl-blau           = #2A3245 42/50/69 
mittel-blau        = #C3CDDB 195/205/219
hell-blau          = #DAE1E9 218/225/233
orange             = #EA672E 234/103/46

Schrift            = #3C465B

Schriften = Verdana, Arial, Helvetica, sans-serif
*/

/***************** ALLGEMEIN ***********************/
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	scrollbar-face-color: #FFFFFF ! important;
	scrollbar-highlight-color: #FFFFFF ! important;
	scrollbar-3dlight-color: #C3CDDB ! important;
	scrollbar-darkshadow-color: #C3CDDB ! important;
	scrollbar-shadow-color: #FFFFFF ! important;
	scrollbar-arrow-color: #C3CDDB ! important;
	scrollbar-track-color: #FFFFFF ! important;
	overflow : auto ! important;
	background-image: url('../images/back.gif') ! important;
	background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif ! important;
	font-size: 10pt ! important;
	color: #3C465B ! important;
}

a:link, a:visited {
	color: #EA672E;
	text-decoration: none;
} 

a:active  { 
    color: #EA672E; text-decoration: none; font-weight: bold; 
    }
    
a:hover   { 
    color: #ffffff;
    background: #EA672E; 
    }


/***************** RAHMEN ***********************/


#haupt_container
  {
  width: 810px ! important;
  padding: 0px ! important;
  border: 0px ! important;
  margin-top: 0px ! important;
  margin: auto ! important;
}


/***************** TABELLE ***********************/


#rahmen {
    padding: 0px ! important;
    margin-top: 0px ! important;
    margin: auto ! important;
    width: 810px ! important;
	border-spacing: 0px ! important;
	border-collapse: collapse ! important;
}

#referenz {
    margin: 0px ! important;
    border-spacing: 5px ! important;
}

#referenz td {
    border: 1px #2A3245 solid ! important;
    padding: 10px ! important;
    margin: 5px;
}

#fussrahmen {
    padding: 0px ! important;
    margin-top: 0px ! important;
    margin: auto ! important;
    width: 810px ! important;
	border-spacing: 0px ! important;
	border-collapse: collapse ! important;
	vertical-align: top;
}


/***************** ZEILEN ***********************/


#teaser {
    width: 810px ! important;
    padding: 0px ! important;
    margin: 0px ! important;
	}


/***************** ZELLEN ***********************/

#logo {
	margin: 0px;
	padding: 0px;
	text-align: left ! important;
	vertical-align: middle ! important;
	width: 270px ! important;
	height: 130px ! important;
	}


#info-oben {
	margin: 0px;
	text-align: right ! important;
	vertical-align: top ! important;
	width: 540px ! important;
    height: 50px ! important;
    padding-top: 15px ! important;
	padding-right: 5px ! important;
    padding-bottom: 0px ! important;
    padding-left: 0px ! important;
    font-family: Verdana, Arial, Helvetica, sans-serif ! important;
	font-size: 10pt ! important;
	color: #003366 ! important;

}

#navi-oben {
	margin: 0px;
	padding: 0px;
	text-align: right ! important;
	vertical-align: bottom ! important;
	width: 540px ! important;
    height: 80px ! important;
}

#bild {
	margin: 0px;
	padding: 0px;
	height: 200px ! important;
	border-top: 5px #ffffff solid;
	border-left: 5px #ffffff solid;
	border-right: 5px #ffffff solid;
	border-bottom: 0px;
	text-align: left ! important;
	vertical-align: top ! important;
	background-repeat: no-repeat;
	display: table-cell;
}

#angebot {
    background: #7D8EAF ! important;
    border: 5px #ffffff solid;
    padding: 10px ! important;
    margin: 0px ! important;
    text-align: left ! important;
	vertical-align: top ! important;
	}

/* IE Hack \*/
    #angebot {width: 220px ! important;}
    /* Ende IE Hack */
    
#beratung {
    background: #7D8EAF ! important;
    border-top: 5px #ffffff solid;
    border-bottom: 5px #ffffff solid;
    border-left: 0px;
    border-right: 0px;
    padding: 10px ! important;
    margin: 0px ! important;
    text-align: left ! important;
	vertical-align: top ! important;
	}
	
/* IE Hack \*/
    #beratung {width: 310px ! important;}
    /* Ende IE Hack */
    
#projekt {
    background: #7D8EAF ! important;
    border: 5px #ffffff solid;
    padding: 10px 10px 10px 20px ! important;
    margin: 0px ! important;
    text-align: left ! important;
	vertical-align: top ! important;
	}

/* IE Hack \*/
    #projekt {width: 250px ! important;}
    /* Ende IE Hack */

#inhalt {
	width: auto ! important;
	padding: 10px 20px 10px 20px;
	margin: 0px ! important;
	text-align: left ! important;
	vertical-align: top ! important;
	border-left: 5px #ffffff solid;
	background-image: url('../images/back_inhalt.jpg') ! important;
	background-repeat: repeat-x;
}

#leiste {
    width: 270px ! important;
    padding: 10px ! important;
    margin: 0px ! important;
    text-align: left ! important;
	vertical-align: top ! important;
	border-right: 5px #ffffff solid;
	border-left: 1px #DAE1E9 dotted;
	background-image: url('../images/back_inhalt.jpg') ! important;
	background-repeat: repeat-x;
}
	
#navi-unten {
	margin: 0px;
	padding: 0px;
	text-align: left ! important;
	vertical-align: bottom ! important;
	width: 540px ! important;
}

	
#tag {
    width: auto ! important;
    margin: 0px ! important;
    vertical-align: top;
    text-align: left;
   	padding-left: 25px;
	padding-right: 50px;
	padding-top: 10px;
}

#adresse {
    width: 270px ! important;
    margin: 0px ! important;
    padding-left: 60px;
    padding-top: 10px;
    vertical-align: top;
    text-align: left;
    color: #2A3245;
    font-size: 8pt ! important;
	font-style: normal ! important;
	word-spacing: 2px ! important;
	font-weight:normal;
}

#wrapper {
	vertical-align: top;
	background-image: url("../images/back_fuss.gif") ! important;
}


/***************** CONTAINER ***********************/

.navi {
    width: auto ! important;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    text-align: left ! important;
	vertical-align: top ! important;
	}

.referenzen {
    width: auto ! important;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    text-align: left ! important;
	vertical-align: top ! important;
	background: #ffffff ! important;
	}	
	

/***************** NAVI ***********************/


    #tabs1 {
      font: bold 11px/1.5em Verdana;
      float:right;
      width:100%;
	  background:change-background;
      line-height:normal;
      text-decoration:none;
      }
    #tabs1 ul {
	  margin:0;
	  padding: 0px 0px 0px 0px;
	  list-style:none;
	  text-decoration:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      text-decoration:none;
      }
    #tabs1 a {
      float:right;
      background:url("../images/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0px 0px 0px 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:right;
      display:block;
      background:url("../images/tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#003366;
      }  
      /* IE Hack \*/
    #tabs1 a span {float:none;}
    /* Ende IE Hack */      
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }
      
.print {
	color: #EA672E ! important;
}

.navi_haupt {
	margin: 5px 0px 0px 5px ! important;
	padding-left: 5px ! important;
	color: #3C465B ! important;
	letter-spacing: 1px ! important;
	font-weight: bold ! important;
	height: 20px ! important;
	display: block ! important;
	background: url("../images/back_navi_haupt.jpg") no-repeat left top ! important;
	border-bottom: 1px #3C465B dotted;
}
.navi_haupt:hover {
	color: #ffffff ! important;
	background: url("../images/back_navi_haupt1.jpg") no-repeat left top ! important;
	text-decoration: none ! important;
}
.navi_haupt_ohne {
	text-align: left ! important;
	font-size: 10pt ! important;
	margin: 5px 0px 0px 5px ! important;
	padding-left: 5px ! important;
	color: #ffffff ! important;
	letter-spacing: 1px ! important;
	font-weight: bold ! important;
	height: 20px ! important;
	display: block ! important;
	background: #3C465B ! important;
	border-bottom: 1px #EA672E dotted;
}
.navi_haupt_unter {
	font-size: 9pt ! important;
	margin: 5px 0px 0px 5px ! important;
	color: #EA672E ! important;
	letter-spacing: 1px ! important;
	white-space: normal ! important;
	display: block ! important;
	padding-left: 5px ! important;
	border-bottom: 1px #3C465B dotted;
}
.navi_haupt_unter:hover {
	color: #ffffff ! important;
	background: url("../images/back_navi_haupt1.jpg") no-repeat left top ! important;
	text-decoration: none ! important;
}
.navi_haupt_unter_ohne {
	font-size: 9pt ! important;
	margin: 5px 0px 0px 5px ! important;
	color: #ffffff ! important;
	letter-spacing: 1px ! important;
	white-space: normal ! important;
	display: block ! important;
	padding-left: 5px ! important;
	border-bottom: 1px #EA672E dotted;
    background: #3C465B ! important;
}

.doppel {
	font-size: 9pt ! important;
    color: #3C465B ! important;
    font-weight: bold ! important;
}

/***************** TEXT ***********************/


h1 {
	font-family: Arial, Helvetica, sans-serif ! important;
	color: #003366 !important;
	text-decoration: none ! important;
	letter-spacing: 2px ! important;
	text-align: left ! important;
	font-size: 18pt ! important;
	font-style: normal ! important;
	word-spacing: 3px ! important;
	vertical-align: bottom ! important;
	font-weight: bold ! important;
}

.sub_ueber1 {
	color: #2A3245 !important;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none ! important;
	letter-spacing: 1px ! important;
	text-align: left ! important;
	font-size: 9pt ! important;
	font-style: normal ! important;
	font-weight: normal ! important;
	}

h2 {
	color: #003366 !important;
	text-decoration: none ! important;
	text-align: left ! important;
	padding-left: 3px ! important;
	font-size: 12pt ! important;
	font-style: normal ! important;
	letter-spacing: 2px;
	background: url("../images/back_navi_haupt.jpg") no-repeat left top ! important;
	border-bottom: 1px #3C465B solid;
    font-family: Arial, Helvetica, sans-serif;
	}
h3 {
	color: #003366 !important;
	text-decoration: none ! important;
	text-align: left ! important;
	padding-left: 3px ! important;
	font-size: 12pt ! important;
	font-style: normal ! important;
	letter-spacing: 2px;
	background: url("../images/back_navi_haupt.jpg") no-repeat left top ! important;
    font-family: Arial, Helvetica, sans-serif;
	}
.slogan {
	font-family: Arial, Helvetica, sans-serif ! important;
	color: #003366 ! important;
	text-decoration: none ! important;
	letter-spacing: 2px ! important;
	text-align: left ! important;
	font-size: 12pt ! important;
	font-style: italic ! important;
	word-spacing: 3px ! important;
	vertical-align: top ! important;
	font-weight: bold ! important;
}

p {
	color: #3C465B ! important;
	text-decoration: none ! important;
	text-align: left ! important;
	font-size: 10pt ! important;
	font-style: normal ! important;
	word-spacing: 2px ! important;
	line-height: 1.4em ! important;
}

p a {
	border-bottom: 1px #EA672E dotted;
}

blockquote
{
	margin: 0px;
	padding-left: 35px;
	padding-top: 0px;
	background-image: url('../images/postquote.png');
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	font-size: 10pt;
	font-style: italic;
	line-height: 1.5em;
	margin-top: 5px;
}

hr {
	border: none 0;
	border-top: 1px dotted #EA672E;
	height: 1px;
	}

ul {
	list-style-type: square;
	color: #EA672E;
	font-family: Verdana, Arial, Helvetica, sans-serif ! important;
	line-height: 20px;
}

.teaser_ueber {
	color: #003366 ! important;
	text-decoration: none ! important;
	text-align: center ! important;
	font-size: 12pt ! important;
	font-style: normal ! important;
	letter-spacing: 2px ! important;
	font-weight: bold;
	text-transform: capitalize;
}

.ueber_zwischen {
	color: #003366 ! important;
	text-decoration: none ! important;
	letter-spacing: 2px ! important;
	text-align: left ! important;
	font-size: 11pt ! important;
	font-style: normal ! important;
	word-spacing: 3px ! important;
	font-weight: bold ! important;
}

.aufzaehlung {
	color: #003366 ! important;
	font-size: 9pt ! important;
	letter-spacing: 1px ! important;
	text-align: left !important;
	font-style: normal ! important;
	text-decoration: none ! important;
	line-height: 1.7em ! important;
	font-weight: normal;
}

.jatho {
	color: #003366 ! important;
	text-align: left ! important;
	text-decoration: none ! important;
	letter-spacing: 2px ! important;
	text-align: center ! important;
	font-size: 10pt ! important;
	font-style: normal ! important;
	font-weight: bold ! important;
}
.sub_unter {
	font-family: Arial, Helvetica, sans-serif ! important;
	color: #2A3245 !important;
	text-decoration: none ! important;
	letter-spacing: 1px ! important;
	text-align: left ! important;
	font-size: 8pt ! important;
	font-style: normal ! important;
	font-weight: normal ! important;
}



/***************** FORMULAR ***********************/


input[type=text]{
color: #2A3245 ! important;
font-size: 10pt ! important;
word-spacing: 0px ! important;
letter-spacing: 0px ! important;
font-family: Verdana, Arial, Helvetica, sans-serif ! important;
font-weight: normal ! important;
font-style: normal ! important;
background: #C3CDDB ! important;
border: 0px;
float: left;
margin: 10px;
padding:1px 1px;
width: 172px;
}

select {
color: #2A3245 ! important;
font-size: 10pt ! important;
word-spacing: 0px ! important;
letter-spacing: 0px ! important;
font-family: Verdana, Arial, Helvetica, sans-serif ! important;
font-weight: normal ! important;
font-style: normal ! important;
border: 1px solid #2A3245 ! important;
background: #C3CDDB ! important;
float: left;
margin-bottom: 5px;
padding:0px 1px;
width: 172px;
}


.submit {
	border: 1px solid #C3CDDB;
	padding:0px;
	margin-left: 5px;
	font-size: 10pt;
	background-color: #EA672E;
	color: #2A3245; 
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.kontakt {
	background-image: url('../images/back_brief.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}

.textfeld {
	border: 1px solid #C3CDDB;
	padding: 3px;
	margin-bottom: 10px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif ! important;
	font-size: 10pt ! important;
	color: #3C465B ! important;
}

/***************** TAGS ***********************/

.thumb {
	height: 150px;
	width: 150px;
	border: 1px #7D8EAF solid;
}
.web_12 {
	font-size: 12pt ! important;
	color: #EA672E ! important;
}

.web_14 {
	font-size: 14pt ! important;
	color: #EA672E ! important;
}

.web_16 {
	font-size: 16pt ! important;
	color: #EA672E ! important;
}

.web_18 {
	font-size: 18pt ! important;
	color: #EA672E ! important;
}

/***************** PRINT ***********************/


.print_footer {
	display: none ! important;
}