/* codes for tierarztpraxis-dorfheide.de by Ceren Termer */

/*************************** STANDARDS ***************************/
*						{margin:0; padding:0; border:0; outline:none;}
html, body			{min-height:100%; height:auto; height:100%;}
body					{background:url(../images/layout/bg-body.jpg) repeat-x #ebd4a7; font-family:"Palatino Linotype", Georgia; color:#000; line-height:100%; font-size:76%;}

img 					{border: none;}
ul 					{list-style:none;}

.clear				{clear:both; font-size: 0.0001em; line-height: 0.00001em;}
			 
a, a:visited		{color:#76181b; text-decoration:underline;}
a:hover	 			{color:#76181b; text-decoration:none;}

p 						{font-family:"Palatino Linotype", Georgia; font-size:1.2em; line-height:140%; color:#000; padding:0 0 17px 0; text-align:left;}
.uppercase			{text-transform:uppercase;}
p.nopadding			{padding-bottom:0;}

/*************************** LAYOUT ***************************/
#container			{width:990px; margin:0 auto;}

#contentSidebar	{width:280px; float:left;}
#contentMain		{width:710px; float:right; background:url(../images/layout/bg-contentmain.gif) repeat-x #e6e2de; position:relative;}
#turtle				{width:84px; height:96px; position:absolute; top:231px; right:17px; z-index:5;}

/*************************** NAVI-ADD ***************************/
#naviAdd				{float:left; padding:28px 19px 0 0;}
#naviAdd	li			{border-right:1px solid #ecc89e; float:left; padding:0 11px 3px 11px; text-transform:uppercase;}
#naviAdd	li.first	{padding-left:0;}
#naviAdd	li.last	{border:none;}
#naviAdd	li	a, #naviAdd	li	a:visited {color:#fff; font-size:1em; text-decoration:none; line-height:24px;}
#naviAdd	li	a:hover, #naviAdd	li	a.active, #naviAdd li a.active:visited {text-decoration:underline;}
#naviAdd	li.f-logo:hover img	{opacity: 0.9;}

/*************************** BRANDING ***************************/
h1.branding			{width:280px; height:242px; padding:0px 0 0 0px;}
h1.branding span	{text-indent:-999999px; display:block; font-size:0.000001em; line-height:0.0000001em;}

/*************************** NAVI ***************************/
ul#navi				{padding:64px 0 0 0; width:280px;}
ul#navi li			{margin:0 0 0 0; padding:0; width:280px; float:left;}

#navi li a, #navi li a:visited {display:block; width:200px; height:25px; cursor:pointer; margin:0; padding:10px 0 0 80px; background:url(../images/layout/bg-navi.gif) no-repeat 0 0; color:#222222; text-decoration:none; font-size:1.3em; font-weight:bold;}
#navi li a.active, #navi li a.active:visited, #navi li a:hover {background-position:0 -35px;}

#navi li.last a, #navi li.last a:visited {height:24px;}

#navi li div.accBox ul {padding:9px 0 0 0;}
#navi li div.accBox ul li a, #navi li div.accBox ul li a:visited {background:url(../images/layout/bg-navi-acc.gif) no-repeat 48px 5px; text-indent:80px; text-align:left; color:#222222; font-size:1.15em; text-decoration:none; width:206px; height:24px; margin:0 0 0 0; padding:0 0 0 0; line-height:100%;}
#navi li div.accBox ul li a:hover, #navi li div.accBox ul li a.active, #navi li div.accBox ul li a.active:visited {background:url(../images/layout/bg-navi-acc.gif) no-repeat 48px 5px; color:#76181b;}
#navi li div.accBox ul li.last a, #navi li div.accBox ul li.last a:visited {margin-bottom:2px;}

/*************************** HEADER ***************************/
#header-image		{padding:10px 0 0 10px;}
#photodiv			{width:690px; height:261px;}

/*************************** CONTENT ***************************/
#contentText		{padding:0 30px; min-height:370px;}
* html #contentText	{height:370px;} /* IE hack for min-height */
.contentColumn 	{width:315px; float:left;}

.marginLeft			{margin-left:10px;}
.marginRight		{margin-right:20px;}
.marginBottom		{margin-bottom:20px;}

.contentImage		{border:1px solid #76181b; padding:2px; float:left;}
.contentImageRight {border:1px solid #76181b; padding:2px; float:right;}

.vCard				{float:left; padding-top:8px;}

#contentText ul		{padding-bottom:17px;}
#contentText ul li 	{margin:0 0 0 17px; padding:0 0 5px 22px; font-size:1.2em; line-height:160%; background:url(../images/layout/icon-list.png) no-repeat 0 10px;}

#contentText ul.listSmall				{padding-bottom:17px;}
#contentText ul.listSmall li 			{margin:0 0 0 17px; padding:0 0 2px 22px; font-size:1.1em; line-height:120%; background:url(../images/layout/icon-list.png) no-repeat 0 5px;}
#contentText ul.listSmall li ul		{padding:3px 0 0 0;}
#contentText ul.listSmall li ul li 	{margin:0 0 0 0px; padding:0 0 2px 22px; font-size:1em; line-height:120%; background:url(../images/layout/icon-list.png) no-repeat 0 5px;}

#contentText ul.listFloat		{margin-bottom:17px;}
#contentText ul.listFloat li 	{margin:0 0 0 17px; padding:0 0 2px 22px; font-size:1.2em; line-height:120%; background:url(../images/layout/icon-list.png) no-repeat 0 7px; float:left;}

#contentText #accordion ul			{padding-bottom:17px; float:left; width:300px;}
#contentText #accordion ul li 	{margin:0 0 0 17px; padding:0 0 5px 22px; font-size:1.1em; line-height:120%; background:url(../images/layout/icon-list.png) no-repeat 0 5px;}

#contentText table.tab				{vertical-align:top; width:100%; margin-bottom:17px; font-size:1.2em; line-height:120%;}
#contentText table.tab tr td		{vertical-align:top; border-bottom:1px solid #b9b9b9; padding:5px 3px 5px 3px;}

#contentText table.small			{vertical-align:top; width:100%; margin-bottom:17px; font-size:1.1em;}
#contentText table.small tr td	{border-bottom:0px solid #b9b9b9; padding:5px 0px 5px 0px;}

#contentText .small p	{font-size:1.05em;}
#contentText p.small		{font-size:1.1em; padding-top:7px}

.separator			{height:1px; border-bottom:1px dashed #b9b9b9; margin-bottom:17px;}

.highlight			{background:#ebdbbd; padding:17px 25px 0 25px; margin-bottom:17px;}
.highlight p		{text-align:center;}

/*************************** ACCORDEON EXTRA ***************************/
div.element p 						{font-size:1.05em; padding:5px 5px 17px 5px;}
#contentText div.element h3 	{font-size:1.1em; margin:0 5px 10px 5px;}
#contentText div.element h4 	{font-size:1.05em; margin:0 5px 10px 5px;}

/*************************** HEADLINES ***************************/
#contentMain h2 				{font-size:2.2em; color:#76181b; line-height:25px; background:url(../images/layout/h2-line.gif) repeat-x left bottom; margin:0 13px 24px 13px; padding:27px 0 0 16px; font-style:italic; font-weight:bold;}
#contentMain h2 span 		{font-size:0.8em; font-weight:normal;}

#contentText h3 				{font-size:1.4em; font-weight:bold; border-bottom:1px solid #76181b; padding:0 0 1px 0; margin:0 0 10px 0; font-style:italic; line-height:100%;}
#contentText h3.padto3		{padding-top:20px;}

#contentText h4 				{font-size:1.1em; font-weight:bold; border-bottom:1px solid #b9b9b9; padding:0 0 1px 0; margin:0 0 10px 0; line-height:100%; font-style:italic;}
#contentText h4.big 			{font-size:1.2em; font-style:italic;}

#contentText h5 				{font-size:1.4em; font-weight:bold; border-bottom:1px solid #b9b9b9; padding:0 0 3px 40px; margin:0 0 10px 0; line-height:100%; background:url(../images/layout/icon-h5.gif) no-repeat 17px 6px; font-style:italic;}

/*************************** TOTOP ***************************/
#contentBottom		{width:710px; height:12px; float:right; background:url(../images/layout/bg-contentbottom.gif) no-repeat;}
#contentBottom a	{width:710px; height:12px;}

/*************************** FOOTER ***************************/
#footerOut			{background:url(../images/layout/bg-footerout.gif) repeat-x;}
#footer				{width:680px; height:195px; margin:23px auto 0 auto; padding:10px 0 25px 310px; background:url(../images/layout/bg-footer.jpg) no-repeat left top;}
#footer h4			{color:#76181b; font-size:1.2em; font-style:italic; font-weight:bold; padding:0 0 6px 0; margin:0; line-height:120%;}
#footer p			{font-size:1.1em; padding:0 0 10px 0;}

#footerLeft			{float:left; width:315px; padding:0 0 0 0;}
#footerRight		{float:left; width:315px; padding:0 0 0 20px;}

#footerLeft h4, #footerRight h4 	{color:#76181b; font-size:1.2em; font-style:italic; font-weight:bold; padding:0 0 6px 0; margin:0; line-height:120%;}
#footerLeft p, #footerRight p		{font-size:1.1em; padding:0 0 6px 0;}
#footerLeft p.nopad					{padding:0 0 3px 0;}

#footerLeft table, #footerRight table 	{font-size:1.1em;}
#footerRight table.padto					{margin:4px 0 6px 0;}
#footerRight table.padto2					{margin:4px 0 0 0;}
#footerLeft table tr td, #footerRight table tr td {padding:0 0 6px 0;}