/* Scribere24 Layout
 * Author: Malcher
 * Created: May/June 2010
 * Notes: basic layout for scribere24
 */ /* default settings */
html {
	height: 98%;
}

body {
	background: url(../images/background.png) repeat-x 50% 0;
	/*background: #39414a;*/
	font: normal 62.5% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif
		!important;
	line-height: 1.4;
	margin: 10px;
	padding: 0px;
	height: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif
		!important;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	border-bottom: 0 !important;
}

a {
	border-bottom: 0px;
	color: #5DB0E6;
}

a:focus {
	outline: 1px dotted #eee;
}

a:active {
	outline: 0px;
}

a:hover {
	color: #7bc4f4;
}

.round-border {
	/*-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius:  5px;*/
	/*-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* site div */
#sc24-siteContain {
	width: 910px;
	position: relative;
	margin: 0px auto;
	height: calc(100% - 40px);
}

/* header */
#sc24-header {
	height: 156px;
	padding: 0 40px;
	position: relative;
	background-color: #FFFFFF;
}

body#sc24-header {
	background: none;
	height: 186px;
}

#sc24-header h1 {
	font-size: 2em;
	font-weight: normal;
	color: #ddd;
	position: absolute;
	bottom: 15px;
	left: 60px;
	line-height: 1;
	border: 0px;
	padding: 0px;
	text-transform: uppercase;
}

#sc24-header h1#sc24-tagline {
	position: absolute;
	left: -999999px;
}

#sc24-header.round-border {
	/*-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius:  5px;*/
	/*-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* logo */
#sc24-siteLogo {
	float: left;
	display: block;
	border: 0 !important;
}

#sc24-kasseLogo {
	float: right;
	display: block;
	border: 0 !important;
}

#sc24-siteLogo img {
	border: 0 !important;
}

/*Primary Navigation*/
#sc24-primaryNavigation {
	float: right;
	margin-bottom: 1.5em;
}

#sc24-primaryNavigation.round-border {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#sc24-primaryNavigation ul {
	float: left;
	padding: 0 .8em 2px;
	margin: 0;
}

#sc24-primaryNavigation li {
	float: left;
	list-style: none;
	margin: 0;
	background: none;
	padding: 0;
}

#sc24-primaryNavigation li a {
	float: left;
	padding: 0 1em;
	line-height: 25px;
	font-size: 1.2em;
	color: #838281;
	text-decoration: none;
	margin-bottom: 2px;
}

#sc24-primaryNavigation li.sc24-ui,#sc24-primaryNavigation li.sc24-blog
	{
	border-right: 1px solid #0F1924;
}

#sc24-primaryNavigation li.sc24-current a,#sc24-primaryNavigation li.sc24-current a:hover
	{
	border-bottom: 2px solid #0093DD;
	/*background: #192839;*/
	margin-bottom: 0;
	cursor: default;
	color: #0093DD;
}

#sc24-primaryNavigation li a:hover {
	color: #00AAFF;
	border-bottom: 2px solid #00AAFF;
	margin-bottom: 0;
}

/*Secondary Navigation & Footer*/
#sc24-secondaryNavigation,#sc24-footerNavigation {
	float: right;
	clear: right;
	margin-top: 34px;
	background: #0F67A1
}

#sc24-secondaryNavigation.round-border,#sc24-footerNavigation.round-border
	{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#sc24-secondaryNavigation ul,#sc24-footerNavigation ul {
	float: left;
	padding: 0 0 0 8px;
	margin: 0;
}

#sc24-secondaryNavigation ul li,#sc24-footerNavigation ul li {
	float: left;
	list-style: none;
	border-right: 1px solid #0D5995;
	border-left: 1px solid #1175AE;
	height: 34px;
	margin: 0;
	background: none;
	padding: 0;
}

#sc24-secondaryNavigation ul li.sc24-first,#sc24-footerNavigation ul li.sc24-first
	{
	border-left: none;
}

#sc24-secondaryNavigation ul li.sc24-last,#sc24-footerNavigation ul li.sc24-last
	{
	border-right: none;
}

#sc24-secondaryNavigation li a,#sc24-footerNavigation li a {
	float: left;
	padding: 0 12px;
	font-size: 1.3em;
	color: #eee;
	text-decoration: none;
	line-height: 34px;
	position: relative;
}

#sc24-secondaryNavigation li a span,#sc24-footerNavigation li a span {
	position: relative;
	top: 0;
	left: 0;
}

#sc24-secondaryNavigation li a span.sc24-shadow,#sc24-footerNavigation li a span.sc24-shadow
	{
	top: .1em;
	left: 1em;
	color: #131c25;
	position: absolute;
	display: none;
}

#sc24-secondaryNavigation li a:hover,#sc24-footerNavigation li a:hover {
	color: #fff;
}

#sc24-secondaryNavigation li a:hover span.sc24-shadow,#sc24-footerNavigation li a:hover  span.sc24-shadow,#sc24-secondaryNavigation li.sc24-current a span.sc24-shadow,#sc24-footerNavigation li.sc24-current a span.sc24-shadow
	{
	display: block;
}

/*content*/
#sc24-content {
	padding: 4em 40px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.3em;
	min-height: 500px;
}

#sc24-content.round-border {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#sc24-content ul {
	list-style-image: url("../images/icons/iconBulletBlue.png");
	list-style-position: outside;
}

/* #sc24-messageBox */
#sc24-messageBox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#sc24-messageBox.round-border {
	/*-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius:  5px;*/
	/*-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#sc24-msg {
	text-align: center;
	font-style: italic;
	border: 1px solid;
}

.sc24-msg {
	font-style: italic;
}

#sc24-error {
	font-style: italic;
	text-align: center;
	color: #FF0000;
	/* border: 1px solid #FF0000; */
}

.sc24-error {
	font-style: italic;
	color: #FF0000;
}

#sc24-success {
	font-style: italic;
	text-align: center;
	color: #254117;
	/* border: 1px solid #254117; */
}

.sc24-success {
	color: #254117;
}

/* #sc24-contentMenu  */
#sc24-contentMenu {
	padding-top: 1em;
	width: 10%;
	float: left;
	margin-bottom: 3.5em;
}

/* #sc24-contentMain  */
#sc24-contentMain {
	padding-top: 1em;
	width: 90%;
	float: left;
	margin-bottom: 3.5em;
}

#sc24-contentMainFull {
	padding-top: 1em;
	width: 100%;
	float: left;
	margin-bottom: 3.5em;
}

/* welcome */
#sc24-welcomeText {
	float: left;
	width: 60%
}

#sc24-welcomeImg {
	float: right;
	width: 35%;
	display:block;
}

#sc24-welcomeImg img {
	width: 300px;
	float:left;
	margin-right: auto;
	margin-left: auto;
}

#sc24-welcomeVideo {
	width: 100%;
	float:left;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.sc24-welcomeVideoFrame{
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4em;
}

/* benefits */
#sc24-benefitsText {
	float: left;
	width: 60%
}

#sc24-benefitsImg {
	float: right;
	width: 40%;
	display:block;
}

#sc24-benefitsImg img {
	width: 330px;
	float:left;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
}

/* contactRequest */
.sc24-contactRequestInput {
	float: left;
	width: 70%
}

#sc24-contactRequestImg {
	float: right;
	width: 30%;
	display:block;
}

#sc24-contactRequestImg img {
	width: 250px;
	float:left;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
}

.sc24-inputTextArea {
	width: 150px;
	float: left;
}

.sc24-inputArea {
	float: left;
}

.sc24-inputField {
	width: 400px;
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

.sc24-inputSelect {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

/* references */

#sc24-referencesImg {
	width: 60%;
	display:block;
	margin-right: auto;
	margin-left: auto;
}

#sc24-referencesImg img {
	width: 500px;
	float:left;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
}

/* minheigth */
#sc24-minheight {
	height: 40px;
	clear: both;
}

/* contentItems */
.sc24-impressumItem,.sc24-securityItem,.sc24-benefitsItem,.sc24-contactItem,.sc24-referencesItem,.sc24-welcomeItem
	{
	margin-bottom: 3px;
	margin-top: 3px;
}

.sc24-copyrightText {
	color:#CCCCCC;
	font-size:0.75em;
}

/* footer */
#sc24-footer {
	font-size: 1.1em;
	background-color: #FFFFFF;
	height: 40px;
	width: 100%;
	float: left;
}

.sc24-footerItem {
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 1em;
	float: left;
}

.sc24-footerItemCookie {
	position: relative;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

#sc24-footer p {
	font-size: 1.2em;
	color: #fff;
	/*margin: .5em 0;*/
	line-height: 1.4;
}

#sc24-footer p a {
	color: #5DB0E6;
	text-decoration: underline;
}

#sc24-footer a {
	color: #838281;
}

#sc24-footer a:hover {
	color: #00AAFF;
}

#sc24-footerNavigation { /*margin-top: 1em;*/
	float: right;
}

#sc24-credits {
	position: relative;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	height: 25px;
}

.errors  {
	border-color: #A00000;
}

#sc24-footer.round-border {
	/*-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius:  5px;*/
	/*-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* clearfix for floating elements */
.sc24-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sc24-clearfix {
	display: inline-block;
}

/* hides clearfix from IE-mac \*/
* html .sc24-clearfix {
	height: 1%;
}

.sc24-clearfix {
	display: block;
}
/* end hide from IE-mac */