/*<![CDATA[*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet-Version:		Basic													   *
 * Version:					1.0													       *
 * Author:					re-lounge (http://www.re-lounge.com)					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/

body {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	background-color: #ffffff;
	font-size: 0.7em;
	color: #000000;
}

/* Layout container: 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *    
 */
#pageContainer {
		/*have a look at the end of the document*/	
}

* html #pageContainer {
	/* \*/
	word-wrap: break-word;	/* Prevents float problems in IE/Win */
}

#header{
	width: 100%;
	margin-top: 10px;
	height: 75px;
	background-color: #0084C2;
}

* html #header {
	height: 75px;
	padding: 0;
}

#contentContainer {
	width: 100%;
	margin-top: 20px;
	padding-bottom: 20px; 
	line-height: 1.4em;
}

#footer {
	display: none;
}

/* General: Font style definitions
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1 {	/* Used for 1st level headlines in content (blue text beginning with pipe 
		   symbol) */
	border-left: 1px solid #0084C2;
	margin: 0 0 8px 0;
	padding: 0 0 0 9px;
	color: #0084C2;
	font-size: 1.2em;
}

h1 span.colored {
	color: #000000;
}

h1.noborder {
	border: 0;
	padding-left: 0;
}

h1 a {
	border-bottom-color: #F5F5F5;
}

h2 {	/* Used for 2nd level headlines in content (black text beginning with pipe symbol)
	       and for the glossar subtitle. */ 
	border-left: 1px solid #000000;
	margin: 0 0 4px 0;
	padding: 0 0 0 9px;
	color: #000000;
	font-size: 1.0em;
}

h3 {	/* Used for 3d level headlines in content */
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3 a {	
	color: #000000;
}

h5 {	/* Used for register title only */
	margin: 0;
	font-size: 1em;
}

h6 {	/* Used for headlines in register elements only */
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0 0 5px 0;
}

p {
	margin: 0;
	padding: 0 0 20px 0;
}

p a {
	/*white-space: nowrap;*/
	border-bottom: 1px solid #0084C2;
}

strong.stronger {
	font-weight: bold;
	color: #0084C2;
}

span.color {
	color: #0084C2;
}

textarea {
	overflow: auto;
}

/* General: Anker definitions
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a {
	text-decoration: none;
	padding-bottom: 0;
	border-bottom: 1px solid #ffffff;
	color: #000000;
}

a:link, a:visited, a:active {
}

a:hover {
	text-decoration: none;
	padding-bottom: 0;
	border-bottom: 1px solid #0084C2;
	color: #0084C2;
}

a.active {
	color: #0084C2;
}

a.imageAnker {
	border: 0;
}

a.imageAnker:hover {
	border: 0;
}

#topOfPage {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 0;
	font-size: 1px;
	height: 0;
	margin: 0;
	padding: 0;
}

#footer a.topOfPage {
	display: inline;
	float: right;
	border: 0;
	padding-right: 0;
	text-decoration: none;
}

#footer a.topOfPage:hover {
	border: 0;
	text-decoration: none;
}

#footer a.topOfPage img.icon {
	margin-left: 10px;
	margin-right: 0;
	padding-right: 0;
}

a.bold {
	font-weight:bold;
}

/* Page element: "Logo"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#logo {
	display: none;
}

#logo:hover {
	cursor: pointer;
}
#logoSubtitle {
	display: none;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 50px 0 0 0;
}

#logoSubtitle div {
	display: none;
}


/* Page element: "Meta navigation"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#meta {
	float: left;
	height: 75px;
	margin: 0;
	padding: 0 1px 0 0;	
	width: 99.5%;	
	border: 1px solid #0084C2;
	border-top: 10px solid #0084C2;
}

#meta ul {
	display: none;
}

/* Page element: "Language selection"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#language {
	display: none;	
}

/* Page element: "title"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#title {
	clear: left;
	margin: 50px 0 0 10px;
	padding: 0;
}

#title h1 {
	border: 0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #0084C2;
}

/* Content element: "Tabnavigation"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.antifloat {
	clear: both;
	visible: hidden;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	height: 0;
}

div.tabnavigation td {
	font-weight: bold;
	width: auto;
	border-left: 1px solid #D8DAD5;
	border-top: 1px solid #D8DAD5;	
	border-right: 1px solid #D8DAD5;
	border-bottom: 0;
	padding: 3px 10px 3px 10px;
	margin-right: 2px;
	background-image: url(images/bg_nav_tab_inactive.gif);
	background-position: top right;
	background-repeat: no-repeat;
	vertical-align: top;
}

div.tabnavigation td.active {
	width: auto;
	border: 1px solid #0084C2;
	border-bottom: 0;
	padding: 3px 10px 3px 10px;
	margin-right: 2px;
	background-image: url(images/bg_nav_tab_active.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div.tabnavigation td.active a {
	font-weight: bold;
	color: #0084C2;
}

div.tabnavigation table {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

div.tabnavigation table.firstActive {
	border-left: 1px solid #0084C2;
}

div.tabnavigation table.firstActive td.active {
	border-left: none;
	border-top: 1px solid #0084C2;
}

div.tabnavigation {
	background-image: url(images/bg_nav_tab_border.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	width: 100%;
}

div.tabnavigation tr {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Content element: "Tabcontent"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.tabcontent {
	border: 1px solid #0084C2;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding: 20px 10px 10px 10px;
	width: auto;
	background-color: #ffffff;
}

div.tabcontent {	/* BoxModelHack (for IE 5.x) */
	/* IE 5.x Win only */
	width: 100%;
	padding-bottom: 10px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 20px;
	/* IE 6 Win only */
	w\idth: auto;
	padd\ing: 20px 10px 10px 10px;
}

/*do not show flash*/
div.tabcontent p object {
	display: none;
}

/* Page element: "Footer"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer a {
	display: inline;
	color: #000000;
	padding-bottom: 0px;
	margin-bottom: 3px;
}

#footer hr {
	clear: both;
	padding: 0;
	margin: 7px 0 7px 0;	/* All browser w/o IE */
	font-size: 1px;
}

* html #footer hr {
	margin: 1px 0 0 0; /* Only IE */
}

#footer em {
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

#footer img {
	border: 0;
	margin: 0 9px 0 0;
	padding: 0;
}

/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* General: Elements and extensions for navigation,searching
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
img.icon {	/* Used for navigation,searching icons */
	border: 0;
	vertical-align: baseline;
	padding: 0;
	margin: 0 10px 0 0;
}

span.lineHeightIE {
	display: none;
}

* html span.lineHeightIE {	/* Workaround for IE line-height/inline images problem (http://www.brunildo.org/test/IElineheight.html) */
	height: 1.4em;
	display: inline-block;
	vertical-align: middle;
}

span.iconAnker {	/* "Icon" for internal hyperlinks */
	font-weight: bold;
	color: #0084C2;
}

/* Page elements: "Spacer/placeholder"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Used to build the layout consistently between the 3 header columns navigation, content and 
 * service.
 */

#contentHeader .spacer {
	background-color: #FFFFFF;
	height: 1.8em;
	background-image: url(images/bg_dotted_points_grey.gif);
	background-position: bottom left;
	background-repeat: repeat;
	padding: 4px 0 4px 0;
}


/* Content element: "Horizontal line"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
hr {
	border: 0;
	background-color: #D8DAD5;
	color: #D8DAD5;
	height: 1px;
	padding: 0;
	margin: 0px 0 20px 0;
	text-align: left;
	width: 100%;
}

/* Content element: "Unordered list"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#contentContainer ul {
	list-style-type: square;
	margin-bottom: 20px;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}

/* Content element: "Unordered list"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#contentContainer ul a {
	border-bottom: 1px solid #0084C2; 
}

/* Content element: Images, General
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
div.caption {
	background-image: url(images/bg_nav_register_inactive.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: auto;
	margin: 6px 0 0 0;
	padding: 0 4px 2px 0;
	line-height: 1.3em;
}

div.abstand {
	padding-bottom: 5px;
}

div.caption a {
	color: #000000;
}

div.caption a.extern {
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #0084c2;
}

div.caption a.extern:hover {
	color: #0084c2;
	border-bottom: 1px solid #0084c2;
}

/* Content element: "Image, left (text right)"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 .imageLeft {
 	display: block;
 	float: left;
 	margin: 0 10px 20px 0;
 }
 
 .imageLeft img {
 	border: 1px solid #D8DAD5;
 }

 .imageLeft img.icon {
 	border: none;
 }

/* Content element: "Image, left"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 .imageLeftNoText {
 	display: block;
 	margin: 0 10px 20px 0;
 }
 
 .imageLeftNoText img {
 	border: 1px solid #D8DAD5;
 }

 .imageLeftNoText img.icon {
 	border: none;
 }

/* Content element: "Image, right (text left)"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 .imageRight {
 	display: block;
 	float: right;
 	margin: 0 0 20px 10px;
 }
 
 .imageRight img {
 	border: 1px solid #D8DAD5;
 }

 .imageRight img.icon {
 	border: none;
 }

/* Content element: "Image, right"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
.imageFullRight {
 	text-align: right;
	width: 100%;
}

.imageRightNoText {
	margin: 0 0 20px auto;
}
 
.imageRightNoText div.caption {
	text-align: left;
}

.imageRightNoText img {
 	border: 1px solid #D8DAD5;
}

.imageRightNoText img.icon {
 	border: none;
}

/* Content element: "Image, center"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.imageFullCenter {
 	text-align: center;
	width: 100%;
}

.imageCenterNoText {
	margin: 0 auto 20px auto;
}
 
.imageCenterNoText div.caption {
	text-align: left;
}

.imageCenterNoText img {
 	border: 1px solid #D8DAD5;
}
 
.imageCenterNoText img.icon {
 	border: none;
}
 
/* Content element: "Image, full"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.imageFull {
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}

.imageFullNoText {
	margin: 0 auto 0 auto;
}
 
.imageFullNoText div.caption {
	text-align: left;
	margin-right: 2px;
}

.imageFullNoText img {
 	border: 1px solid #D8DAD5;
}
 
.imageFullNoText img.icon {
 	border: none;
}
 
/* Content element: "Form"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
form.standard {
	margin: 0;
	padding: 0;
}

form.standard p {
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 0;
}

form.standard p.spacer {
	height: 10px;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

span.obligatory {
	font-weight: bold;
	color: #0084C2;
}

form.standard select,
form.standard textarea,
form.standard input.text {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;	
	width: 358px;
	font-size: 1em;
	border: 1px solid #D9DAD5;
}

form.standard textarea {
	height: 80px;
}


form.standard input.checkbox,
form.standard input.radio {
	display: inline;
	margin: 7px 5px 0 0;
	padding: 0;
	width: auto;
}

* html form.standard input.checkbox,
* html form.standard input.radio {
	margin-top: 2px;
}


form.standard label {
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-right: 15px;	
}

form.standard p.textarea {
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: normal;
}

form.standard p.textfield {
	margin-top: 10px;
	margin-bottom: 3px;
}

form.standard input.submit {
	float: left;
	border: 0;
	color: #0084C2;
	padding: 0; 
	margin-top: 10px; 
	margin-bottom: 10px;
	font-size: 1.2em; 
	font-weight: bold; 
	background-color: #FFFFFF; 
	text-align: left; 
	display: block;
}

form.standard span.raquo {
	margin: 0;
	padding: 0;
	font-size: 1.2em; 	
	color: #0084C2;
	float: left;
	margin-top: 10px;
	font-weight: bold;
}

* html form.standard span.raquo {
	margin-top: 12px;
}

form br {
	clear: none;
}

form.standard input.submit:hover {
	cursor: pointer;
}

div.success {
	border-left: 10px solid #84c90d;
	padding: 10px 10px 0 10px;
	margin: 0 0 20px 0;
}

div.success h1 {
	border: none;
	padding-left: 0;
	color: #84c90d;
}

div.error {
	border-left: 10px solid #ed1b23;
	padding: 10px 10px 0 10px;
	margin: 0 0 20px 0;
}

div.error h1 {
	border: none;
	padding-left: 0;
	color: #ed1b23;
}

span.error {
	color: #ed1b23;
}

span.errorObligatory {
	color: #ed1b23;
	font-weight: bold;
}

/* Content elements on: "Willkommen"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.welcome_head {
	background-image: url(images/willkommen_bg_head.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 274px;
	margin-bottom: 20px;
	border: 1px solid #cdcdcd;
	position: relative;
} 

div.welcome_head div.text {
	margin: 0;
	padding: 15px 10px 15px 10px;
	font-size: 2.5em;
	color: #0084C2;
	font-weight: bold;
	line-height: 1.2em;
	background-image: url(images/willkommen_bg_caro.gif);
	background-repeat: repeat-y;
	background-position: bottom left;	
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

/* Content elements on: "first tab"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.blueBar, .yellowBar {
	display: none;
}

.grayBox, 
.grayBoxPic {
	width: 214px;
	width: 160px;
	height: 179px;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 1px 10px 0 0;
	padding: 8px 10px 8px 10px;
}

.grayBoxPic {
	width: 234px;
	padding: 0;
	margin-right: 0;
}

.grayBox a {
	text-decoration: none;
	border-bottom: 1px solid #0084C2;
	color: #000000;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
}

.grayBoxPic a {
	border: 0;
}

.grayBox a:hover,
.grayBoxPic a:hover {
	color: #000000;
}

/* Content elements on: "second tab"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.borderRight {
	width: 48%;
	height: 350px;
	float: left;
	padding: 0 10px 0 0;
	background-image:url(images/bg_borderVertical.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

.borderLeft {
	width: 48%;
	height: auto;
	float: right;
	padding: 0 0 0 10px;
	margin: 0;
	background-image:url(images/bg_borderVertical.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.Right {
	float: left;
	width: 48%;
	margin-left: -1px;
	padding-right: 0;
	padding-left: 10px;
	background-image:url(images/bg_borderVertical.gif);
	background-position: top left;
	background-repeat: repeat-y;	
}

.Right a {
	border-bottom: 1px solid #0084C2;
	font-weight: bold;
}

.Right a img.icon {
	margin: 0;
	padding: 0 6px 0 0;
}

.horizontalSpacer {
	background-image: url(images/bg_horizontal.gif);
	background-repeat: repeat-x;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 5px 13px 5px 0;
	padding: 0;
	width: 48%;
	float: left;
}

#pageContainer {
	width: 100%; 
	margin: 0 auto;
	padding: 0;			
}

/* Kommentarbeginn, MAC IE sieht Ende des Kommentars nicht wegen Backslash und interpretiert folgenden Code als Kommentar
\*/
#pageContainer {
	width: 100%;  
	text-align:left; 
	margin: 0;
	padding: 0;			
}
/* Zweites Kommentar,MAC IE sieht hier das Ende des Kommentars
*/

/*]]*/