/* 06.04.2008 17:31 (c) ati Technische Systeme und Dienstleistungen, www.ati-online.de */
 
 body {
 	margin: 0px;
 	padding: 0px;
 	background: url(/brittico/bilder/webdesign/images/subpage01.jpg) repeat left top;
 }
 
 /** FORMS */
 
 form {
 	margin: 0px;
 	padding: 0px;
 }
 
 /** HEADINGS */
 
 h1, h2, h3, h4, h5, h6 {
 	margin: 0px;
 }
 
 h2 {
 	text-transform: uppercase;
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 	font-weight: normal;
 }
 
 h3 {
 	font-size: 11px;
 }
 
 /** TEXTS */
 
 body, th, td, input, textarea, select {
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	color: #C5C5C5;
 }
 
 p, blockquote, ul, ol, dl {
 	margin-top: 0px;
 	margin-bottom: 1em;
 	text-align: justify;
 	line-height: 16px;
 }
 
 .text1 {
 	font-size: 28px;
 	color: #6E1B34;
 }
 
 .text2 {
 	margin-bottom: 15px;
 	font-size: 11px;
 	color: #888786;
 }
 
 .text3 {
 	margin-bottom: 15px;
 	font-size: 11px;
 	color: #FCC397;
 }
 
 .text4 {
 	margin-bottom: 20px;
 	color: #CCBBC0;
 }
 
 .text5 {
 	text-align: center;
 	font-size: 10px;
 	color: #F4C4C5;
 }
 
 .text6 {
 	color: #F3BB6A;
 }
 
 /** LISTS */
 
 .list1 {
 	margin: 0px;
 	padding: 0px;
 	list-style: none;
 }
 
 .list1 li {
 }
 
 .list1 h3 {
 	margin-bottom: 10px;
 	font-size: 9px;
 	font-weight: normal;
 	color: #F3BB6A;
 }
 
 .list1 p {
 }
 
 .list1 a {
 	color: #C5C5C5;
 }
 
 .list2 {
 	margin: 0px;
 	padding: 0px;
 	list-style: none;
 }
 
 .list2 li {
 	padding-bottom: 5px;
 }
 
 .list2 a {
 	padding-left: 17px;
 	background: url(/brittico/bilder/webdesign/images/homepage11.gif) no-repeat left center;
 	color: #E8DADE;
 }
 
 /** LINKS */
 
 a {
 	color: #C5C5C5;
 }
 
 a:hover {
 	text-decoration: none;
 }
 
 .link1 {
 	display: block;
 	padding: 10px 0px 10px 35px;
 	background: transparent url(/brittico/bilder/webdesign/images/subpage03.gif) no-repeat 17px 50%;
 	border-bottom: 1px solid #CCA67D;
 	text-transform: uppercase;
 	text-decoration: none;
 	font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
 	color: #ECDECE;
 }
 
 .link1:hover {
 	background-color: #C9A16A;
 	color: #FFFFFF;
 }
 
 .link2 {
 	color: #8E6436;
 }
 
 /** STYLES */
 
 .style1 {
 }
 
 .style1 a {
 }
 
 .style1 a:hover {
 }
 
 /** BACKGROUNDS */
 
 .bg1 { background: url(/brittico/bilder/webdesign/images/subpage02.jpg) repeat-x left top; }
 .bg2 { background: url(/brittico/bilder/webdesign/images/bg01.jpg) repeat-y 77px 0px; }
 .bg3 { background: url(/brittico/bilder/webdesign/images/bg02.jpg) repeat-y 77px 0px; }
 .bg4 { background: url(/brittico/bilder/webdesign/images/homepage04.jpg) no-repeat left top; }
 /*.bg5 { background: url(/brittico/bilder/webdesign/topbild6b.jpg) no-repeat left top; }*/
 .bg6 { background: url(/brittico/bilder/webdesign/images/homepage07.jpg) no-repeat right top; }
 .bg7 { background: url(/brittico/bilder/webdesign/images/homepage09.jpg) no-repeat right top; }
 .bg9 { background: url(/brittico/bilder/webdesign/images/homepage10.jpg) no-repeat 77px 0px; }
 
 /** MISC */
 
 .align-justify { text-align: justify; }
 .align-right { text-align: right; }
 
 img { border: none; }
 
 .img1 {
 	float: left;
 	margin: 3px 15px 0px 0px;
 }
 
 .img2 {
 	float: right;
 	margin: 3px 0px 0px 15px;
 }
 
 hr { display: none; }
 
 .hr1 {
 	height: 1px;
 }
 



 /*******************************************************************/
 /* Diverses                                                        */
 /*******************************************************************/
 
 p {
  margin: 0px;
  padding: 0px;
  }
  
  
 /*******************************************************************/
 /* Formular                                                        */
 /*******************************************************************/
 
 .acformular table {
  width: 100%;
  }

 .acformular .td1, 
 .acformular .td2,
 .acformular .td3 {
  height: 2.0em;
  min-height: 3.8em;
  margin: 0px;
  padding: 0px;
  padding-left: 3px;
  padding-top: 5px;
  text-align: left;
  vertical-align: top;
  }
 
 .acformular .td1 {
  width: 110px;
  }
 
 .acformular .td2,
 .acformular .td3 {
  width: auto;
  }
 
 .acformular .bewertung {
  font-size: 8pt;
  }
 
 .acformular .td2 input,
 .acformular .td2 select {
  margin: 0px;
  padding: 0px;
  }

 .acformular .td2 input {
  width: 100%;
  }
 
 .acformular .td2 input,
 .acformular .td2 select,
 .acformular textarea {
  background-color: #E4E4E4;
  color: #000000;
  }
  
 
 /*******************************************************************/
 /* Kontakt                                                         */
 /*******************************************************************/
 
 table.kontakt td.td1,
 table.kontakt td.td2 {
  width: 390px;
  text-align: left;
  vertical-align: top;
  }

 table.kontakt td.td2 {
  width: 200px;
  }

 table.kontakt .acformular .td1 {
  width: 100px;
  }
 
 table.kontakt .acformular .td2 {
  width: auto;
  }
 
 table.kontakt .acformular .td2 textarea {
  width: 95%;
  }
 

 /*******************************************************************/
 /* SPAMCode                                                        */
 /*******************************************************************/
 
 .spamcode {
  font-weight: bold;
  font-size: 1.3em;
  }

 .spamcode_a,
 .spamcode_b,
 .spamcode_c,
 .spamcode_d {
  font-size: 1pt;
  color: #000000;
  }
    

 /*******************************************************************/
 /* Meldungen                                                       */
 /*******************************************************************/
 
 .meldung {
  width: 100%;
  height: 40px;
  margin-top: 5px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  }
  
  
 /*******************************************************************/
 /* Meldungen                                                       */
 /*******************************************************************/
 
 .sprachwahl {
  margin: 0 0 20px 0;
  text-align: center;
  }
 
 .sprachwahl * {
  color: #ECDECE;
  }
  
 .sprachwahl a {
  text-decoration: none;
  }
  
 .sprachwahl a.aktiv {
  color: #CCCCCC;
  }
  
 .sprachwahl a:hover {
  color: #FFFFFF;
  }
  
 .sprachwahl .trenner {
  margin: 0 6px 0 6px;
  }