/* 
Projekt: 
Website Almhof Tirol

Datei:
styles.css

Author:
SoftCon GmbH, www.softcon.at

Inhalt:

1) Kalibrierung
2) Styles Layoutbereiche
3) Allgemeine Styles

*/



/******************************/
/* 1) K A L I B R I E R U N G */
/******************************/

* {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
}

h1, h2, h3, p, ul, li {
	margin:0;
	padding:0;
}






/************************************************/
/* 2) S T Y L E S   L A Y O U T B E R E I C H E */
/************************************************/

#wrapper {
	margin:0 auto;
	width:979px;
	text-align:left;
}


#header {
	height:60px;
	position:relative;
	background-image:url(images/background_header.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#language {
	position:relative;
	text-align:right;
	top:20px;
}


#banner {
	height:318px;
	background-image:url(images/background_banner.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:hidden;
}




#mainnav {
	height:40px;
	background-image:url(images/background_mainnav.gif);
	background-color:#990000; /* rot */
	background-repeat:no-repeat;
	background-position:center top;
}




#mainnavshadow {
	height:10px;
	background-image:url(images/spacershadow.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}




#breadcrumbs {
	font-weight:normal;
	font-size:10px;
	color:#999999;
	margin-bottom:10px;
	letter-spacing:1px;
}

#breadcrumbs a {
	text-decoration:none;
	color:#6699CC; /* blau */
}

#breadcrumbs a:hover {
	color:white;
	background-color:#6699CC; /* blau */
}





#content {
	background-color:#B0D4F0;
	padding:10px;
	background-image:url(images/background_content.jpg);
	background-position:left top;
	background-repeat:repeat;
}

#content h1 {
	margin-bottom:10px;
}

#content h2 {
	margin-bottom:10px;
}

#content h2 {
	font-weight:bold;
	font-size:15px;
	letter-spacing:3px;
	text-transform:uppercase;
	/*color:#6699CC;*/
	color:#990000; /* rot */
	font-style:italic;
	margin-top:20px;
	border-bottom:#990000 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#content p {
	margin-bottom:10px;
	line-height:160%;
}

#content a.internal-link, #content a.mail, #content a.external-link-new-window {
	/*background-image:url(images/background_subnav_normal.gif);
	background-repeat:no-repeat;
	background-position:4px;
	padding-left:16px;*/
	text-decoration:none;
	border-bottom:#B0D4F0 /* blau */ 1px solid;
}

#content a.internal-link:hover {
	border-bottom:none;
}




#contentmain {
	margin-bottom:10px;
}

#contentmain h1 {
	text-transform:uppercase;
	color:white;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	background-image:url(images/background_h1_left_red.jpg); 
	background-color:#990000;
	background-position:left top;
	background-repeat:no-repeat;
	padding:3px 0 10px 35px;
	margin-bottom:10px;
	letter-spacing:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contentmain ul {
	margin-left:20px;
	line-height:180%;
	/*letter-spacing:1px;*/
	list-style-type:none;
	margin-bottom:15px;
}

#contentmain ul li {
	padding-left:15px;
	background-image:url(images/ul_background_1.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}

#contentmain div.csc-textpic-border img {
	/*padding:2px;*/
	border:white 2px solid;
	padding:2px;
}



#contentright {
	margin-top:12px;
}

#contentright {
	padding:10px;
}

#contentright h1 {
	text-transform:uppercase;
	color:white;
	font-size:14px;
	font-weight:normal;
	letter-spacing:1px;
	background-image:url(images/background_h1_right.jpg);
	background-color:#990000; /* rot */
	background-position:left top;
	background-repeat:no-repeat;
	padding:4px 0 10px 10px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contentright ul {
	margin-left:20px;
	margin-bottom:10px;
}

#contentright ul li {
	margin-bottom:10px;
}

#contentright table.contenttable p.bodytext {
	margin-bottom:0;
}

/*#contentright table.contenttable p.bodytext a {
	letter-spacing:2px;
	background-image:url(images/background_subnav_normal.gif);
	background-repeat:no-repeat;
	background-position:4px;
	padding-left:20px;
}*/




#footer {
	height:20px;
	background-image:url(images/background_content.jpg);
	background-position:left top;
	background-repeat:repeat;
	color:#990000; /* rot */
	font-size:9px;
	text-align:center;
	padding-top:10px;
	letter-spacing:1px;
	border-top:silver 1px solid;
}


#footershadow {
	height:20px;
	background-image:url(images/footershadow.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

/*
#footershadow a {
	color:white;
}

#footershadow a:hover {

}
*/






/****************************************/
/* 3) A L L G E M E I N E   S T Y L E S */
/****************************************/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	background-color:#B0D4F0; /* blau */
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	text-align:center;
	letter-spacing:1px;
}

h1 {
	font-weight:bold;
	font-size:17px;
	/*letter-spacing:1px;*/
	text-transform:uppercase;
	/*color:#003300;*/
	color:#669900;
}

.csc-header-n2 h1, .csc-header-n3 h1, .csc-header-n4 h1, .csc-header-n5 h1, .csc-header-n6 h1, .csc-header-n7 h1, .csc-header-n8 h1, .csc-header-n9 h1, .csc-header-n10 h1 {
	margin-top:30px;
}

a {
	color:#990000; /* rot */
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:white;
	background-color:#990000; /* rot */
}


/* Formular */

.csc-mailform {
	border:0;
	/*border-top:1px solid #606060;
	border-right:1px solid #606060;
	background-position:center top;
	background-repeat:repeat-x;
	background-image:url(images/background_kontaktformular.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:20px;*/
}

.csc-mailform label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	display:block;
}

.csc-mailform input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	border:1px solid #606060;
	padding:3px;
}

.csc-mailform textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	border:1px solid #606060;
	padding:3px;
}

.csc-mailform-label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	display:block;
}

.csc-mailform-submit {
	margin-top:5px;
	border:white 1px solid;
	color:white;
	background-color:#990000;
}

.csc-mailform-submit:hover {
	margin-top:5px;
	border:#990000 1px solid;
	color:#990000;
	background-color:white;
}

form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}



/* Tabellen */
table .contenttable {
	border:1px solid #990000;
	width:100%;
}

table .contenttable td {
	padding:5px;
}

table .contenttable .tr-odd {
	background-color:#F4F9FD; /* hellblau */
}

/* Sitemap */
#contentmain .csc-sitemap ul {
	margin-bottom:0;
}

#contentmain .csc-sitemap ul li {
	margin-top:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;
}
#contentmain .csc-sitemap ul ul li {
	margin-top:0;
	font-weight:normal;
	text-transform:none;
	letter-spacing:0;
}

#contentmain .csc-sitemap ul li {
	background-image:url(images/background_subnav_normal.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
}

#contentmain .csc-sitemap ul li a {
	text-decoration:none;
	border-bottom:#B0D4F0 /* blau */ 1px solid;
}

#contentmain .csc-sitemap ul li a:hover {
	text-decoration:none;
	border-bottom:0;
	color:white;
}