/* - - - - - - BASICS - - - - - - - - - - - - - - */

body {
border-top: 3px solid #D2F4F8;
background:#efefef url(http://www.cycomsplat.com/_content/pattern_120.gif) repeat;
margin: 0;
padding: 0;
}
	
#bg { background: transparent url(http://www.cycomsplat.com/_content/topbg.gif) top repeat-x;}	
	
#topleft { 
	position	: absolute;
	left		: 0px;
	top			: 0px;
	height		: 100px;
	width		: 169px;
	background: transparent url(http://www.cycomsplat.com/_content/topleft.gif) no-repeat;} 	
	
div {
	font: 11px "Lucida Grande","Trebuchet MS";	
	color: #484848;
	background: transparent;
	font-weight: bold;
	}
	
img, img a { 
   	border			: none; 
   	background		: none; 
   	padding			: 0px; } 	

/* - - - - - - - - - - - - - - - - - - - - - - - - */

h1 /* Kleines Fettes Hellgrau Überschrift */ {
	font-size:11px;
	color: #cbcbcb;
	text-align: left;
	margin: 0px;
	padding: 8px 0px 0px 5px;
	}
	
h6 /* Wie H1 nur ohne padding-top */ {
	font-size:11px;
	color: #cbcbcb;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 5px; 
	}	

h2 {
	font-size:26px;
	color: #FFF;
	text-align: left;
	margin: 0px;
	padding: 3px 0px 3px 5px;
	background: transparent;		
	}
	
h3 {
	font-size:12px;
	color: #cbcbcb;
	text-align: left;
	margin: 0px 0px 0px -8px;
	padding: 0px 0px 2px 0px;	
	}
		
h4 /* Gelbe Überschrift */ {
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	color: #fffbb6;
	}	
		
h5 /* Weisse Überschrift - Contact / Employes*/ {
	font-size:24px;
	color: #484848;
	text-align: center;	
	margin: 0px;
	padding: 6px 0px 10px 0px;
	}
	
.hoi7 {
	color: #009ebb;
	font-size:12px;
	text-align: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
	letter-spacing: 1px; }			
	
/* - - - - - - - - - - - - - - - - - - - - - - - - */

a:link, a:visited {
	font: 11px "Lucida Grande","Trebuchet MS";
	color: #ff3600;
	text-decoration: none;
	/* background: transparent url(http://www.cycomsplat.com/_content/linkpfeil.gif) no-repeat; */
	}

a:hover {
	color: #cbcbcb;
	font: 11px "Lucida Grande","Trebuchet MS";	
	/* background: transparent url(http://www.cycomsplat.com/_content/linkpfeil.gif)no-repeat; */
	}

.contactbox a:link, #contactbox a:visited {
	font-size: 11px;
	color: #ff3600;
	text-decoration: none;
	background: none;
	padding: 0px;
	}

.contactbox a:hover {
	color: #cbcbcb;
	font-size: 11px;	
	background: none;	
	padding: 0px;	
	}		
	
/* - - - - - - - - - - - - - - - - - - - - - - - - */	

#mastersnow {
	width: 850px;
	text-align: center;
	}

#snow {
	width: 611px;
	height: 100%;
	float: left;		
	/* background: transparent url(http://www.cycomsplat.com/_content/snow_bg.gif) repeat-y; */
	}
	
#snow2 {
	float: left;
	text-align: left;
	margin-top: 50px;		
	/* background: transparent url(http://www.cycomsplat.com/_content/snow_bg.gif) repeat-y; */
	}	
	
/* - - - - - - - - - - - - - - - - - - - */	
	
.contactbox {
	margin: 0px 0px 0px 0px;		
	padding: 10px 10px 00px 10px;
	width: 190px;
	height: 800px;
	font-weight: normal;
	font-size: 11px;
	font-family: "Lucida Grande";
	line-height: 15px;
	background: transparent url(http://www.cycomsplat.com/_content/contactBox.gif) no-repeat;	
	}
	
.contactbox2 {
	margin: 0px 0px 30px 15px;		
	padding: 10px 10px 20px 10px;
	width: 190px;
	height: 100%;
	color: #FFF;
	font-weight: normal;
	font-size: 11px;
	font-family: "Lucida Grande";
	line-height: 15px;
	background: transparent url(http://www.cycomsplat.com/_content/contactbox.gif) no-repeat top right;	
	}

/* - - - - - - - - - - - - - - - - - - - */

#top {
	width: 850px;
	height: 135px;
	}	
	
#corner {
	width: 180px;
	height: 128px;	
	position	: absolute;
	left		: 0px;
	top			: 0px;
	}
	
#logotop {
	height: 130px;
	width: 850px;
	text-align: left;
	background: transparent url(http://www.cycomsplat.com/_content/cycomsplatLogo.gif) 14px 0px no-repeat;
	}	

.boden {
	font-size: 15px;
	letter-spacing: 1px;
	padding-top: 44px;
	font-weight: normal;
	color: #FFF;
	height: 32px;
	background:#484848 url(http://www.cycomsplat.com/_content/boden.gif) repeat-x;
	border-top: 1px solid #000;		
	}		
	
/* - - - - Character Box - - - - */
	
.topCharis {	
	width: 582px;
	height: 57px;
	padding: 10px 15px 0px 15px;
	background: #FFF url(http://www.cycomsplat.com/_content/falteCharis.gif) right top no-repeat;		
	}
	
.boxCharis {
	width: 580px;
	padding: 10px 15px 0px 15px;
	background: #484848;
	border-left: 1px solid #000000;	
	border-right: 1px solid #000000;	
	}	
	
.kurveCharis {
	width: 612px;
	height: 20px;
	background: #FFF url(http://www.cycomsplat.com/_content/kurveCharis.gif) bottom no-repeat;
	margin-bottom: 25px;	
	}
	
/* - - - - Webber Box - - - - */
	
.boxWeb {
	width: 580px;
	padding: 10px 15px 0px 15px;
	background: #484848;
	border-left: 1px solid #000000;	
	border-right: 1px solid #000000;
	}		
	
.boxWebLinks { 
	color: #b6b6b6;
	width: 600px;
	height: 187px;
	line-height: 15px; 
	font-weight: normal;
	margin: 15px 0px 20px 10px;
	padding: 20px;
	background: transparent url(http://www.cycomsplat.com/_content/websites.gif) bottom left no-repeat;		
	border: 1px solid #484848;
	text-align: left;
	}
	
.boxWebLinks a:link, .boxWebLinks a:visited { 
	font-size:	11px;
	color: #FFF;
	font-weight: bold;
	text-align:	left;
	padding: 0px 1px 1px 1px; 
	}
	
.boxWebLinks a:hover { 
	font-size:	11px;
	color: #FFF;
	font-weight: bold;
	text-align:	left; 
	background: #00BAD1;
	padding: 0px 1px 1px 1px;	
	}		
	
/* - - - - Another Box - - - - */
	
.prepic {
	display: inline;
	float: left;
	text-align: left;
	width: 47px;
	height: 47px;
	background: transparent url(http://www.cycomsplat.com/_content/prepic.gif) 2px 8px no-repeat;
	}
	
.name {
	display: inline;
	float: left;
	text-align: left;	
	}	

/* - - - - - - - - - - - - - - - - - - - - */

.pic { }	
	
.pic2 {
	display: inline;
	float: left;
	text-align: center;
	}		
	
.pic3 {
	display: inline;
	float: left;
	padding-left: 20px;
	}	
	
.pic a:link, pic a:visited, 
.pic2 a:link, pic2 a:visited, 
.pic3 a:link, pic3 a:visited {
	border: 5px solid #FFFFFF;
	display:block;	
	}	
	
.pic a:hover, 
.pic2 a:hover, 
.pic3 a:hover {
	border: 5px solid #00BAD1;
	display:block;		
	}			
	
/* - - - - - - - - - - - - - - - - - - - - */	
	
.clear {
	display			: block; 
	clear			: left; 
	visibility		: hidden;
	margin: 0px;
	padding: 0px; } 

/* - - - - - - - - - - - - - - - - - - - - - - - - */

a:link, a:visited {
	font: 11px "Lucida Grande","Trebuchet MS";
	color: #fe4900;
	text-decoration: none;
	/* background: transparent url(http://www.cycomsplat.com/_content/linkpfeil.gif) no-repeat; */
	}

a:hover {
	color: #fff;
	font: 11px "Lucida Grande","Trebuchet MS";	
	/* background: transparent url(http://www.cycomsplat.com/_content/linkpfeil.gif)no-repeat; */
	}

.contactbox a:link, #contactbox a:visited {
	font-size: 11px;
	color: #fe4900;
	text-decoration: none;	
	padding: 0px 1px 1px 1px;
	}

.contactbox a:hover {
	color: #fff;
	font-size: 11px;	
	background: #fe4900;	
	padding: 0px 1px 1px 1px;	
	}		

/* - - - - - - - - - contactFORM - - - - - - - - */

.vielenDank { color: green; }

#form_box { }
 
#form_box div { padding: 0.2em 0.5em; }
 
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px; }
 
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;}
 
#log {
	width: 200px;
	margin-top: 10px; }
 
#log_res { overflow: auto; }
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://www.dasmariazellerpilgerkochbuch.at/_scripts/contactForm/spinner.gif) no-repeat center;
}