@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);

body {
		font: 					15px 'Pontano Sans', Helvetica, Tahoma, sans-serif;
		line-height:			2em;
		color: 					#000000;
		font-style:				normal;
		margin: 				0;
		padding: 	 			0;
 		background-color:		#e5e5e5;
		background:				url("../img/background-1.jpg") no-repeat top left;
		background-attachment:	fixed;
		overflow-x:				hidden;	
}

ol, ul {
	list-style-position: inside;
	list-style-image: url("../img/squareL.jpg");
	list-style-type: disc;
	padding:0;
}
img {
	border:0;
}

h1 {
		font-size:		20px; /*20px;*/
		background:		#BD0926;
		color:			#ffffff;
		padding: 		2px 8px;
		margin-top:		2px;
		font-family:	'Oswald', sans-serif;
		font-weight: 	normal;
}
h3 {
		color:			#BD0926;
}
	
a:link { color:#BD0926; text-decoration:none; border:0; font-weight:normal; }
a:visited { color:#82705B; text-decoration:none; border:0; }
a:focus { color:#BD0926; text-decoration:none; border:0; }
a:hover { color:#BD0926; text-decoration:underline; border:0; }
a:active {color: #FFF; text-decoration:underline; border:0; }

a:link.nomail {color: #000000; text-decoration:none; font-weight:normal; border:0; }
a:hover.nomail {color: #BD0926; text-decoration:none; font-weight:normal; border:0; }

.clearer {
clear: both;
margin: 0;
padding: 0;
}


/*********** divs ***********/
#container 
	{
		width: 	980px;
		margin:	0 auto;
		float:left; /**/
	}


#teaser 
	{
		width:			1100px;
		padding-top:	100px;
		margin: 		0 auto;
	}

#content 
	{
		width:			960px;
		padding-top:	100px;
		margin: 		0 auto;
	}
	
#description	
	{
		margin-top:	40px;
	}
.description	
	{
		margin-top:	40px;
	}	
	.description2	
	{
		margin-top:	40px;
		text-align:justify;
	}	
	
	#logo 
		{ 
			width:		240px; 
			padding:	65px 80px 0px 80px; /*65 80 0 80*/
			float:		left; 
		}
		
	#divider
		{
			float:		left;
			height:		130px;
			margin-top:	30px;
			background:	url("../img/divider-vert.png") no-repeat top right;
		}	
	
	#open
		{
			float:		left;
			width:		540px;
			padding:	69px 0px 0px 30px;
		}
	
#footer 
	{
		height:				179px;
		margin-bottom:		0px; 
		background-color:	none;  
		margin-top:			0px;  /*250px*/
		/**padding:			20px 0 20px 20px; */
		color:				#000000;
	}
	.divider001 
	{
		background:		#BD0926;
		color:		#BD0926;		
		line-height:	20px; 
		margin-top:		2px;		
	}
	.divider002
	{
		background:		#82705B;
		color:		#82705B;		
		line-height:	20px;
		margin-top:		2px;
	}	
#wrapper 
	{
		width: 100%; /*1200*/
		
	}
#contact
	{
		width:	22%; /*300 - 24%*/ /*22 290*/
		height:	150px;
		float:	left;
  	}

#contact-logo
	{
		float:			left; 
		padding-left:	16px; /*30 16*/
		padding-top:	30px;
	}
	
#contact-mail  
	{		
		margin-top:		16px; 
		margin-left:	64px; /*90 76*/
		height:			20px;
	}

#leistungsuebersicht
	{
		width:		70%; /*890 - 74%*/	/*70*/
		float:		right;
		margin-left:	50px;
  	}	
.leistungen 
	{
		float:			left; 
		padding-left:	5em; /*100 40*/ 	/*5em*/
		padding-bottom:	20px; 
		padding-top:	30px;	/*40*/
		line-height:	32px;
		font-size:		14px; 			/*14*/
		width:			160px; /*160px*/	
	}

.leistungen-first
	{
	/*	padding-left:	2em; /*84 44*/
		float:			left;
		padding-bottom:	20px; 
		padding-top:	30px;
		line-height:	32px;	
		font-size:		14px;			/*14*/
	}

#address
	{
		margin:			0 auto;
		padding-top:	30px;
		padding-bottom:	30px;
		text-align:		center;
		line-height:	26px;
		font-size:		15px;
	}	
	.hilite
	{
		color:#BD0926;
		font-weight:normal;
	}
	.hilite2
	{
		color:#000000;
		font-weight:bold; 
	}	
#header 
	{
		width:	960px;
		margin:	0 auto;
		padding-top:50px; /*30*/
	}	
	#title
		{
		  height: 152px;
		  width: 300px;
		  float: left;
		  background-image:url(../img/logo-fitaufpfoten-de.png);
		}
	#title h1 
		{
			color: 			#ef4929;
			font-size: 		18px;
	/*		position: 		relative;
			top: 			35px;
			left: 			0px;	 !!!!**/
			background: 	url("../img/logo.png") no-repeat;
			width: 			250px;
			height: 		70px;
			text-indent:	-9999px;	
	/*		float:left;*/
		}
	#navigation		{
		font-family:	'Oswald', sans-serif;
		font-size: 16px;
		text-transform:uppercase;
		font-weight:normal;
		margin: 				0;
		padding: 	 			0;
		color: 					#666666;		
			float:left;
			width:660px;
			height:82px; 
		}			

/*ul#navmenu {top:26px; float:right;}*/ /*{margin:0 auto; padding-left:5px; padding-top:2px; list-style:none; clear:both;}   top:24px */  
	#navmenu li {float:right; margin-left:30px;	list-style-type:none; overflow:hidden;  display:inline; font-size:16px; margin-top:30px;  text-align:center;}  /*text-indent:-9999px;*/
		#navmenu li a {
	background:transparent;			font-weight:normal;
	width:100%;
	height:100%;
	display:inline;
	font-size:18px;
	text-decoration:none;
} /*-webkit-transition: all 0.4s ease-in-out;     background: url("../img/sprite-nav.png") no-repeat*/
		#navmenu li a,  #navmenu li a:visited {color:#82705B;}
		#navmenu li a:hover, #navmenu li a:active, #navmenu li a:focus, #navmenu li a.selected {color:#BD0926; text-decoration: none;   }



#CV 
	{line-height:normal;
		float:		right;
		width:		260px;
		padding:	20px 12px 4px 8px;
		margin:12px 0 0 20px; /*80px 0px 10px 20px;*/
		height:auto;
		background:	#82705B;
		color:		#ffffff;
		font-style:	normal; 
	}

	#quali 
		{/*line-height:33px;*/ 
			font-family:	'Pontano Sans', sans-serif; 
		}
	#quali li {padding:4px 0;}
	 .firstli {margin-top:20px; padding-top:20px;}
		.quali {font-size:0.85em; color:#ffffff; }
		.quali-bott {padding-right:14px;}
		
.rounded 
	{
		-moz-border-radius:		10px; 
		-webkit-border-radius:	10px; 
		border-radius:			10px; 
	}
	
	
.imgfloat {float:left; margin:0 20px 10px 0;}	
.imgfloatright {float:right; margin:22px 20px 10px 0;}	

.about 
	{
		width:		960px; /*640/580*/
		float:		left;
		margin:		20px 0;
		line-height:22px;
		text-align:	justify;
	}
	
	
#signature
	{
	background-image:	url("../img/Unterschrift.png");
	background-repeat: 	no-repeat;	
	width:				288px;
	height:				68px;
	}

.itsawrap 
	{
		float:right;
		width:		auto;   /*width:680px;  */
		padding:	4px 0px 4px 4px;
		margin:12px 0 0 20px; /*80px 0px 10px 20px;*/
		height:auto;  
	}
#pic
	{
	width:318px;
	min-height:440px;
	  float:left;
	  margin-left:-20px;
	}
#vita
	{
		width:	330px; /*/890 */
		float:		right;
		margin-top:160px; /*200*/
		margin-left:160px;
	}	
.heading001
	{
		font-family:	'Oswald', sans-serif;
		font-weight:	normal;
		font-size:		16px; /*20px;*/
		background:		#BD0926;
		color:			#ffffff;
		padding: 		0px 8px;
		margin-top:		0px;

	}	
.heading001b
	{
		font-family:	'Oswald', sans-serif;
		font-weight:	normal;
		font-size:		20px; /*20px;*/
		background:		#BD0926;
		color:			#ffffff;
		padding: 		2px 8px;
		margin-left:	0px;
	}	
.heading002
	{
	background:		#BD0926;
	color:			#ffffff;
	padding: 		2px 8px;
	margin-top:		2px;
	font-weight: 	bold;
	}	

#top-wrap
	{
	 
	}
	
.infobox
	{
		font-size:14px;
		line-height:normal;
		width: 440px;		 
		float: left;
		padding-top: 40px;
		padding-right:40px;
	}			
#anatomy
	{
		float:left;
		width:400px;
		padding-right:40px;
		padding-bottom:30px;
		padding-left:40px;	 
	}
	
#bullets
	{
		width:340px;
		float:left;			 
	}	
	
.left40
{margin-left:40px;}	
.left120
{margin-left:120px;}		
/***********
	#slider	
***********/
#slider {
	width: 920px;				 
	height: 365px;
	overflow: hidden;
	margin-left:0px;

}
#slider li {
	float: left;
}
.section a.prevbutton,
.section a.nextbutton {
	width: 70px;
	height: 64px;
	border: none;
	position: absolute;	
	z-index: 5;
	cursor: pointer;
}
a.prevbutton {
	background: url("../img/slider/ico_prevbutton.png") 0 0 no-repeat;
	left: -16px;
	top: 165px;
}
a.nextbutton {
	background: url("../img/slider/ico_nextbutton.png") 0 0 no-repeat;
	right: -16px;
	top: 165px;
}
/***********
	.info	
***********/
.section .info {
	width: 250px;
	height: 250px;
	background: url("../img/pfotetrans.png") 0 0 no-repeat;		 
	position: absolute;
	bottom: 32px; /*32*/
	top:130px;
	left:650px;
	z-index: 4;
	color: #ffffff; 
	padding: 50px 20px 20px 20px; /*50 20 20 20*/ 
}
.section .info .tit {
	border: none;
	font-size: 1.75em;
	/*text-shadow: 0px 0px 5px #fff;*/
	text-transform: none;
	color: #ffffff;
	margin-bottom: 12px;
}
.section .info p {
	font-size: 1.1em;
	margin-bottom: 5px;
	font-family: Helvetica, Tahoma, sans-serif;
	font-style:normal;
}

.tit {

	color: #79ADBA;
	border-bottom: 1px solid #79ADBA;
	text-transform: uppercase;
	margin-bottom: 6px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-weight: bold;
	
}


.section {
	position: relative;					 
	width: 960px;	/*1040*/
	margin:0 auto; /*float:left;*/
}
.sect-bottom {
	padding-bottom: 10px;
	margin-bottom: 12px;
}
.sect-top {
	background: url("../img/slider/bg_sect_top.png") 0 top repeat-x;
	padding-top: 0px;
}
.section-bg {
	padding: 20px 20px 20px 20px;			 
	background: #af9c85;
}

a.meta {font-size:12px; top:5px; color:#95c4d6;}	


#sliderpix
	{
		list-style:none;
		margin:0;
		padding:0;
	}


#slidebox{position:relative; border:1px solid #ccc; margin:40px auto;overflow:hidden; font-family:'Pontano Sans', sans-serif; }
#slidebox, #slidebox ul {width:600px;height:300px;}
#slidebox, #slidebox ul li{width:600px;height:300px;}
#slidebox ul li{position:relative; left:0; top:00px;  float:left; list-style:none; padding:15px 28px 15px 20px; font-size:16px; }
.thumbs{width:auto; float:left;top:10px; left:10px; font-size:16px; font-family:'Pontano Sans', sans-serif; 			border:1px solid #99FF00;}
.thumbs a{display:block; margin-left:5px; font-family:'Pontano Sans', sans-serif; font-size:16px; text-decoration:none; padding:2px 4px; color:#000;}
.thumbs a:hover{background:#82705B; color:#fff; font-family:'Pontano Sans', sans-serif; }
.thumbs .thumbActive{  color:#000; display:block; margin-left:5px; font-size:16px; text-decoration:none; padding:2px 4px; font-family:'Pontano Sans', sans-serif; }

.thumbs ul li{	list-style-position: inside;
	list-style-image: url("../img/squareL.jpg");
	list-style-type: disc;
	padding:0;}
-->


/********/

#newswrapper{
	width: 300px; 
}

img.box_head{
	border: 1px solid #9C9C9C;
	margin-bottom: -7px;
	margin-top: 10px;
	width: 280px;
}
div.boxes{
	width: 280px;
	border: 1px solid #9C9C9C;
	font: 12px/15px Arial;
}

div.boxes p{
	padding: 20px;
}



/*****toggle box ***/

	dd { display:none; padding:0; margin:0; }
 
.closed { background:red; }

.open { background:green; }





.w500 
	{
		width:500px;
	}
	
	
#quote {background-color:#82705B; width:380px; height:120px; border:inset 1px #fff; padding:25px 20px; margin:10px 50px 50px 0px;} /*background-color:#333;*/
#quote h1 {width:380px; font:36px/36px;  margin:0px 0 24px; color:#000; background-color:#82705B;} /*background-color:#333;   color:#aba174;*/
#quote #quotes {overflow:hidden;}
#quote #quotes li {display:none; list-style:none; width:300px; font-style:italic; color:#eee; padding-left:10px;}
#quote #quotes li.first-child {display:block;}	

a.imprint {font-size:12px; text-decoration:none; text-transform:uppercase}
a:hover.imprint { text-decoration:underline;}