/*
 * Main Styles
 */


/*
 * **********************************************************************************
 * Reset
 * **********************************************************************************
 */

@import url("reset.css");


/*
 * **********************************************************************************
 * Global Styles
 * **********************************************************************************
 */

.hide                       { display: none; }
.invisible                  { visibility: hidden; }

.left                       { float: left; }
.right                      { float: right; }

.error                      { color: #f00; }

.clearfix:after             { clear: both; content: ".";  display: block; height: 0; visibility: hidden; }
.clearfix                   { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix            { height: 1%; }
.clearfix                   { display: block; }
/* End hide from IE-mac */





/*
 * **********************************************************************************
 * Typographic Styles
 * **********************************************************************************
 */

body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, input, textarea {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 100%; /*12px;*/
    line-height: 18px;
    font-weight: normal;
    color: #000;
}

h1, h2, h3,
h4, h5, h6                  { margin: 0; font-weight: normal; color:#4081A2; }
h1                          { font-size: 150%; line-height: 28px; padding-top: 14px; padding-bottom: 14px; }
h2                          { font-size: 135%; line-height: 28px; padding-top: 9px; padding-bottom: 9px; }
h3                          { font-size: 120%; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4                          { font-size: 110%; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5                          { font-size: 110%; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6                          { font-size: 100%; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }


a 							{ color:#ce5a67; text-decoration:none; }
a:hover, a:focus 			{ color:#ce5a67; text-decoration:underline; }

em                          { font-style: italic; }
p                           { padding: 0 0 9px 0; }
small                       { font-size: 80%; }
strong                      { font-weight: bold; }

ul, ol                      { padding-top: 18px; padding-bottom: 18px; padding-left: 16px; list-style-position: outside; list-style-type: disc; }
ol                          { list-style-type: decimal; padding-left: 17px; }

dl                          { padding-top: 18px; padding-bottom: 18px; }
dl dt                       { font-weight: bold; }

blockquote                  { border-left: 1px solid #666; margin-top: 18px; margin-bottom: 18px; padding-left: 17px; font-style: italic; }
blockquote *                { color: #666; }

textarea                    { resize: none; } /* Prevents that little handle from showing up in Safari. */

sup                         { font-size: 70%; vertical-align: super; }




/*
 * **********************************************************************************
 * Form Styles
 * **********************************************************************************
 */

fieldset                    {}
legend                      {}
label                       {}

form                        {}
input                       {}
input.search                { background:url("../images/icon_search.gif") right 1px no-repeat #fff; }
input.text                  {}
input.radio                 {}
input.checkbox              {}
input.button                {}
textarea                    {}
select                      {}



input, textarea, select {
	border:1px solid #ccc;
	background:#fff;
	padding:2px;
}
input:hover, 
input:focus,
textarea:hover, 
textarea:focus, 
select:hover,
select:focus {
	border:1px solid #89bae2;
	background:#ecf1f8;
}
input.checkbox,
input.radio {
	border:0;
}
input.button {
	margin:0;
	padding:2px 5px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:1.0;
	font-size:80%;
	border:0;
	cursor:pointer;
	background-color:#4081a2;
}
input.button:hover,
input.button:focus {
	color:#000;
}
input.button.save {}
input.button.ok {}
input.button.cancel {}

fieldset {
	border:1px solid #89BAE2;
	padding:10px;
	margin:0 0 10px 0;
	background:#fff;
}
legend { color:#4081a2; }

.form {}
.form th,
.form td	{ padding:2px 0; }
.form th 	{ text-align:right; padding-right:15px; vertical-align:top; }



/*
 * **********************************************************************************
 * Layout Styles
 * **********************************************************************************
 */
 
body { background:url("../img/bg_header.gif") center top no-repeat #fffae7; text-align:center; }



#page-wrapper {margin:0 auto; width:940px; text-align:left; font-size:80%; }
#page {}


#page-metamenu-wrapper 				{ height:20px; text-align:right; overflow:hidden; }
#page-metamenu 						{ position:relative; }
#page-metamenu ul 					{ list-style:none; padding:0; margin:0; position:absolute; top:0; right:0; }
#page-metamenu ul li 				{ height:20px; float:left; padding:0; margin:0; background:#ffd900; }
#page-metamenu ul li a 				{ color:#fff; border-right:1px solid #fff; font-size:11px; font-weight:bold; line-height:20px; text-decoration:none; background:none; padding:0 5px;  }
#page-metamenu ul li a:hover,
#page-metamenu ul li a:focus 		{ color:#000; }
#page-metamenu ul li.active a 		{ color:#000; }
#page-metamenu ul li.last a 		{ border-right:0; }

#page-header-wrapper { height:95px; overflow:hidden; }
#page-header {}

#page-header-left-wrapper { float:left; width:70%; }
#page-header-left { position:relative;}
#page-header-left h1 {
	color:#FFFFFF;
	font-size:40px;
	font-weight:bold;
	left:100px;
	position:absolute;
	top:25px;
	padding:0;
	margin:0;
	line-height:1em;
}
#page-header-left h2 {
	color:#37718E;
	font-size:11px;
	font-weight:bold;
	left:100px;
	letter-spacing:1px;
	position:absolute;
	text-transform:uppercase;
	top:65px;
	padding:0;
	margin:0;
	line-height:1em;
}

#page-header-right-wrapper { float:right;  width:29%; }
#page-header-right { text-align:right; padding:20px 20px 0 0; }
#page-header-right a { background:none; border:0; }


#page-mainmenu-wrapper 		{ height:26px; }
#page-mainmenu 				{ height:26px; position: relative; background:url("../img/bg_mainmenu.gif") left top repeat-y transparent; }


#page-mainmenu ul 			{ list-style:none; padding:0; margin:0; height:26px; }
#page-mainmenu li 			{ float:left; height:26px; padding:0; margin:0; }
#page-mainmenu li a {
	color: #37718E;
	text-transform: uppercase;
	background: #ECF1F8;
	display: block;
	font-size: 10px;
	text-decoration: none;
	margin:0;
	padding:0 16px 0 0;
	letter-spacing: 1px;
	font-weight: bold;
	height:26px;
}
#page-mainmenu li.active a {
	color: #CE5967;
	background: #fff;
}
#page-mainmenu li a em {
	height:26px;
	line-height:26px;
	font-style: normal;
	padding:0 0 0 32px;
	display:block;
	background: url("../img/mainnav_bg.png") left top no-repeat;
	cursor:pointer;
}
#page-mainmenu li.active a em {
	background: url("../img/mainnav_bg_active.png") left top no-repeat;
}
#page-mainmenu li.first a em {
	background: url("../img/mainnav_bg_first.png") left top no-repeat;
	padding:0 0 0 24px;
}
#page-mainmenu li.first-active a em {
	background: url("../img/mainnav_bg_first_active.png") left top no-repeat;
}
#page-mainmenu li.reverse a em {
	background: url("../img/mainnav_bg_active_reverse.png") left top no-repeat;
}
#page-mainmenu li.last a {
	background: #ECF1F8 url("../img/mainnav_bg_last.png") right top no-repeat;
	padding-right: 32px;	
}
#page-mainmenu li.last-active a {
	background: #fff url("../img/mainnav_bg_last_active.png") right top no-repeat;
	padding-right: 32px;
}
#page-mainmenu li a:hover,
#page-mainmenu li a:focus {
	color: #CE5967;
}
#page-mainmenu li.last a:hover,
#page-mainmenu li.last a:focus {
	color: #CE5967;
}




#page-content-wrapper { background:#fff; }
#page-content {}

#page-content-center-wrapper { float:left; width:645px; overflow:hidden; }
#page-content-center { padding:30px 20px 30px 20px; overflow:hidden; }

#page-content-right-wrapper { float:left; width:295px; overflow:hidden; }
#page-content-right { padding:30px 20px 30px 0; overflow:hidden; }


#page-footer-wrapper { background:#fff; margin-bottom:30px; }
#page-footer { padding:10px 0 5px 0; text-align:center; font-size:90%; color:#666; }



/* scms debug toolbar Styles */

#scms-mvc-debug-toolbar,
#scms-mvc-debug-toolbar-x {font-size:80%;text-align:left;}
#scms-mvc-debug-toolbar a,
#scms-mvc-debug-toolbar-x a {background:none;} 
#scms-mvc-debug-toolbar div {width:800px;height:600px;border:5px solid #666;overflow:auto;}
#scms-mvc-debug-toolbar div h5 {font-size:140%;color:#2A3D6E; }
#scms-mvc-debug-toolbar div h6 {font-size:120%;color:#2A3D6E; }
#scms-mvc-debug-toolbar td, 
#scms-mvc-debug-toolbar th { vertical-align:top; }


/*
 * **********************************************************************************
 * Content Styles
 * **********************************************************************************
 */

h1.group-header {
	background:url("../img/bg_groupheader_start2.gif") left top no-repeat #fff;
	padding:60px 10px 15px 15px;
	font-size: 12px;
	font-weight:bold;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:20px;
} 

h1.group-header.start {}

h1.group-header.registrierung1{
	background:url("../img/bg_registrierung_1.png") left top no-repeat #fff;
}


div.left-indent { padding-left:140px; }



.box {
	background:#EFF3F5;
	border-bottom:15px solid #fff;
}
.box h2 {
	background:#89BAE2;
	color:#FFFFFF;
	font-size:80%;
	letter-spacing:0.1em;
	padding:2px 0pt 2px 10px;
	text-transform:uppercase;
	margin:0;
	line-height:1.2;
}
.box .box-body {
	padding:5px 10px;
}