/*

(c) Sascha Bregenhorn | netzrocker.com

*/

@import url(reset.css);



/*** main elements ***/

body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	text-align: center;
}
#header_outside, #navigation_outside, #content_outside, #footer_outside {
	width: 100%;
	text-align: center;
}
#header, #navigation, #content, #footer {
	width: 980px;
	clear: both;
	overflow: auto;
	margin: auto;
	text-align: left;
}
#header_outside {
	background: url(../images/bg_header_outside.jpg) repeat-x;
}



/*** content ***/

#content_left {
	float: left;
	width: 220px;
	margin: 20px 0px;
}
#content_right {
	float: right;
	width: 740px;
	margin: 20px 0px;
}
.content_right_inside {
	clear: both;
}
#template2_left {
	float: left;
	width: 500px;
}
#template2_right {
	float: right;
	width: 220px;
}
#template3_left {
	float: left;
	width: 440px;
	margin-top: 20px;
}
#template3_right {
	float: right;
	width: 280px;
	margin-top: 20px;
}



/*** flexible content ***/

.fc_3col_01_left {
	float: left;
	width: 180px;
}
.fc_3col_01_middle {
	float: left;
	width: 340px;
	margin-left: 20px;
}
.fc_3col_01_right {
	float: right;
	width: 180px;
}

.fc_3col_02_a {
	float: left;
	width: 170px;
}
.fc_3col_02_b {
	float: left;
	width: 170px;
	margin-left: 20px;
}
.fc_3col_02_c {
	float: left;
	width: 170px;
	margin-left: 20px;
}
.fc_3col_02_d {
	float: right;
	width: 170px;
}



/*** footer ***/

#footer_outside {
	background: url(../images/bg_footer_outside.jpg) repeat-x;
}
#footer {
	background: url(../images/bg_footer.gif) no-repeat;
}
#footer_01, #footer_02, #footer_03 {
	width: 280px;
	float: left;
	margin: 40px 0px 20px 30px;
}
#footer_02, #footer_03 {
	margin: 40px 0px 20px 40px;
}



/*** navigation ***/

#navigation {
	background: url(../images/bg_navigation.jpg) 1px 0px no-repeat;
}
#navigation ul {
	padding: 0px;
	margin: 0px 0px 0px 240px;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a {
	float: left;
	padding: 11px 26px;
	font: italic 1.5em Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-decoration: none;
	background: url(../images/star.gif) 0px 8px no-repeat;
}
#navigation ul li a:hover {
	color: #D69C5A;
}
#navigation .level1_active a {
	color: #D69C5A;
}



/*** subnavigation ***/

#subnavigation {
	margin: 0px;
	overflow: auto;
}
#subnavigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#subnavigation li {
	border-top: 1px dotted #555;
}
#subnavigation a {
	display: block;
	font: normal 1.3em/1.5em Arial, Helvetica, sans-serif;
	color: #555;
	padding: 6px 0px 5px 10px;
	text-decoration: none;
}
#subnavigation a:hover {
	color: #fff;
	background-color: #961A1A;
}
#subnavigation .level01_active a {
	color: #fff;
	background-color: #961A1A;
}
#subnavigation .level02 a {
	padding-left: 20px;
	color: #961A1A;
}
#subnavigation .level02_active a {
	padding-left: 20px;
	color: #961A1A;
	font-weight: bold;
}
#subnavigation .level02 a:hover {
	padding-left: 20px;
	color: #fff;
}
#subnavigation .level02_active a:hover {
	padding-left: 20px;
	color: #961A1A;
	background: none;
}
#subnavigation .level03 a {
	padding-left: 30px;
}
#subnavigation .level03_active a {
	padding-left: 30px;
	color: #961A1A;
}
#subnavigation .level03_active a:hover {
	padding-left: 30px;
	color: #961A1A;
	background: none;
}



/*** typo ***/

p, th, td {
	font: normal 1.3em/1.5em Arial, Helvetica, sans-serif;
	color: #555;
	padding-bottom: 1.2em;
}
h1 {
	font: italic 2.0em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #961A1A;
	padding-bottom: 0.2em;
}
.csc-header {
	border-bottom: 1px dotted #555;
	margin-bottom: 8px;
}
h2 {
	font: italic 2.0em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #D69C5A;
	padding-bottom: 0.2em;
}
h3 {
	font: italic 1.5em/1.2em Georgia, "Times New Roman", Times, serif;
	color: #961A1A;
}
i {
	color: #961A1A;
	font-weight: bold;
}
a:link, a:visited, a:active {
	color: #961A1A;
	text-decoration: none;
}
a:hover {
	color: #961A1A;
	text-decoration: underline;
}
a:focus {
	outline-offset: -1px;
	-moz-outline: none;
	outline: none;
}
input, select, textarea, option, label {
	font: normal 1.3em Arial, Helvetica, sans-serif;
	color: #555;
}
#content_left_inside ul, .content_right_inside ul, #footer_inside ul {
	font: normal 1.3em/1.5em Arial, Helvetica, sans-serif;
	color: #555;
	padding-bottom: 1.2em;
	list-style: outside;
	padding-left: 20px;
}



/*** footer typo ***/

#footer_inside p, #footer_inside ul {
	color: #fff;
	font: normal 1.3em/1.5em Arial, Helvetica, sans-serif;
}
#footer_inside h3 {
	font: italic 2.0em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #D69C5A;
	padding-bottom: 0.2em;
}
#footer_inside a:link, #footer_inside a:visited, #footer_inside a:active {
	color: #fff;
	text-decoration: none;
}
#footer_inside a:hover {
	color: #fff;
	text-decoration: underline;
}



/*** extensions ***/

.myGallery {
	border: 1px solid #ccc;
}