/**********************************************************************************/
/*																				  */
/*          Copyright 2006, SWM Services GmbH, S-IP-AN-BE Webteam      	  		  */
/*																				  */
/**********************************************************************************/

/* Für die Barrierefreiheit, wird von normalen Browsern ausgeblendet */
span.hidden{ 
	position:absolute;
 	left:-1000px;
 	top:-1000px;
 	width:0;
 	height:0;
 	overflow:hidden;
 	display:inline;
}

h2.hidden,
h6.hidden
{
	position:absolute;
 	left:-1000px;
 	top:-1000px;
 	width:0;
 	height:0;
 	overflow:hidden;
 	display:inline;
}
/* -------------------------------*/



img{ /* Damit keine Ränder um Bilder gezeichnet werden */
	border:0px none;
}

/* Erweiterung des Head für große Monitore */
div#headextension{
	position:absolute;
	left:0px; 		
	right:0px;				/* Streckung für Firefox/Alternativen*/
	top:0px;				/*head + horizontalmenue height */
	width:100%;				/* Streckung für IE */
	background-color:#002970;
	height:104px; 			/*head + horizontalmenue height */
}

div#breadgrumbextension{
	position:absolute;
	left:0px;
	right:0px; 			/* Streckung für Firefox/Alternativen*/
	top:104px;			/*head + horizontalmenue hight */
	width:100%; 		/* Streckung für IE */
	background-color:#D7D7D7;
	height:28px; 
	padding-top:2px; 	/* wie im breadcrumb */
}

/* ---------------------------------------------------- */


/* start eigentliches design ----------------------*/ 
body, html, div#main{	
		min-height:100%; /*funktioniert nur bei modernen Browsern, IE5-6 siehe seperates Stylesheet*/
}

body{
	font-family:Arial, Verdana, Helvetica, Tahoma, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-Serif, Serif;
/*	font-size:12pt; */
	font-size:1em;
	padding:0;
	margin:0;
	height:100%;
}

ul li  {
	list-style-image:url('/docroot/swm/images/aufzaehlung.gif');
}

ul {
	padding-left:0;
	margin-left:15px;
	margin-bottom:0;
	padding-bottom:0;
}

div#main{ /* umschließt alle relativ positionierten div-tags */
	position:absolute;
	left:0;
	top:0;
	width:1000px;
	margin:0;
	padding:0;

}

div#head{	
	height:79px;
	width:100%;
}



/* --------------------- Breadcrumb ------------------------------*/
div#breadcrumb{
	clear:both;
	height:28px;
	padding-top:27px;
	background-color:#D7D7D7;
	color:#002970;
	
}


div#breadcrumbtext{
	margin:3px;
/*	font-size:8pt; */
	font-weight:normal;
	font-size:0.7em;
	margin-left:200px;
}

div#breadcrumbtext a{
	color:#002970;
/*	font-size:8pt; */
/*	font-size:0.7em; */
	font-weight:normal;
	text-decoration:underline;
}

div#breadcrumbtext a:link{}
div#breadcrumbtext a:visited{}
div#breadcrumbtext a:hover{
	text-decoration:none;
}
div#breadcrumbtext a:active{
	text-decoration:none;
}


/*--------------------------------------------------*/



/* vervollständigt den head, da menü sich über head geschoben hat */
div#blue4menue{
	position:absolute;
	left:0;
	top:0;
	width:200px;
	height:104px;
	background-color:#002970;

}

/* -------------------------------------------------------------- */



/* ---------------Info-Box Leiste rechts----------------------------*/

div#rightcontent{
	float:right;
	width:180px;
}




/* ------------hier beginnt das boxdesign-------------- */
div.rightinfobox{
	padding: 5px 0 5px 0;
	width:178px;
	
}

div.rightinfoboxtop{
	height:15px;
	width:178px;
/*	font-size:8pt;  */
	font-size:0.7em;
	font-weight:bold;
	background-image: url('/docroot/swm/images/design/fensteroben.jpg');
	background-repeat:no-repeat;
	color:#ffffff;
	padding-left:10px;
}




div.rightinfoboxbottom{
	background-image: url('/docroot/swm/images/design/fensterunten.jpg');
	background-repeat :no-repeat;
	height:9px;
	
	width:100%
}



div.rightinfoboxcontent{
	background-color:#D9DAFF;

	width:177px;
	padding:0;
	margin:0;
}

div.rightinfoboxcontent p{
	color:#000000;
	padding:0;
	margin:0;
	padding-left:15px;
/*	font-size:8pt; */
	font-size:0.7em;
	
}

div.rightinfoboxcontent a,
span.linkoben a
{
	text-decoration:none;
	font-size:0.9em;
	color:#002970;
}


div.rightinfoboxcontent a:link
{

}

div.rightinfoboxcontent a:visited
{

}

div.rightinfoboxcontent a:hover{
	text-decoration:underline;
}

div.rightinfoboxcontent a:active{
	text-decoration:underline;
}



/* ---------------Ende der Box------------------------------*/
/* -----------------------------------------------------------*/

/* der Content --------------------------------*/
div#content{
	z-index:100;
	clear:both;
	width:1000px;
	margin-bottom:0;
} 

div.contents{
	float:left;
	margin:0;
	width:573px;
	margin-left:27px;
	padding-bottom:90px;
}

div.contents table{
	font-size:1em;
}

div.contentimages{
	float:left;
	width:157px;
	padding:0;
	margin:0;
	text-align:center;
}

div.leftImageContent {
	margin-bottom:24px;
}
div.leftImageContent h2 {
	margin-bottom:10px;
}


div.leftImageContent {
	clear:both;
	height:100%;
	width:100%;
}

div.leftImageContent {
	font-size:12px;
}

div.contentimages img{
	padding-top:10px;
	margin-bottom:10px;
/*	font-size:10pt; */
	font-size:0.9em;
	font-weight:normal;
}


div.contenttext,
div#suche
{
	float:left;
	width:410px;
	padding-right:6px;
	/*padding-left steht in den Browserspezifischen .css-Dateien*/
}

div#suche,
div.contents {
/*	font-size:10pt; */
	font-size:0.9em;
}

div#suche {
	float:left;
	padding-left:25px;
	padding-top:26px;
	padding-bottom:90px;
	font-size:0.8em;
}


div.contenttext a,
div.contents a,
div#suche a
{ 
	 color:#002973;
	 text-decoration:underline;
/*	 font-size:10pt; */
	font-size:1em;

	 font-weight:bold;
}

/*span.linkmitpfeilrechts,
span.linkmitpfeilrechts a,
span.linkmitpfeilrechts b,
a span.linkmitpfeilrechts,
a span.linkmitpfeilrechts b {
	font-size:0.9em;
	text-decoration:underline;
}*/

div.contenttext a:link,
span.linkmitpfeilrechts a:link
{ }

div.contenttext a:visited,
span.linkmitpfeilrechts a:visited
{ }

div.contenttext a:hover,
span.linkmitpfeilrechts a:hover
/*a:hover span.linkmitpfeilrechts,
a:hover span.linkmitpfeilrechts b*/
{ text-decoration:none;} 

div.contenttext a:active,
span.linkmitpfeilrechts a:active
{text-decoration:none;}

div.contents h1 {
/*	font-size:12pt; */
	font-size:1.1em;
	font-weight:bold;
	color:#002970;
	padding-top:0px;
}

div.contents h1.withLeftImage {
	padding-left:157px;
}

div.contents div.contenttext h2 {
	padding-left:1px;
}

div.contenttext h2, div.contents h2,
div.contenttext h2 a, div.contents h2 a {
	
/*	font-size:10pt; */
	font-size:1em;
	font-weight:bold;
	color:#000000;
}

div#contenticons{
	padding: 10px 0 10px 20px;
	text-align:left;

}

div#contenticons a{
	text-decoration:none;
	border:0px none;
}	



/* ----- Footer-----------------------------------------------   */
div#footer{
	clear:both;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	font-size:0.7em;
}

div#footerleftMainPage {
	text-align:center;
	float:left;
	width:350px;
	color:#002970;
	font-size:8pt;
}

div#footerleft{
	text-align:center;
	float:left;
	width:200px;
	height:55px;	
	color:#002970;
	font-size:8pt;
}

div#footerleftMainPage a {
	color:#002970;
	font-size:8pt;
	text-decoration:none;
}

div#footercenter a {
	color:#002970;
	font-size:8pt;
	text-decoration:none;
}

div#footerright{
	float:right;
	padding:3px;
	width:180px;
	height:55px;
}

div#footercenter{
	color:#002970;
	padding:3px;
	text-align:center;
}

/* ------------Ende Footer --------------------------------------*/



/* Diese Div's werden über die Grundstruktur gelegt */

div#logo{
   	position:absolute;
	top:14px;
	left:14px;
 	height:51px;
 	width:129px;
/*   	background-image: url('/docroot/swm/images/design/logo.jpg');
   	background-repeat: none;*/
   	border:0px none;
   	z-index:99
}

div#logo a{ 
	text-decoration:none;
	border:0px none;
}
    
/*----------------------- Hilfsnavigation -----------------*/

div#helpnavigationright{
	z-index:101;
	position:absolute;
	top:3px;
	left:600px;
	width:440px;
	text-align:right;
}


div#helpnavigationright  a{
	margin-left:5px;
	font-size:12px;
	color:#ffffff;
	text-decoration:underline;
}
div#helpnavigationright a:link{	

}
div#helpnavigationright  a:visited{

}
div#helpnavigationright  a:hover{
	text-decoration:none;
}
div#helpnavigationright  a:active{
	text-decoration:none;
}

/*------------- Suche -----------------------*/

div input.suchfeld {
	width:150px;
}


div#searchbar{
	z-index:100;
	font-size:0.8em;
	position:absolute;
	width:248px;
	top: 31px;
	left:300px;
	color:#FFFFFF;
	text-align:right;
}

div#searchbar a{text-decoration:none; color:#ffffff}
div#searchbar a:link{}
div#searchbar a:visited{}
div#searchbar a:hover{text-decoration:underline;}
div#searchbar a:active{text-decoration:underline;}

/*span.linkmitpfeilrechts,
span.linkmitpfeilrechts a,
span.linkmitpfeilrechts b,
a span.linkmitpfeilrechts,
a span.linkmitpfeilrechts b
{*/
/*	font-size:1em;
	font-weight:normal; 
	text-decoration:none;
	color:#002973;*/
/*	color:red; */
/* }*/


/* Formatierung für Sitemap */
div.contents ul.level1 li {
	font-size:16pt;
	font-weight:bold;
	margin-top:1em;
}

div.contents ul.level2 li,
div.contents ul.level3 li,
div.contents ul.level4 li,
div.contents ul.level5 li {
	font-size:11pt;
	margin-top:0;
}

/* --- Ende Div's über Grundstruktur --- */
/*************************************
* 
* Webformular mit div-tags
*
**************************************/

div.formularborder{ /*geht um ein formular*/
	clear:none;
	display:block;
	width:100%;
}

div.formularrow{ /* umschließt eine Zeile */
	width:100%; 
}

div.formularrowleft, 
div.formularrowlefterror,
div.formularrowleftbutton{ /* Linkes Formularfeld*/
	float:left; 
	display:block;
	width:40%;
	padding-bottom:3px;	
}

div.formularrowleftsmall,
div.formularrowleftsmallerror{
	float:left; 
	display:block;
	width:8%;
	padding-bottom:3px;	
} 

div.formularrowlefterror{ /* Bei einer Falschen eingabe*/
	color:red;
}

div.error{ /* Bei einer Falschen eingabe*/
	width:93%;
	color:red;
	margin:5px 0 10px 0;
	border:1px solid red;
	padding:5px;
	background:rgb(255,240,240);
}

div.formularrowright,
div.formularrowrighterror,
div.formularrowrightbutton{ /* rechtes Formularfeld*/
	float:left;
	display:block;
	width:60%;
	padding-bottom:3px;	
}

div.formularrowrightbig,
div.formularrowrightbigerror
{ /* rechtes Formularfeld*/
	float:left;
	display:block;
	width:92%;
	padding-bottom:3px;	
}

input.textBox{ /* Rahmen einer Textbox*/
	border:rgb(217,205,191) solid 1px;
}

input.textBoxError{ /* Textbox bei falscher/fehlender Eingabe*/
	border:red solid 1px;
}

textarea.textBoxError{ /* Textbox bei falscher/fehlender Eingabe*/
	border:red solid 1px;
}

select.textBoxError{ /* Textbox bei falscher/fehlender Eingabe*/
	border:red solid 1px;
}

option.textBoxError{ /* Textbox bei falscher/fehlender Eingabe*/
	color:red;
}


#errorText {
	color:red;
}

input.button,
input.buttonRight{ /* Senden-Button */
	width:80px;
	border:1px outset;
}

input.buttonRight{
	display:inline;
	float:right;
	margin-right:180px;
}


/*speziell für die Infobox*/

div.formularborderinfobox{ /*umschließt das Formular*/
	padding-left:15px;
	padding-right:15px;
	font-size:0.7em;
}

div.formularrowinfobox{ /*Zeile in der Infobox */
	width:100%;
	padding-top:5px;
}

.nobreak {
	white-space:nowrap;
}

div.leftImageContent div.contenttext table {
	font-family:Arial, Verdana, Helvetica, Tahoma, Sans-Serif, Serif;
	font-size:12px;
}

.baederKursAusgebucht {
	color:red;
}

.whiteText {
	color:white;
}

.footerPlaceholder{
	padding-bottom:45px;
}

/* Layout der Formulareingabefelder (Größe) */

input.formularLayoutSingleInputField {
	width: 215px;
}
input.formularLayoutDoubleInputFieldBig {
	width: 152px;
}
input.formularLayoutDoubleInputFieldSmall {
	width: 41px;
}
textarea.formularLayoutSingleTextArea {
	width: 214px;
	height: 65px;
}

div.contenttextFormular {
	width: 580px;
}






/* -------- horizontales Menü -------*/
div#horizontalmenue{
	z-index:105;
	position:absolute;
	top:79px;
	left:0px;	
	background-color:#002970;
	height:25px;
	width:1000px;
}

div#horizontalmenueleft{
	z-index:105;
	position:absolute;
	top:79px;
	left:0px;
	background-image: url('/docroot/swm/images/design/reiter-links.gif');
   	background-repeat: no-repeat;
   	width:200px;
   	height:22px
}

div#horizontalmenueright{
	position:absolute;
	top:0px;
	left:810px;
	
	z-index:105;
	background-image: url('/docroot/swm/images/design/reiter-rechts.gif');
   	background-repeat: no-repeat;
   	width:190px;
   	height:25px
}

div#horizontalmenuecenter{
	margin-left:200px;
	
}
/*hier beginnen die Menüpunkte */
div#horizontalmenuecenter ul.level1 {
	list-style:none;
	padding:0;
	margin:0;
	background-color:red;
}

div#horizontalmenuecenter ul.level1 li.activeleaf,
div#horizontalmenuecenter ul.level1 li.activeopen,
div#horizontalmenuecenter ul.level1 li.leaftrail,
div#horizontalmenuecenter ul.level1 li.open {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
	

}
div#horizontalmenuecenter ul.level1 li.activeleaf a,
div#horizontalmenuecenter ul.level1 li.activeopen a,
div#horizontalmenuecenter ul.level1 li.leaftrail a,
div#horizontalmenuecenter ul.level1 li.open a{
	display:inline;   	/* Damit die Größenangaben im Firefox wirken */
	float:left;			/* Anordnung der Buttons nebeneinander */
	width:122px;
	height:25px;
	font-size:10pt;
	font-weight: bold;
	color:#002970;
	text-align:center;
	text-decoration:none;
	background-image: url('/docroot/swm/images/design/reiter-on.gif');
    background-repeat:no-repeat;
}


div#horizontalmenuecenter ul.level1 li.leaf {
	list-style:none;
	float:left;
	padding:0;
	margin:0;

}

div#horizontalmenuecenter ul.level1 li.leaf a{
	display:inline;
	float:left;
	height:25px;
	width:122px;
	color:#002970;
	text-align:center;
	text-decoration:none;
	font-size:10pt;
	font-weight: bold;
}

div#horizontalmenuecenter ul.level1 li.leaf a:link{
	background-image: url('/docroot/swm/images/design/reiter-out.gif');
	background-repeat:no-repeat
}

div#horizontalmenuecenter ul.level1 li.leaf a:visited{
	background-image: url('/docroot/swm/images/design/reiter-out.gif');
	background-repeat:no-repeat
}

div#horizontalmenuecenter ul.level1 li.leaf a:hover{
	background-image: url('/docroot/swm/images/design/reiter-over.gif');
	background-repeat:no-repeat
}
div#horizontalmenuecenter ul.level1 li.leaf a:active{
	background-image: url('/docroot/swm/images/design/reiter-over.gif');
	background-repeat:no-repeat

}

div#horizontalmenueicons{
	z-index:106;
	position:absolute;
	left:900px;
	top:2px;
	width:100px;
	text-align:right;
}

div#horizontalmenueicons a{
	text-decoration:none;
	border:0px none;
}

div#horizontalmenueextension{ 
	z-index:0;
	position:absolute;
	top:79px;
	left:0px;
	right:0px;
	width:100%;
	height:25px;
	background-image:url('/docroot/swm/images/design/reiter-rechtsextension.gif');
	background-repeat:repeat-x ;
	
}






/*************************nur für die Startseite *********************************************************************/
div.defaultleft{
	float:left;
	width:350px;
	padding: 0 0 0 0;
	margin-bottom:50px;
	/*border-right: dotted 1px #002970;*/
	background-image:url('/docroot/swm/images/startseite-dotted.jpg');
	background-repeat: repeat-y;
}

div.defaultleft div.contentBildLinks{
	margin: 7px 15px 7px 6px; 
	border-bottom: solid 1px #002970;
}

div.defaultleft div div.startseiteBildLinks {

	float:left;
	height:100%;
	border: none;
	padding-right:0px;
	margin-right:0px;
}



div.defaultleft div p{
	font-size:13px; 
	margin:5px 0 9px 0;
	padding:0 0 0 155px;
	
}

div.defaultleft div a{
	 color:#002973; 
	 text-decoration:underline;
	font-size:13px;
 font-weight:bold;
}

div.defaultleft div a:hover,
div.defaultleft div a:active{
	text-decoration:none;
}


div.defaultleft div b,
div.defaultleft div b a,
div.defaultleft div b a:hover,
div.defaultleft div b a:active,
div.defaultleft div b a:link
{
	text-decoration:none;
}

div.defaultleft div b.startseiteTitle a {
	color:black;
	 font-weight:bold;
}


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


div.defaultright{
	padding: 20px 10px 0 370px;
	
}

div.defaultright img
{
	float:right;
	padding:0;
	margin:0;
}

div.defaultright div.links {
	/*float:left;*/
}
div.defaultright div.rechts {
	float:left;
	padding-top:6px;
	padding-left:30px;
}

div.defaultright b{ /* Wäre eigentlich h1 geworden, IE versteht es aber nicht*/
	color:#002970;
	padding-top:10px;
	text-decoration:underline;
	font-size:13px;

	
}

div.defaultright ul{
	margin:10px 0 0 0px;
	padding-left:17px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	color:#002970;
}
div.defaultright ul li{ /*Siehe Browserspezifische Dateien*/
	
	padding-bottom:6px;
	list-style-image:url('/docroot/swm/images/design/default-pfeile.gif');
}
div.defaultright ul a{
	color:#002970;
	text-decoration:none;
}

div.defaultright ul a:hover,
div.defaultright ul a:active{
	text-decoration:underline;
}

div.rightfoot{
	clear:right;
	padding:90px 0 0 0 ;
	width:600px;
}
div.rightfoot div.rightfoot-box{
	display:inline;
	float:left;
	padding:0 0 50px 0;
	margin:0;
	width:25%;
}
div.rightfoot div.rightfoot-box div.rightfootimg{
	padding:0 0 1px 30px;
	width:100%;
	border-bottom:1px solid #002970;

}
div.rightfoot div.rightfoot-box div.rightfootimg img{
	float:none;
	margin:0;

}
div.rightfoot div.rightfoot-box p.head{
	padding:8px 0 0 30px;
	margin:0;
	font-weight:bold;
	font-size:13px;
	 width:100%;
}
div.rightfoot div.rightfoot-box p{
	padding:0 0 0 30px;
	margin:0;
	font-size:13px;
	width:100%;
}

div.rightfoot div.rightfoot-box p.head a,
div.rightfoot div.rightfoot-box p a  {
	text-decoration:none;
	color:black;
}







/************************* issLoginFormStartseite ********************************/


div.issLoginFormStartseite{

	width:100%;
	height:100%;
	border: 0px;
	background-color:#002970;
	color:white;
	font-size: 12px;
}


div.issLoginFormStartseite table.issLoginFormTable{

	border: 0px;
}

div.issLoginFormStartseite table.issLoginFormTable td{

	padding: 2px;
	color:white;
	font-size: 12px;
}


div.issLoginFormStartseite form.issLoginFormForm{

	float:right;
}


div.issLoginFormStartseite a.issLoginTitle{

	font-weight:bold;
	color:white;
}


div.issLoginFormStartseite .issLoginFormInputText{

	width:125px;
}


div.issLoginFormStartseite a.issLoginLink{

	font-weight:normal;
	color:white;
}

div.issLoginFormStartseite a.issLoginTitle:link,
div.issLoginFormStartseite a.issLoginTitle:visited,
div.issLoginFormStartseite a.issLoginTitle:active,
div.issLoginFormStartseite a.issLoginLink:link,
div.issLoginFormStartseite a.issLoginLink:visited,
div.issLoginFormStartseite a.issLoginLink:active{

	text-decoration:none;
}

div.issLoginFormStartseite a.issLoginTitle:hover,
div.issLoginFormStartseite a.issLoginLink:hover{

	text-decoration:underline;
}


/************************* issLoginFormContent ***********************************/


div.issLoginFormContent{

	width:100%;
	heigth:100%;
	border: 0px;
	background-color:#002970;
	color:white;
	font-size: 12px;
}


div.issLoginFormContent table.issLoginFormTable{

	border: 0px;
}

div.issLoginFormContent table.issLoginFormTable td{

	padding: 2px;
	color:white;
	font-size: 12px;
}

.loginRow,
.loginHeading {
	height:23px;
}

.loginHeading {
	white-space:nowrap;
	vertical-align:top;
}

div.issLoginFormContent form.issLoginFormForm{

	float:right;
}


div.issLoginFormContent a.issLoginTitle{

	font-weight:bold;
	color:white;
}


div.issLoginFormContent .issLoginFormInputText{

	width:125px;
}


div.issLoginFormContent a.issLoginLink{

	font-weight:normal;
	color:white;
}

div.issLoginFormContent a.issLoginTitle:link,
div.issLoginFormContent a.issLoginTitle:visited,
div.issLoginFormContent a.issLoginTitle:active,
div.issLoginFormContent a.issLoginLink:link,
div.issLoginFormContent a.issLoginLink:visited,
div.issLoginFormContent a.issLoginLink:active{

	text-decoration:none;
}

div.issLoginContent a.issLoginTitle:hover,
div.issLoginContent a.issLoginLink:hover{

	text-decoration:underline;
}


.issLoginFormLabel {
	display:block;
	line-height:14px;
	padding-left:35px;
}
.issLoginFormDescription {
	display:block;
	line-height:10px;
	font-size:10px;
	padding-left:35px;
}








.tooltipISSLogin {
	position: absolute;
	display: none;
	font-size: 11px;	
	background-color: #d7d7d7;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 3px;
	width: 250px;
	-moz-opacity: 0.9;
	filter: alpha(Opacity=90);
}