/*

(c) Sascha Bregenhorn | netzrocker.com

*/

@import url(reset.css);



/*** main elements ***/

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



/*** content ***/

#content {
	background: url(../images/bg_content_02.gif) repeat-y;
}
#content_left {
	float: left;
	width: 710px;
	margin: 0px 0px 0px 10px;
}
#content_right {
	float: right;
	width: 220px;
	margin: 0px 10px 0px 0px;
}
#content_left_inside {
	margin: 20px 15px 20px 30px; 
}
#content_right_inside {
	margin: 20px; 
}



/*** content ***/

.fc_2col_left {
	float: left;
	width: 220px;
}
.fc_2col_right {
	float: right;
	width: 435px;
}



/*** navigation ***/

#navigation_outside {
	background: url(../images/bg_navigation_outside.jpg);
}
#navigation {
	background: url(../images/bg_navigation.jpg);
}
#navigation ul {
	padding: 0px;
	margin: 0px;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a {
	float: left;
	padding: 30px 15px 10px 15px;
	border-right: 1px solid #fff;
	font: normal 1.4em Arial, Helvetica, sans-serif;
	color: #00397B;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation ul li a:hover, .active a {
	color: #555;
	background: url(../images/bg_navigation_ro.jpg);
}



/*** subnavigation ***/

#subnavigation {
	margin: 0px;
	overflow: auto;
}
#subnavigation ul {
	margin: 0px 10px;
	padding: 0px;
	list-style-type: none;
}
#subnavigation li {
	border-bottom: 1px dotted #00397B;
}
#subnavigation a {
	display: block;
	font: normal 1.4em Arial, Helvetica, sans-serif;
	color: #555;
	padding: 20px 0px 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#subnavigation a:hover {
	color: #00397B;
}
#subnavigation .level1_active a {
	color: #00397B;
}
#subnavigation .level2 a {
	padding-left: 25px;
}
#subnavigation .level2_active a {
	padding-left: 25px;
	color: #00397B;
}
#subnavigation .level2_active a:hover {
	padding-left: 25px;
	color: #00397B;
	background: none;
}
#subnavigation .level3 a {
	padding-left: 40px;
}
#subnavigation .level3_active a {
	padding-left: 40px;
	color: #00397B;
}
#subnavigation .level3_active a:hover {
	padding-left: 40px;
	color: #00397B;
	background: none;
}



/*** typo ***/

p {
	font: normal 1.3em/1.6em Arial, Helvetica, sans-serif;
	color: #555;
	padding-bottom: 1.2em;
}
h1 {
	font: normal 1.4em Arial, Helvetica, sans-serif;
	color: #00397B;
	padding-bottom: 0.5em;
	text-transform: uppercase;
}
h2 {
	font: normal 1.4em Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 0.5em;
	text-transform: uppercase;
}
a:link, a:visited, a:active {
	color: #00397B;
	text-decoration: none;
}
a:hover {
	color: #555;
	text-decoration: underline;
}
a:focus {
	outline-offset: -1px;
	-moz-outline: none;
	outline: none;
}
label, input {
	font: normal 1.3em Arial, Helvetica, sans-serif;
	color: #555;
}
select {
	font: normal 1.3em Arial, Helvetica, sans-serif;
	color: #555;
	padding: 3px;
}
.csc-textpic-caption {
	font: italic 1.2em/1.6em Arial, Helvetica, sans-serif;
	color: #555;
	padding-top: 0.7em;
}
#content_left_inside ul, #content_right_inside ul {
	font: normal 1.3em/1.5em Arial, Helvetica, sans-serif;
	color: #555;
	padding-bottom: 1.2em;
	list-style: outside;
	padding-left: 20px;
}
#header_phone p {
	color: #777;
	padding-top: 1.2em;
	font-size: 1.5em;
	text-transform: uppercase;
}



/*** footer typo ***/

#footer {
	background: url(../images/bg_footer.gif);
}
#footer_inside {
	text-align: right;
	margin: 5px 30px 0px 30px;
}
#footer_inside p {
	color: #fff;
	font: normal 1.1em/1.5em Arial, Helvetica, sans-serif;
}
#footer_inside a {
	margin-left: 20px;
}
#footer_inside a:link, #footer_inside a:visited, #footer_inside a:active {
	color: #fff;
	text-decoration: none;
}
#footer_inside a:hover {
	color: #ccc;
	text-decoration: none;
}



/*** forms ***/

.csc-mailform {
	border: 0px;
	margin: 0px;
	padding: 0px 30px 0px 0px;
}
.csc-mailform-field {
	padding: 3px 0px 6px 0px;
	clear: both;
}
.csc-mailform label {
	float: left;
	clear: both;
	padding-top: 2px;
}
.csc-mailform input, textarea {
	float: right;
	width: 300px;
}
.csc-mailform select {
	float: right;
	Xwidth: 90px;
}
.csc-mailform-submit {
	margin: 8px 0px 0px 0px;
	width: 140px !important;
	clear: both;
}
.hidden {
	visibility: hidden;
	display: none;
}