@charset "utf-8";
/* CSS Document */

	
	body	{
	background-color: #003333;
	height: 100%;
	margin: 0 0 0 0;
	font: small/120% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
}
	
	#topheader {
	position: relative;
	width: 902px;
	height: 41px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../Images/design-grafik/topheader_II.gif);
	background-repeat: no-repeat;
				}	
												
	#container {
		background-color: #336666;
		position:relative;
		width: 900px;
		margin: 0 auto;
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
			 	 	}
				 
	#maincontainer {
	margin-top: 20px;
}
												
	#toplogo  {
	width: 900px;
	height: 190px;
	background-color: #336666;
	margin: 0px 0px 0px 0px;
	border-bottom: px solid #b5ddb1;
	background-image: url(../Images/design-grafik/top_logo_grafik_II.gif);
	background-repeat: no-repeat;
	background-position: left top;
									  
													}
													
	#menuebox {
	margin-top: 0px;
	margin-left: 0px;
	width: 900px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}			
														
h1 {
		font-size:24px;
		font-family: "Times New Roman", Times, serif;
		text-decoration: underline;
	 	color:#003333;  
			 }				
														
				
				
				
				
							 
				#boxunten   {
	position:relative;
	background-color: #003333;
	width: 900px;
	height: 85px;
	padding: 0px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	clear: both;
	margin-bottom: 0px;
							}	
							
		
#bottomheader   {
	position:relative;
	background-color: #003333;
	margin: 0 auto;
	width: 760px;
	height: 30px;
								}
.boxinhalt {
		width: 600px;
		margin-left: 25px;
		margin-top:5px;
		margin-bottom:5px;
			
							}
							
.fixboxinhalt {
	width: 600px;
	margin-left: 25px;
	margin-top:5px;
	margin-bottom:5px;
	height: 520px;
			
							}

.line {
	background-image: url(../Images/design-grafik/line_green.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 600px;
	margin-left: 25px;
}
.line2 {
	background-image: url(../Images/design-grafik/line_green.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 600px;
	margin-left: 0px;
}
.boxline {
	background-image: url(../Images/design-grafik/line_green.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 600px;
	margin-left: 0px;
}

.floatlinks {
		float:left;
		margin-right: 20px;
		margin-bottom: 5px;
		border: solid 4px orange;
}
.floatlinks_II {
		float:left;
		margin-right: 5px;
		margin-bottom: 5px;
		border: solid 1px orange;
}

.floatlinks_III {
	float:left;
	margin-right: 30px;
	margin-bottom: 5px;
		
}
.floatrechts {
		float:right;
		margin-left:20px;
		margin-bottom:5px;
		border: solid 2px orange;
}
			  

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#bild01 {
	background-image: url(../Images/chebby_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 111px;
	width: 69px;
	position: absolute;
	margin-left: 622px;
	margin-top: 400px;
}
#bild02 {
	background-image: url(../Images/chebby_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	width: 50px;
	position: absolute;
	margin-left: 360px;
	margin-top: 248px;
}
#philosophie {
	background-image: url(../Images/design-grafik/philosophie_leiste.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	width: 342px;
	margin-left: 240px;
	margin-bottom: 15px;
}
#aboutme {
		background-image: url(../Images/design-grafik/aboutme_text.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 49px;
		width: 342px;
		margin-left: 260px;
		margin-bottom: 15px;
}
#aktuelles {
	background-image: url(../Images/design-grafik/aktuelles_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	width: 342px;
	margin-left: 260px;
	margin-bottom: 15px;
}


#qualifikation {
		background-image: url(../Images/design-grafik/qualifikation_text.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 49px;
		width: 342px;
		margin-left: 260px;
		margin-bottom: 15px;
}

#anfahrt {
		background-image: url(../Images/design-grafik/anfahrtsplan_text.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 49px;
		width: 342px;
		margin-left: 260px;
		margin-bottom: 15px;
}
#kontakt {
		background-image: url(../Images/design-grafik/kontakt_text.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 49px;
		width: 342px;
		margin-left: 260px;
		margin-bottom: 15px;
}

#links {
		background-image: url(../Images/design-grafik/links_text.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 49px;
		width: 342px;
		margin-left: 260px;
		margin-bottom: 15px;
}
#literatur {
		background-image: url(../Images/design-grafik/literatur_text.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 49px;
		width: 342px;
		margin-left: 260px;
		margin-bottom: 15px;
}
#termine {
		background-image: url(../Images/design-grafik/termine-kurse_text.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 49px;
		width: 342px;
		margin-left: 260px;
		margin-bottom: 15px;
}
#tips {
		background-image: url(../Images/design-grafik/tips-info_text.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 49px;
		width: 342px;
		margin-left: 260px;
		margin-bottom: 15px;
}
#sitter {
	background-image: url(../Images/design-grafik/hundesitter-text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	width: 342px;
	margin-left: 260px;
	margin-bottom: 15px;
}

#beratung {
	background-image: url(../Images/design-grafik/beratung_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	width: 342px;
	margin-left: 260px;
	margin-bottom: 15px;
}
#einzelstunden {
	background-image: url(../Images/design-grafik/einzelstunden_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	width: 342px;
	margin-left: 260px;
	margin-bottom: 15px;
}

#welpen {
	background-image: url(../Images/design-grafik/welpen_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	width: 342px;
	margin-left: 260px;
	margin-bottom: 15px;
}

#agility {
	background-image: url(../Images/design-grafik/agility-sonstiges_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	width: 342px;
	margin-left: 260px;
	margin-bottom: 15px;
}

.haupttable {
		margin-left: 15px;
}
#kontakt-rechts {
		width: 190px;
		border: 1px dotted #003333;
		float: right;
		padding: 10px 5px 10px 5px;
		margin-right: 10px;
		color: #FFFFFF;
		margin-top: 10px;
}
.liste { list-style-position: outside;}
#roundgrafik {
	background-image: url(../Images/design-grafik/round-grafik.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 146px;
	width: 594px;
}
#galeriecontainer-rechts {
	width: 200px;
	border: 1px solid #003333;
	float: right;
	padding: 5px 5px 5px 5px;
	margin-right: 5px;
	color: #FFFFFF;
	margin-top: 10px;
	cursor: pointer;
}
#bild_hoch {
	height: 600px;
	width: 650px;
}
#galeriecontainer {
	background-color: #336666;
	height: 800px;
	width: 1180px;
	margin-bottom: 25px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
#maincontainer-galerie {
	margin-top: 10px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
}
#fotografiedesign {
	height: 60px;
	background-color: 336666;
	margin-top: 15px;
	width: 900px;
}

.videoboxinhalt {
		height: 620px;
		width: 502px;
		margin-left: 70px;
}

h3 {
		color: #FFFFFF;
		margin-left: 25px;
}
#intro {
	width: 240px;
	margin-top: 120px;
	margin-left: 10px;
	border-right: solid 1px #FFF;
	height: 640px;
}
.floatrechts_simpl{float:right;}
.floatlinks_simpl {float:left;}
#counter {
	height: 80px;
	width: 150px;
	visibility: hidden;
}
#container #maincontainer strong p {
	text-align: center;
	color: #CCC;
}