/* CSS Datei für Ines Lehn - Luxus für Hunde*/

* {
  margin: 0;
  padding: 0;

}

html {
/*  font-family: Verdana;	/**/
  font-family: Helvetica,Helv;	/**/
/*  font-family: sans-serif;	/**/
/*  font-family: arial;			/**/
  height: 101%;
}

body {
  background-image:url(img/back.jpg);
  background-repeat:repeat-x;
  background-color:#dddddd;
  font-size:13px;/**/
/*  font-size:1.0em;*/
/*  text-align:justify;/**/
}

td {
  vertical-align:top;
}

th {
  text-align:left;
  padding:5px;
}

td.themen, th.themen {
  padding:10px;
}

.td_themen {
  padding:5px;
}

ul.aufzaehlung {
  padding-top:20px;
  padding-bottom:20px;
}

/****************************/
/*      Tabelle außen       */
/****************************/


#tb_aussen {
/*  width:959px; /**/
  margin:auto;
  table-layout:fixed;
}


/****************************/
/*      Kopfzeile           */
/****************************/


#kopf {
  height:105px;
}

#logo_top_pos {
  position:relative;/**/
  top:20px;
  text-align:right;
  right:-10px;
  z-index:5;/**/
}

#logo_top {
  width:224px;
  height:86px;
  border:none;
  background: url(img/logo_top.png);
  background: expression("none");
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/logo_top.png'); /**/
}

#ger {
  position:relative;
  top:82px;
  left:5px;
  width:24px;
  height:19px;
  z-index:9;
}

#ger_img {
  width:24px;
  height:19px;
  border:none;
  float:left;
  background: url(img/ger.png);
  background: expression("none");
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/ger.png');
}

#eng {
  position:relative;
  top:63px;
  left:35px;
  z-index:9;
}

#eng_img {
  width:24px;
  height:19px;
  border:none;
  background: url(img/eng.png);
  background: expression("none");
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/eng.png');
}

.dummy_language {
  width:24px;
  height:19px;
  border:none;
}

/****************************/
/*      Navigation          */
/****************************/

#navigation {
  width:160px;
  border:1px solid #A5A5A5;
  background-color:#FFFFFF;
}

#nav_bild {
  border-bottom:1px solid #A5A5A5;
}

.nav_zeile {
  padding-left:15px;
  padding-top:5px;
  width:100%;
  height:20px;
  border-top:1px solid #A5A5A5;
}

.nav_zeile1 {
  padding-left:15px;
  padding-top:5px;
  width:100%;
  height:20px;
  border-top:1px solid #A5A5A5;
}

.nav_zeile2 {
  padding-left:30px;
  padding-top:5px;
  width:100%;
  height:20px;
  border-top:1px solid #A5A5A5;
}

#nav_zeile_top {
  line-height:6px;
  width:100%;
  height:6px;
  background-color:#E5E5E5;
}

#nav_zeile_bottom {
  line-height:6px;
  height:6px;
  background-color:#E5E5E5;
  border-top:1px solid #A5A5A5;
}

.nav_aktiv {
  background-color:#FFE0CC;
}

a:link.link_nav_1	{color: #336600;text-decoration:none;font-size:12px;  font-weight:bold;}
a:visited.link_nav_1{color: #336600;text-decoration:none;font-size:12px;  font-weight:bold;}
a:hover.link_nav_1 	{color: #336600;text-decoration:underline;font-size:12px;  font-weight:bold;}
a:active.link_nav_1	{color: #336600;text-decoration:none;font-size:12px;  font-weight:bold;}

a:link.link_nav_2	{color: #779955;text-decoration:none;font-size:12px;}
a:visited.link_nav_2{color: #779955;text-decoration:none;font-size:12px;}
a:hover.link_nav_2 	{color: #779955;text-decoration:underline;font-size:12px;}
a:active.link_nav_2	{color: #779955;text-decoration:none;font-size:12px;}

a:link.a_themen		{color: #779955;text-decoration:none;font-size:10px;}
a:visited.a_themen	{color: #779955;text-decoration:none;font-size:10px;}
a:hover.a_themen 	{color: #779955;text-decoration:underline;font-size:10px;}
a:active.a_themen	{color: #779955;text-decoration:none;font-size:10px;}

/****************************/
/*    Inhalt Haupttabelle   */
/****************************/

#inhalt {
  z-index:2;
  width:677px;
}

#haupt {
  z-index:2;
  width:677px;
  background-color:#F0F0F0;
  border:1px solid #A5A5A5;
}

#tb_haupt {
  height:320px;
  margin:20px 20px 20px 20px;
}

#bergmotiv {
  left:50%;
  margin:auto;
  z-index:5;
  width:677px;
  height:67px;
  background: url(img/bergmotiv.png);
  background: expression("none");
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/bergmotiv.png');
}

.link_fuss {
  position:relative;
  top:35px;
  color:#FFFFFF;
  font-weight:bold;
}

a:link.link_fuss	{color: #FFFFFF;text-decoration:none;font-size:12px;}
a:visited.link_fuss {color: #FFFFFF;text-decoration:none;font-size:12px;}
a:hover.link_fuss 	{color: #FFFFFF;text-decoration:underline;font-size:12px;}
a:active.link_fuss	{color: #FFFFFF;text-decoration:none;font-size:12px;}

#top_gfx {
  position:relative;
  float:right;
  bottom:14px;
  right:20px;
}

.top_gfx {
  border:0px;
}

/****************************/
/*      Fuss                */
/****************************/


#fuss {
  z-index:3;
  width:677px;
}

#fuss_links {
  font-size:12px;
  padding-top:4px;
  padding-left:10px;
  float:left;
  text-align:left;
}

#fuss_rechts {
  font-size:12px;
  padding-top:4px;
  padding-right:10px;
  float:right;
  text-align:right;
}

/****************************/
/*   Textformatierungen     */
/****************************/

h1 {
  font-size:20px;
  font-weight:bold;
  color:#336600;
  padding-bottom:18px;
}

h2 {
  font-size:18px;
  font-weight:bold;
  color:#FF6633;
  padding-bottom:16px;
}

h3 {
  font-size:14px;
  font-weight:bold;
  color:#000000;
  padding-bottom:12px;
  padding-top:6px;
}

h4 {
  font-size:14px;
  font-weight:bold;
  color:#000000;
  padding-bottom:12px;
  padding-top:6px;
}

h5 {
  font-size:14px;
  font-weight:bold;
  color:#FF0000;
  padding-bottom:12px;
  padding-top:6px;
}


p {
  padding-bottom:10px;
}

a:link	{color: #336600;text-decoration:none; font-weight:bold;}
a:visited{color: #336600;text-decoration:none; font-weight:bold;}
a:hover 	{color: #336600;text-decoration:underline; font-weight:bold;}
a:active	{color: #336600;text-decoration:none; font-weight:bold;}

ul {
  margin-left:30px;
}

ol {
  margin-left:30px;
}

li {
  padding-left:5px;
}

.intext {
  border:solid 1px #A5A5A5;
  margin:15px;
}

.middle {
  vertical-align:middle;
}

/****************************/
/* besondere Formatierungen */
/****************************/

.projektw1 {width:30px;}
.projektw2 {width:350px;}
.projektw4 {width:55px;}

.download {
	padding-top:24px;
}

.kurs {
	padding-left:36px;
	font-style:italic;
}

.right {
	text-align:right;
}

.pdf {
	border:none;
}

.themen {
  padding-top:6px;
  text-align:left;
}

.border_img {
  border:1px solid #A5A5A5;
  text-align:right;
  float:right;
  margin-left:15px;
  margin-bottom:15px;
}

.pic_bor {
  border:1px solid #CCCCCC;
}

.td_externerLlink {
  padding-top:30px;
  padding-bottom:0px;
  font-size:14px;
  font-weight:bold;
}


/****************************/
/* Slideshow für Bilder     */
/****************************/

#imageSlideshowHolder{

		/* CSS HACK */
		width: 300px;	/* IE 5.x */
		width/* */:/**/300px;	/* Other browsers */
		width: /**/300px;

		/* CSS HACK */
		height: 200px;	/* IE 5.x */
		height/* */:/**/200px;	/* Other browsers */
		height: /**/200px;

		background-color:#FFFFFF;
		border:1px solid #A5A5A5;
		position:relative;	/* Never change this value */

}
.imageInGallery{
		width:300px;
		height:200px;
		background-color:#FFFFFF;
		left:0px; /* Never change these 3 value */
		top:0px; /* Never change these 3 value */
		position:absolute; /* Never change these 3 value */
}


#imageSlideshowHolder img{
		/*position:absolute;  deaktiviert, da sonst im IE falsche Anzeige erscheint */
}