/* Hintergrund Browser*/

body { 	margin: 0; font-weight: normal;}


#main, #main-g, #main-y {
	background-repeat: repeat-y; 
	positon: relative;
	}

#main {
	background-color: #039;
	background-image:url(../img/bgr-b.gif); 
	margin-top: 10px;	
	}
#main-g {
	background-color: #690;
	background-image:url(../img/bgr-g.gif); 
	margin-top: 11px;		
	}
#main-y {
	background-color: #fc0;
	background-image:url(../img/bgr-y.gif); 
	margin-top: 11px;		
	}	

/* Hauptcontainer */	
#box {
	overflow:hidden;
	width: 950px;
	margin: 0px auto;
	text-align:left;
	background-color:#fff;
	border:1px solid #fff;
	}

/* TOP-Navigation oben quer*/

#navi-b, #navi-g, #navi-y {
	position:relative;
	overflow:hidden;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	padding:5px 0px; text-indent: 4px;
	height: 38px;
	clear:left; display:block;
	width: 950px;
	margin: 0px auto;
	}

#navi-b { 	background-image:url(../img/topn-b.jpg); }
#navi-g { 	background-image:url(../img/topn-g.jpg); }
#navi-y {	background-image:url(../img/topn-y.jpg); }

/* Mittelteil mit Wrapper*/

#wrapper {
	position:relative; 
	padding:0; 
	background-color:#FFFFFF;
	}

#banner {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;	
	background-color:#fc0;
	text-align: center;
	font-weight: bold;
	color:#000;
	height: 213 px;
	padding: 20px 0px 20px 2px; 
	marging: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

/* Themen-Navigation links*/
#leftblau, #leftgruen, #leftgelb {
	position:relative;
	top: 0px; left:0px;
	background-repeat:repeat;
	width:170px;
	padding: 0px;
	overflow:hidden;
	}

#leftblau { background-image:url(../img/bg_bsite.jpg); 	}
#leftgruen { background-image:url(../img/bg_gsite.jpg); }	
#leftgelb { background-image:url(../img/bg_ysite.jpg); 	}	

/* Inhalt */			
#content { 
	position:absolute;
	top: 0px; left: 170px;
	background-color: #fff;
	width: 400px;
	padding: 0px 18px 5px 18px; 
}	

/* Infobox rechts*/
#right, #zert1, #zert2, #zert3, #zert4, #zert5, #zert6 {
	position:absolute;
	top: 0px;
	right: 0px;
	background-color:#fff;
	padding-top: 36px;
	display:inline;
	z-index: 3;
	}

/* postit leftblue*/	
  #leftblau .postit {
	font-weight: normal; text-align: center;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;	font-size: 12px; line-height: 14px; margin:	40px 0px 0px 20px; height: 40px;
}
  #leftblau div.postit { background-color:#FF9;  position:relative; }
  #leftblau .postit { position:relative; width: 100px;  padding:10px 5px;  
	-webkit-box-shadow: 0px 5px 10px hsla(0, 0%, 0%, 0.7);
	-moz-box-shadow: 0px 5px 10px hsla(0, 0%, 0%, 0.7);
	-o-box-shadow: 0px 5px 10px hsla(0, 0%, 0%, 0.7);
	-ms-box-shadow:0px 5px 10px hsla(0, 0%, 0%, 0.7);
	 box-shadow: 0px 5px 10px hsla(0, 0%, 0%, 0.7);
	}



/* postit right*/	
  #right .postit {
	font-weight: normal; text-align: center;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;	font-size: 12px; line-height: 14px; margin:	-10px 0 0px 90px; 
}
  #right div.postit { background-color:#FF9; margin: 0; }
  #right .postit { position:relative; width: 100px;  padding:10px 5px;  }
  #right div.postit:before, #right div.postit:after { 
  	content: "" !important; 
	z-index: -1;
	position: absolute !important; 
	bottom: 15px; 
	left: 10px; 
	width: 50%; height: 20%;
	-webkit-box-shadow: 0px 15px 10px hsla(0, 0%, 0%, 0.7);
	-moz-box-shadow: 0px 15px 10px hsla(0, 0%, 0%, 0.7);
	-o-box-shadow: 0px 15px 10px hsla(0, 0%, 0%, 0.7);
	-ms-box-shadow:0px 15px 10px hsla(0, 0%, 0%, 0.7);
	 box-shadow: 0px 15px 10px hsla(0, 0%, 0%, 0.7);
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg); 		
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
	}
 
 #right div.postit:after { 
 	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg); 		
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	right: 10px; left: auto;
 
 }

	
/* Zertifikate*/
#zert1, #zert2, #zert3, #zert4, #zert5, #zert6 { 
	visibility:hidden; 
	z-index: 5;
	width:360px; height: 360px; 
	text-align:center;
	padding-top: 25px;
}

/* Hundevermittlung */

#hund {
	height: 450px; padding-right: 5px;
}
	
/* Scrollbereiche*/
#scroll {
	overflow: scroll;
	overflow-x: hidden;		
	}
#scrollq {
	overflow: auto;
	overflow-y: hidden;
	white-space:nowrap;
	}
.galerie  {
	width:730px;
	height:320px;
	overflow:hidden;
}	
	
.fortbild {
	width:330px; height: 160px;
	/* height:352px; */
	border:1px solid #ccc;
	margin:5px 0px 0px 0px; 
}

.zert {
	width: 365px;
	height:120px;
	border:0px solid #ccc;
	margin:10px 0px 0px 0px; 
}

.vermitt {
	width:360px;
	height:365px;
	border:0px solid #ccc; 
}

.verlink {
	width:380px;
	height:320px;
	border:0px solid #ccc; padding-right: 5px;
}

#scroll td {
	vertical-align:top; 
	border-bottom: 1px solid #fff; 
	}

/* Fusszeile*/		
#footer-b, #footer-g, #footer-y {
	position:relative;
	text-align:left; 
	color:#999; 
	height: 75px; padding:0px;
}	
#footer-b { background-image:url(../img/bot-b.jpg); color:#06C; font-size:10px; }
#footer-g { background-image:url(../img/bot-g.jpg); color:#360;	font-size:10px;}
#footer-y { background-image:url(../img/bot-y.jpg); color:#C90;	font-size:10px;}

#footer {
	margin-top:0px; 
	margin-left: 188px;
	}


/* Verhalten von Links */	
a:link, a:visited, a:active, a:hover {
  text-decoration: none;
  font-weight:bold;
  color:#063;
  font-size:12px;
}
a:active, a:hover { color:#fff;	}

a.link:link, a.link:visited, 
a.linkklein:link, a.linkklein:visited, 
a.linkklein2:link, a.linkklein2:visited
{	font-family: Arial, Helvetica, sans-serif;
	color: #09F;
	font-weight:normal;
	text-decoration:none;
}

a.linkklein:link, a.linkklein:visited {
	font-size: 10px;
}

a.linkklein2:link, a.linkklein2:visited {
	font-size: 11px;
}


a.link:active, a.link:hover, 
a.linkklein:active, a.linkklein:hover {color: #06C; }

a.linklegroe:link, a.linklegroe:visited, a.linklegroe:active, a.linklegroe:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #F90;
	text-decoration: none;
	font-weight:normal;
}


#footer-b .copyright a:link, #footer-b .copyright a:visited {
	color:#06C; font-size:10px;   } 
#footer-b .copyright a:hover, #footer-b .copyright a:active {
	color: #a0c3fd; font-size:10px;}
	
#footer-g .copyright a:link, #footer-g .copyright a:visited {
	color:#360; font-size:10px;   } 
#footer-g .copyright a:hover, #footer-g .copyright a:active {
	color: #9aba65; font-size:10px;}
	
#footer-y .copyright a:link, #footer-y .copyright a:visited {
	color:#C90; font-size:10px;   } 
#footer-y .copyright a:hover, #footer-y .copyright a:active {
	color: #a44c1e; font-size:10px;}

/* Menu-Container linke Seite ALLGEMEIN*/
.menutitle, .menutitle-g, .menutitle-y {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:7px 2px 7px;	
	}
.menucontainer, .menucontainer-g, .menucontainer-y {
	width:130px;
	margin:10px;
	}

/* Menu-Container linke Seite FARBEN*/	
.menucontainer { border:1px solid #039; background-color:#039; }	
.menucontainer-g { 	border:1px solid #333; background-color:#333; 	}
.menucontainer-y { 	border:1px solid #000; background-color:#930;	}


/* Verhalten Navi oben */	
a.navi:link, a.navi:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:12px;
  font-weight:bold;
  color:#333;
  text-decoration:none;
	}
a.navi:active, a.navi:hover {
  color:#F90;
	 }	

/* Verhalten Menu linke Seite ALLGEMEIN */

a.menu, a.menu-g, a.menu-y {
	display:block;
	padding:3px 3px 3px 10px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight: bold;
	text-decoration:none;
	color:#eee;
	background-color:#69f;	
	}

.active, .active-g, .active-y {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:#FFF; 
	padding:3px 3px 3px 10px;
	text-align:left;
	display:block; 
	width:auto; 	
	}

/* Verhalten Menu linke Seite BLAU*/	
a.menu { border-top:1px solid #039;  	}
a.menu:link, a.menu:visited {
	color:#039;
 	background-color:#89b1ff;
	text-decoration:none;
	}
a.menu:active, a.menu:hover {
	color:#d2ebff;
	background-color:#69f;
	}
.active { 
	background-color:#039;
	border-top: 1px solid #039;
	}
	
/* Verhalten Menu linke Seite GRUEN*/	
a.menu-g { 	border-top:1px solid #666; 	}
a.menu-g:link, a.menu-g:visited {
	color:#333;
 	background-color:#CCC;
	text-decoration:none;
	}
a.menu-g:active, a.menu-g:hover {
	color:#6C0;
	background-color:#666;
	}
.active-g { 
	background-color:#690;
	border-top: 1px solid #666;
	}	
	
/* Verhalten Menu linke Seite GELB*/		
a.menu-y { 	border-top:1px solid #666; 	}
a.menu-y:link, a.menu-y:visited {
	color:#333;
 	background-color:#fC9;
	text-decoration:none;
	}
a.menu-y:active, a.menu-y:hover {
	color:#fC0;
	background-color:#930;
	}
.active-y { 
	background-color:#fc0;
	border-top: 1px solid #666;
	}	

	
/* Verhalten Menu footer */	
a.fuss, a.fuss:link, a.fuss:visited, a.fuss:active, a.fuss:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	color:#CCC;
	text-decoration:none; 
	padding-left: 0px 20px;
	font-size: 10px; font-weight:normal;
	}

a.fuss:active, a.fuss:hover {
	color:#666;
	}

/* Rest */	
.top {
	font-size: 16px; line-height: 18px; font-weight: bold;}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 14px;
}
.textabstand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 20px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	padding-top: 40px;
	padding-right: 5px;
    float:right;
}

.textklein {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	line-height: 11px;
}

.textklein2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	line-height: 12px;
}


.rand { margin:3px 0 7px 5px; }
.abstand { margin-top: 3px;	}
.abstand2 { margin-top: 6px;	}
.abstandu { margin-bottom: 8px;	}
/* hide from IE/Mac. \*/
* html p{
	height: 1%;
	margin-left:0;
}
/* End hide from IE/Mac */

p, h1, ul {
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	margin-bottom: 0px;	
	}

p {
	font-size: 12px; line-height: 14px;
	margin-top: 0px;
	padding: 0px;
}

h1 {
	font-size: 16px; line-height: 18px;
	font-weight: bold;
	padding: 0px;
}

ul {
	font-size: 12px; line-height: 14px;
	list-style-type: disc;
	margin-top: 11px;
}
li {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}