/* CSS Document */

body  {			padding: 0;
				margin: 0 auto;
				text-align:center;
				font-family: comic sans serif;
				color: #2B2A29;
				font-size: 16px;
				letter-spacing: 0.6pt;
				word-spacing: 1.2pt;
				line-height: 1.4;
				background: #EBECEC;}


#container {		width: 768px;
				margin: 0 auto;
				text-align: left;
				background-color: #FFFFFF;}
			 
#top  {			width: 760px;
				height: 500px;
				background: url(img/top.jpg) no-repeat;
				margin-top: 30px;
				padding:0;
				border: 4px solid #FFFFFF;}
	 
#top_home {		width: 760px;
				height: 500px;
				background: url(img/top.jpg) no-repeat;
				margin-top: 30px;
				border: 4px solid #FFFFFF;}				 
			 
#logo {			height: 30px;
				text-align: center;
				background: #FFFFFF;
				padding:0}	 			   		  																	
		
#content {		width: 768px;
				height: auto;
				background-color: #FFFFFF;} 	
	   		  																	
			
.content_text {	padding: 0px 30px 20px 30px;}			
			
#bottom  {		width: 760px;
				height: 62px; 
				background: url(img/bottom.jpg);
				margin-top: 20px;
				margin-bottom: 30px;
				border: 4px solid #FFFFFF;}	
		 
#bottom_home {	width: 760px;
				height: 62px; 
				background: url(img/bottom_home.jpg);
				margin-bottom: 30px;
				border: 4px solid #FFFFFF;}			 
		 		
p.bottom {		padding-top: 15px;
				text-align: center;
				color: #FFFFFF;
				font-family: georgia,serif;
				font-size: 12px;
				font-style: italic;
				letter-spacing: 1.2pt;
}			

/*----------------CONTACT FORM-----------------*/

td.contact {width: 300px; height: 205px; background: url(img/mail.jpg) no-repeat;}

.form {padding: 5px 0 0 5px; font-size: 13px;font-weight: bold;}		 

.button{background: #FFFFFF;
        color: #d64e27;
		border: 2px solid #d64e27;
		font-family: "palatino linotype",palatino,serif;
        font-weight: bold;
        letter-spacing: 1.2pt;
        font-weight: bold;
		text-decoration: none;
		padding: 3px 5px;}
		
.form_input {width: 200px;}		
		
.button:hover{background: #d64e27; color: #FFFFFF;}

.button:focus {color: #000000;}

p#contact {padding: 0px; text-indent: 0; text-align: left; color: #000000; font: bold 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; letter-spacing: 1pt;}	  
	  
/*--------------LINKS---------------*/

a:link  {							color: #808080;
									text-decoration: none;
									border: 0 }
									
a:visited {							color: #cc0000;
									text-decoration: none;
									border: 0 }

a:hover {							color: #cc0000;
									text-decoration: none;
									border: 0 }

a:active  {							color: #808080;
									text-decoration: none;
									border: 0 }


a.a:link, a.a:hover, a.a:visited  {	color: #808080;
									text-decoration: none;border: 0;}

a.b:link, a.b:visited  {				color: #d64e27;
									text-decoration: none;
									border-bottom: 1px dotted #d64e27;}

a.b:hover {							border-bottom: 1px solid #cc0000;}

a.c:link, a.c:visited {				color: #fff;
									text-decoration: none;}

a.c:hover {border-bottom: 1px dotted #fff;}
		
a.w:link, a.w:visited  {				color: #808080;
									text-decoration: underline;
									font-style: normal; }

a.w:hover {							background: #666600;
									color: #ffffff;
									text-decoration: none;}		
		
/*--------------TEXT---------------*/

p {			font-family: georgia,serif;
			color: #2B2A29;
			font-size: 16px;
			letter-spacing: 0.6pt;
			word-spacing: 1.2pt;
			line-height: 1.4;
			font-style: normal;
    margin-left: 2px;
}


p.special {	font-family: "times new roman",times,serif;
			font-size: 16px;
			font-style: italic;
			letter-spacing: 6.2pt;
			color: #33cccc;
			padding: 10px 10px 18px 120px;
			background: url(img/icon_01.gif) left no-repeat;}

.bold {font-weight: bold;}       
	
.bold_black {font-weight: bold;
            color:#000;} 

ul {			font-family: georgia,serif;
			color: #2B2A29;
			font-size: 16px;
			letter-spacing: 0.6pt;
			word-spacing: 1.2pt;
			line-height: 1.4;
			font-style: normal;}

h1 {			font-family: georgia,serif;
			color: #CC0000;
			font-size: 34px;
			font-style: italic;
			font-weight: normal;
			padding: 10px 10px 10px 50px;}

h1 small {	font-family: arial, helvetica, sans-serif;
			/*color: #999999;*/
			color: #6A231C;
			font-style: normal;
			font-size: 14px;
			letter-spacing: 1.5pt;
			word-spacing: 0pt;
			text-transform: uppercase;
			display:block;}

h4 {			font-family: georgia,serif;
			color: #CC0000;
			font-size: 16px;
			font-style: italic;
			font-weight: bold;}

h3 {			font-family: georgia,serif;
			color: #CC0000;
			font-size: 17px;
			font-style: italic;
			font-weight: bold;}
			
	
/*--------------DIVERSE---------------*/

a img {border: 0;}

a {outline: 0;}

ul {list-style-image: url(img/li.jpg); padding: 0 0 0 20px; margin: 0}

.img_left {	float: left; padding-right: 10px; padding-bottom: 10px;}
.img_right {	float: right; padding-left: 10px; padding-bottom: 10px;}

.img {		float: left; padding-right: 20px; padding-bottom: 20px;}
.galerie {	padding: 4px; margin: 4px; border: 1px dotted #ccc;}
A:hover .galerie {width: 70px; padding: 4px; border: 1px solid #999;}

/*----------------------MENU----------------------*/	   
	   
.chromestyle{ width: 99%; font-weight: bold;}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
					content: ".";
					display: block;
					height: 0;
					clear: both;
					visibility: hidden;}

.chromestyle ul{ 	width: 100%;
					padding: 4px 0;
					margin: 0;
					text-align: center; /*set value to "left", "center", or "right"*/ }

.chromestyle ul li{ 	display: inline;
					padding-left: 0.3cm;}

.chromestyle ul li a:link, a:visited{
					color: #000000;
					padding: 5px 6px 5px 2px;
					margin: 0;
					text-decoration: none;
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
					font-size: 14px;
					border-right: 0;}

.chromestyle ul li a.last:link, a.last:visited{
					color: #000;
					padding: 4px 7px 4px 7px;
					margin: 0;
					text-decoration: none;
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
					font-size: 14px;
					border-right: 0;}

.chromestyle ul li a:hover{
					color: #CC0000;
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
					text-decoration: none;
					font-size: 14px;}

.chromestyle ul li a.last:hover{
					color: #CC0000;
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
					text-decoration: none;
					font-size: 14px;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
					position:absolute;
					top: 0;
					border-bottom: 1px solid #CC0000;
					font: normal 12px Verdana;
					line-height: 22px;
					z-index: 100;
					background-color: #CC0000;
					width: 200px;
					visibility: hidden;}

.dropmenudiv a{
					width: auto;
					display: block;
					text-indent: 3px;
					padding: 2px 2px;
					text-decoration: none;
					font-weight: bold;
					color: #000000;
					text-decoration: none;
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
					font-size: 13px;
					background:  #FFFFFF;
					border-right: 0;}

* html .dropmenudiv a{ /*IE only hack*/
					width: 100%;}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
					background: #CC0000;
					color: #FFF;}