﻿/* Farbwelt: Blau #004065 - Grün #aab300 - Grau #4d4e53 - Hellgrau #d6d6d4  */
@import url('css_print.css');
@media all
{
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Reset All - General Basis */
	* { margin:0; padding: 0; } 
	option {padding-left: 0.4em}
	html { height: 100% } 
	body { 
		min-height: 101%;	
		position: relative; 
		background: #4d4e53 url(images/avc-head-bg.gif) scroll repeat-x left top; 
		line-height: 17px;
	} 
	fieldset, img { border: none; }
	select, input, textarea { font-size: 99% }
	
body,html,td,th,tr,thead,tfoot,tbody,caption,table,legend,fieldset,li,ul,ol,dd,dt,dl,q,img,em,dfn,del,code,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,span,div, form, textarea {
border:0;
font-weight:inherit;
font-style:inherit;
font-size: 100.01%; 
font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
font-weight:normal;
color:#4d4e53;
vertical-align:baseline;
margin:0;
padding:0;
}
table {border-collapse: collapse; border-spacing:0;}
th, td, table {vertical-align:top;}
q:after {content:"";}
q:before {content:"";}
blockquote:after {content:"";}
blockquote:before {content:"";}
q {quotes:"" "";}
blockquote {quotes:"" "";}
	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Layoutbreite */
#page_margins { 
	width:930px; 
	margin-left: auto;
 	margin-right: auto;
	max-width:none;
	min-width:inherit;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Seitenrand */
#page{ width: 930px; border: 0px #4d4e53 solid; font-size: 12px; line-height:17px;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Layout */
/* Header */
#header {position:relative; height: 195px; width: 930px; color: #ffffff; background: url(images/association-of-veterinary-consultants.gif) scroll no-repeat 525px 45px;}
#header img {margin: 0px 0px 0px 0px;}
#headleft {
		height: 190px;
		width: 510px;
		float:left;
		clear: both;
		overflow:hidden;
		position:absolute;
		top: 3px;
		color: #ffffff;
		text-align: left; 
		background: url(images/veterinary-consulting-code-of-practice.jpg) scroll no-repeat 0px 42px;
		z-index: 30;
		}
div.headright {
		height: 186px;
		width: 405px;
		float:right;
		clear: both;
		overflow:hidden;
		position:absolute;
		top: 7px;
		right: 0px;
		color: #d6d6d4;
		background: transparent;
		text-align: left; 
		font-size: 9px;
		display: inline;
		z-index: 20;
		}
	div.clear-r {
		clear: right;
		line-height: 0;
		font-size: 0em;
		height: 0;
	}

#nav { clear:both; width: auto;}
/* Main */	
#main {	clear:both; width: auto; margin: 0; padding: 0; background: #ffffff; background: url(images/main_content_bg.gif) scroll repeat-y 0px 0px;
 }
/* linke Spalte */
#col2 {
		float:left;  
		z-index: 8;
		width: 240px; 
		margin-left: -592px;
	background-color: #ffffff; 
		} 
/* mittlere Spalte */
#col1
{	
	float: left;
	width: 337px; 
	margin-left: 255px;
   	margin-right: 0px; 
	z-index: 9;
	background-color: #ffffff; 
	}
/* rechte Spalte */	
#col3 {
		width: auto;
		z-index: 7; 
		margin-left: 592px; 
		margin-right: 0px;
		background-color: #ffffff;	
	}
/* linke Spalte wenn rechts 2-spaltig */
#col4 {
		float:left;  
		z-index: 8;
		width: 240px; 
		margin-left: 0px;
		background-color: #ffffff;
		} 
/* rechts 2-spaltig */	
#col5 {
	width: 675px; 
	margin-left: 255px;
   	margin-right: 0px; 
	z-index: 9;
	background-color: #ffffff; 
	}
/* Spalten-Inhalte */
#col1_content, #col2_content, #col3_content, #col4_content, #col5_content { position:relative;}
#col1_content { margin-left: 30px; margin-right: 26px; z-index: 8;}
#col2_content {	margin-left: 30px; margin-right: 26px; z-index: 6;}
#col3_content { margin-left: 30px; margin-right: 26px; z-index: 4;}
#col4_content { margin-left: 30px; margin-right: 26px; z-index: 3;}
#col5_content { margin-left: 0px; margin-right: 0px; z-index: 3;}
/* Clearfix-Methode zum clearen der Floats */
.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}
.clearfix { display: block; } 
.floatbox { overflow:hidden; }
#ie_clearing { display: none }

/* Footer */
#footer { height: 30px; font-size: 9px; color:#4d4e53; background:#ffffff; margin: 0px; padding: 0px; border-top: 15px #4d4e53 solid; clear:both;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Sub-Layout */	
	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ OTHER LAYOUT */
hr { 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	color: #ffffff; 
	background-color: #ffffff; 
	border: 1px dotted #4d4e53; 
	border-style: none none dotted; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Images */
img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }
	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Typo */
h1 {font-size:13px; line-height:17px; margin-top:6px; margin-bottom: 0px; font-weight:normal; color:#d6d6d4;}
h2 {font-size:16px; line-height:17px; margin-top:17px; margin-bottom: 0px; font-weight:bold; color:#004065;}
h3 {font-size:16px;line-height:17px; margin-top:17px; margin-bottom: 0px; font-weight:bold; color: #4d4e53;}
h4 {font-size:12px; line-height:17px; margin-top:0px; margin-bottom: 0px; font-weight:bold; color:#4d4e53; letter-spacing: 1px;}
h5 {font-size:12px; line-height:17px; margin-top:0px; margin-bottom: 0px; font-weight:bold; color:#ff6100; letter-spacing: 1px;}
p {font-size: 12px; line-height:17px; margin:0 0 17px 0; text-align: justify;}
strong,b { font-weight: bold; }
em {font-style:italic;}
sup {line-height:0; font-size:0.70em;}
.small {font-size: 10px;line-height:17px;margin-bottom: 0px; font-weight: normal;}
.large {font-size:1.0em;line-height:17px; font-weight:bold;}
.label {font-size: 10px; line-height:17px; margin:0 0 0px 0; text-align: left; color:#004065;}
.error {font-weight:bold; color:#ff5a00;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Listen */	
	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 17px; }
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.65em; width: auto;}
	
/* Unordered List */ 
ul.normallist  {font-size: 12px;  list-style-type: disc;  margin: 0 0 16px 0; }
ul.normallist li {font-size: 12px; list-style-type: disc; margin: 0 0 0px 18px; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Hyperlinks */
a {color:#aab300; font-weight:bold; text-decoration: none; background:transparent;}
a:hover {color:#c8d200; background:transparent;}
a:focus {color:#c8d200; background:transparent;}
a.link{
	padding-left:18px;
	background-repeat:no-repeat; 
	background-image:url(images/icon_link_int.gif); }
a.link:focus {
	background-image:url(images/icon_link_int_b.gif); 
	background-repeat:no-repeat; 
}
a.link:hover {
	background-image:url(images/icon_link_int_b.gif);
	background-repeat:no-repeat; 
}
a.linkdl {
	padding-left:18px;
	background-repeat:no-repeat; 
	background-image:url(images/icon_link_int.gif); }
a.linkdl:focus {
	background-image:url(images/icon_link_int_b.gif); 
	background-repeat:no-repeat; 
}
a.linkdl:hover {
	background-image:url(images/icon_link_int_b.gif); 
	background-repeat:no-repeat; 
}


#headnav a { color: #aab300; padding-left:0px;}
#headnav a:hover {color:#c8d200; padding-left:0px;}
#headnav a:focus {color:#c8d200; padding-left:0px;}

#footer a { color: #aab300; }
#footer a:hover {color:#c8d200;}
#footer a:focus {color:#c8d200;}
/*
#main a[href^="http:"], #main a[href^="https:"]
{
	padding-left: 0px;
	background-image: url('../../img/icons/ext_link.gif');
	background-repeat: no-repeat;
	background-position: 0 0.45em;
}
*/
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Formulare */
form {overflow:hidden;}
label {
	font-weight: bold;
	font-size:12px;	
	color: #4d4e53;
	text-align: left;
}
.formlabel {
	font-weight: bold;
	font-size:12px;	
	color: #4d4e53;
}
.formradio {
	border: #DBE7F6 2px inset;
	font-size:12px;	
	color: #4d4e53;
	margin-bottom: 0px;
}
.formradio:hover, .formfield:focus  {
	border: #aab300 2px inset;
	color: #4d4e53;
}

.formfield {
	width: 270px;
	border-left: #DBE7F6 2px inset;
	border-top: #DBE7F6 2px inset;
	border-bottom: 1px #DBE7F6 solid;
	border-right: 1px #DBE7F6 solid; 
	background: transparent url(images/bg_formular.gif) repeat-x left top;
	font-size:12px;	
	color: #4d4e53;
	margin-bottom: 10px;
}
.formfield:hover, .formfield:focus  {
	border: #aab300 2px inset;
	color: #4d4e53;
}
.formtextarea{
	width: 270px;
	border-left: #DBE7F6 2px inset;
	border-top: #DBE7F6 2px inset;
	border-bottom: 1px #DBE7F6 solid;
	border-right: 1px #DBE7F6 solid; 
	background: transparent url(images/bg_formular.gif) repeat-x left top;
	font-size:12px;	
	color: #4d4e53;
	margin-bottom: 10px;
}
.formtextarea:hover, .formtextarea:focus  {
	border: #aab300 2px inset;
	color: #4d4e53;
}
input.btsenden {
width: 118px; 
height: 23px; 
border-style: none; 
cursor: pointer;
background: url(images/button_senden.gif) no-repeat; 
}
input.btsenden:hover {
background: url(images/button_senden_b.gif) no-repeat;
}
input.btlogin {
width: 118px; 
height: 23px; 
border-style: none; 
cursor: pointer;
background: url(images/button_login.gif) no-repeat; 
}
input.btlogin:hover {
background: url(images/button_login_b.gif) no-repeat;
}
input.btback {
width: 118px; 
height: 23px; 
border-style: none; 
cursor: pointer;
background: url(images/button_back.gif) no-repeat; 
}
input.btback:hover {
background: url(images/button_back_b.gif) no-repeat;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Tabellen */

    #datatable tbody tr td {
      background-color: #ffffff; 
      color:#4d4e53; 
      border: 1px #abadb8 dotted;
      font-size: 10px; 
      line-height: 17px;
      padding:2px 1px 2px 2px;
      vertical-align: top;
      border-collapse: collapse;
    }
    #datatable tbody tr.odd  td {
      background-color: #e2e1dd; color: #4d4e53; border: 1px #abadb8 dotted;
    }
    #datatable tbody tr.even  td {
      background-color: #f0efeb; color: #4d4e53; border: 1px #abadb8 dotted;
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Navigation */

#navcontainerA, #navcontainerB 
{
width: 111px;
height: 100px;
float: left;
padding: 57px 0px 0px 0px;
background-color: transparent;
font-size: 11.5px;
line-height: 0px;
font-weight: normal;
text-align: left;
vertical-align: top;
color: #ffffff;
z-index: 900;
position: absolute;
}
#navcontainerA
{

margin: 0px 0px 0px 255px;
}

#navcontainerB
{
margin: 0px 0px 0px 378px;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0px;
margin: 0 auto;
width: 100%;
}
ul#navlist li
{
display: block;
margin: 0;
padding: 0;
margin: 0px 0px 5px 0px;
}
ul#navlist li a
{
display: block;
width: 100%;
padding: 2px 0px 2px 5px;
margin: 0px 0px 0px 0px;
border-width: 1px;
border-color: #ffffff;;
border-style: solid;
color: #ffffff;
background: #aab300;
}

#navcontainer ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #ced900;
color: #ffffff;
}

ul#navlist li#active a:hover
{
color: #ffffff;
background: #ced900;
border-color: #ffffff;
}

ul#navlist li a:hover
{
color: #ffffff;
background: #ced900	;
border-color: #ffffff;
}
a.navlink{
	font-weight:normal;
	color: #ffffff;
	text-decoration: none;
}
a.navlink:focus {
}
a.navlink:hover {
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ENDE */