/* Layout independent adjustments | Layout-unabhängige Anpassungen  */  
@import url(iehacks.css);

input[type=text], input[type=password]
{
	font-size: 11px; 
	font-family: Verdana,Arial,sans-serif; 
}
.disabled {
  color: #8C1A1D;
}
.title { 
	font-size: 18px;  
	color: #93080D; 
	font-weight: bold;  
	line-height:100%;
}


.title2 { 
	font-size: 14px;  
	color: #93080D; 
	font-weight: bold;  
	line-height:130%;
}


.subtitle { 
	font-size: 11px;  
	color: #000000; 
	font-weight: bold;  
	line-height:130%;
}

.text { 
	font-size:11px; 
	line-height:130%;
	color:#474747; 
}


.textcontent { 
	font-size:11px; 
	line-height:130%;
	color:#474747; 
}

sup {
	font-size: 0.8em;
}

/** Sitemap **/
a.navsitemapL1, a.navsitemapL2, a.navsitemapL3 {		
    display: block;
    color: #FFFFFF;
    font-size:11px;
    width: 687px;
    height: 18px;       
    padding-left: 8px;
    line-height: 150%;
}

a.navsitemapL1:hover,  a.navsitemapL2:hover, a.navsitemapL3:hover {
    color: #93080D; 
    background-color: #FFFFFF; 
}

a.navsitemapL2, a.navsitemapL3 {
    color: #474747;
    width: 677px;
    padding-left: 18px;
}

a.navsitemapL3 {
	width: 667px;
    padding-left: 28px;
}


div.sitemapL1
{
	background-color:#93080D;
	margin-bottom:1px;
}

div.sitemapL2
{
	background-color:#CAD2DA;
	margin-bottom:1px;
}

div.sitemapL3
{
	background-color:#E0E5EB;
	margin-bottom:1px;
}
/** Ende Sitemap **/

a.navtextcontent {	
        text-decoration: none;
        font-size: 11px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:150%;
}


 a.navtextcontent:hover {
        border-style: none;
        border-width: 0px;
        
        color: #787B80; 
        line-height:150%;
}


a.navtextcontenttable 
{
		display: block;
        width: 100%;
        height: 18px;
        text-decoration: none;
        font-size: 11px;
        color: #FFFFFF;
        border-style: none;
        border-width: 0px;
        line-height:150%;
}


 a.navtextcontenttable:hover {
        display: block;
        width: 100%;
        height: 18px;
        border-style: none;
        border-width: 0px;
        color: #FFFFFF; 
        background-color: #8C1A1D; 
        line-height:150%;
}

.textcontentsmall { 
	font-size:9px; 
	line-height:180%;
	color:#474747; 
}


.textcontentsmall2 { 
	font-size:9px; 
	line-height:150%;
	color:#474747; 
}


.texttitlesmall { 
	font-size:9px; 
	color:#000000; 
    font-weight: bold; 
}

.textbold { 
	font-size:11px; 
	line-height:140%;
	color:#474747; 
    font-weight: bold;  
}


.treetext {		
        text-decoration: none;
        font-size: 10px; 
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:130%; 
}


.textsmall { 
	font-size:9px; 
	line-height:120%; 
	color:#787B80; 
}


a.textsmallnav1 {	
        text-decoration: none;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:180%;
}


a.textsmallnav1:hover {
        border-style: none;
        border-width: 0px;
        
        color: #474747; 
        background-color: #CAD2DA; 
        line-height:180%;
}


a.textsmallnav2 {	
        text-decoration: none;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:130%;
        font-weight: bold;  
}


a.textsmallnav2:hover {
        border-style: none;
        border-width: 0px;
        
        color: #474747; 
        background-color: #D0E3F7; 
        line-height:130%;
        font-weight: bold;  
}


a.textsmallnav3 {	
        text-decoration: none;
        font-size: 9px;
        color: #FFFFFF;
        border-style: none;
        border-width: 0px;
        line-height:180%;
        font-weight: bold;  
}


a.textsmallnav3:hover {
        border-style: none;
        border-width: 0px;
        
        color: #CAD2DA; 
        background-color: #8C1A1D; 
        line-height:180%;
        font-weight: bold;  
}

a.textsmallnavA {	
        text-decoration: none;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;        
        line-height:180%;
}


a.textsmallnavA:hover {
        border-style: none;
        border-width: 0px;
        
        color: #474747; 
        background-color: #FE0202; 
        line-height:180%;
}


a.textsmallnavA1 {	
        text-decoration: none;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:180%;
        font-weight: bold;  
}


a.textsmallnavA1:hover {
        border-style: none;
        border-width: 0px;
        
        color: #FFFFFF; 
        background-color: #FE0202; 
        line-height:180%;
        font-weight: bold;  
}


a.textsmallnavB {	
        text-decoration: none;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:180%;
}


a.textsmallnavB:hover {
        border-style: none;
        border-width: 0px;
        
        color: #474747; 
        background-color: #F67E02; 
        line-height:180%;
}

a.textsmallnavB1 {	
        text-decoration: none;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:180%;
        font-weight: bold;  
}


a.textsmallnavB1:hover {
        border-style: none;
        border-width: 0px;
        
        color: #FFFFFF; 
        background-color: #F67E02; 
        line-height:180%;
        font-weight: bold;  
}


a.textsmallnavC {	
        text-decoration: none;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:180%;
}


a.textsmallnavC:hover {
        border-style: none;
        border-width: 0px;
        
        color: #474747; 
        background-color: #F2BE4A; 
        line-height:180%;
}

a.textsmallnavC1 {	
        text-decoration: none;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:180%;
        font-weight: bold;  
}


a.textsmallnavC1:hover {
        font-family:Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #FFFFFF; 
        background-color: #F2BE4A; 
        line-height:180%;
        font-weight: bold;  
}


a.textsmallnavD {	
        text-decoration: none;
        font-family: Verdana,Arial,sans-serif;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:180%;
}


a.textsmallnavD:hover {
        font-family:Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #474747; 
        background-color: #FAE27E; 
        line-height:180%;
}

a.textsmallnavD1 {	
        text-decoration: none;
        font-family: Verdana,Arial,sans-serif;
        font-size: 9px;
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:180%;
        font-weight: bold;  
}


a.textsmallnavD1:hover {
        font-family:Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #FFFFFF; 
        background-color: #FAE27E; 
        line-height:180%;
        font-weight: bold;  
}


a.nav0 {	
        display: block;
       /* width: 130px;
        height: 18px;*/
        text-decoration: none;
        color: #474747;
        border-style: none;
        border-width: 0px;
}


 a.nav0:hover {
        border-style: none;
        border-width: 0px;
        
        color: #860000; 
        background-color: #FFFFFF;
}


a.nav {		
        /*display: block;*/
       /* width: 165px;
        height: 18px;*/
        text-decoration: none;
        font-size: 11px;        
        color: #474747;
        border-style: none;
        border-width: 0px;
}

a.navActive {		
        display: block;
       /* width: 165px;
        height: 18px;*/
        text-decoration: none;
        font-size: 11px;        
        color: #860000;
        border-style: none;
        border-width: 0px;
}


 a.nav:hover {
        border-style: none;
        border-width: 0px;
        color: #860000; 
        background-color: #FFFFFF; 
}


a.nav:active {
        /*display: block;*/
       /* width: 165px;
        height: 18px;*/
        text-decoration: none;
        font-size: 11px;
        color: #474747;
        border-style: none;
        border-width: 0px;
}


a.nav1 {		
        text-decoration: none;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #ffffff;
}


 a.nav1:hover {
        text-decoration: none;
        font-family:Verdana, Arial, sans-serif;
        color: #474747; 
}


a.nav2 {		
        text-decoration: none;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #ffffff;
        line-height:150%;
}


 a.nav2:hover {
        text-decoration: none;
        font-family:Verdana, Arial, sans-serif;
        color: #474747; 
        line-height:150%;
}


a.treelink {		
        text-decoration: none;
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px; 
        color: #474747;
        border-style: none;
        border-width: 0px;
        line-height:130%; 
        
}
		

 a.treelink:hover {
        font-family:Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #8C1A1D;
        line-height:130%; 
}

a.menulinkActive {	
	text-decoration: none;
    color: #93080D;
    border-style: none;
    border-width: 0px;
}

a.menulink {		
        font-size: 11px; 
        color: #474747;
}
		

 a.menulink:hover {
        font-family:Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #8C1A1D;
        line-height:130%; 
}

a.glossarlink {		
        text-decoration: none;
        background: url(../pics/underline_red.gif) repeat-x 100% 100%;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px; 
        color: #8C1A1D;
        border-style: none;
        border-width: 0px;
        line-height:130%; 
}

a.glossarlink_glossar {		
        text-decoration: none;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px; 
        color: #8C1A1D;
        border-style: none;
        border-width: 0px;
        line-height:130%; 
}
		

 a.glossarlink:hover {
        font-family:Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #8C1A1D;
        line-height:130%; 
}

.kategorie {		
        text-decoration: none;
        font-family: Verdana,Arial,sans-serif;
        font-size: 11px;
        color: #7F7F7F;
        border-style: none;
        line-height:130%; 
}


a.link_kategorie {		
        text-decoration: none;
        font-family: Verdana,Arial,sans-serif;
        font-size: 11px;
        color: #7F7F7F;
        border-style: none;
        line-height:130%; 
}


a.link_kategorie:hover {
        font-family: Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #93080D;
        border-style: none;
        line-height:130%; 
}

.footer { 
	font-family:Verdana, Arial, sans-serif; 
	font-size:9px; 
	line-height:120%; 
	color:#787B80; 
    border-style: none;
}

 a.linkfooter { 
	font-size:9px; 
	color:#787B80; 
    border-style: none;
    text-decoration: none;
}


 a.linkfooter:hover {
        font-family: Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #8C1A1D;
        text-decoration: none;
       line-height:120%; 
}


 a.pageup { 
	font-family:Verdana, Arial, sans-serif; 
	font-size:10px; 
	line-height:120%; 
	color:#474747; 
    border-style: none;
    text-decoration: none;
}


 a.pageup:hover {
        font-family: Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #8C1A1D;
        text-decoration: none;
}

a.textLink
{
        font-family: Verdana,Arial,sans-serif;
        border-style: none;
        border-width: 0px;
        
        color: #860000;
        border-style: none;
}


.opacityActive {
   	background-color: #FFFFFF;
   	color: #860000;
}

td.opacity {
   	background-color: #FFFFFF;
   	opacity:.85;
	filter: alpha(opacity=85);
	-khtml-opacity: .85;
	-moz-opacity: 0.85;

}


td.opacity2 {
   	background-color: #717886;
   	opacity:.80;
	filter: alpha(opacity=80);
	-khtml-opacity: .80;
	-moz-opacity: 0.80;

}


td.opacity3 {
   	background-color: #8C1A1D;
   	opacity:.70;
	filter: alpha(opacity=70);
	-khtml-opacity: .70;
	-moz-opacity: 0.70;

}
a { color: #474747; text-decoration:none; }
a:hover { color: #8C1A1D; text-decoration:none; }

/**
.a { 
	margin-left:9px; margin-right:18px; margin-top:5px; margin-bottom:9px; 
}

.a2 { 
	margin-left:9px; margin-right:18px; margin-top:0px; margin-bottom:0px; 
}


.a3 { 
	margin-left:9px; margin-right:9px; margin-top:2px; line-height:140%; margin-bottom:0px; 
}


.a4 { 
	margin-left:9px; margin-right:9px; margin-top:0px; line-height:140%; margin-bottom:40px; 
}

.b { 
	margin-left:9px; 
}


.b2 { 
	margin-left:9px; margin-top:5px;
}


.c { 
	margin-left:6px; margin-right:0px; margin-top:0px; margin-bottom:0px;
}


.d { 
	margin-top:2px; 
}


.e { 
	margin-top:8px; margin-left:10px; 
}

.f { 
	margin-left:10px; 
}
**/

.textsblack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #000000}

select {
	font-family:Verdana,Arial,sans-serif; 
	font-size:11px; 
	color:#000000; 
}
 
.msgError {
  color: #8c1a1d;
  font-weight: bold; 
}
.msgSuccess {
  color: green;
  font-weight: bold; 
}

td.logoPlace 
{
	height:64px; 
	width:122px; 
	/**border:solid 1px grey;**/
	text-align: center;
	vertical-align: middle;	
}


body 
{	
	font-family:Verdana,Arial,sans-serif; 
	font-size:11px; 
	line-height:130%;
	color:#474747; 	
	margin-top: 0px;
	padding-top: 0px;
	background-color: #E2E2E2;
	
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #ABABAB; 
	scrollbar-darkshadow-color: #ABABAB; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #ABABAB;
	overflow: -moz-scrollbars-vertical;	
} 

#page_margins 
{	
	width: 905px;
	margin-left: auto;
	margin-right: auto;
}  

#page 
{	
	width: 100%;
}

#header 
{
	height: 83px;
	background-color: #ffffff;
	background-image: url(../pics/logo_svsp.gif);
	background-position: 77px 0px;
	background-repeat: no-repeat;
	clear:both;
	text-align:center;
	font-size: 14px;  
	color: red; 
	font-weight: bold;  

	
}

#nav 
{
	position:relative;
	height: 188px;
	background-color: #FFFFFF;
	background-image: url(../pics/bg_image_1.jpg);
	background-repeat: no-repeat;
	clear:both;
	width:auto;
}

#topnav 
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 120px;
	height: 56px;
}
#languagenav 
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 17px;
}

/*
li.topnav_list 
{
	margin-top: 1px;
    padding: 0 0 0 0;
    list-style: none;
	background-color:Blue;
}
*/

#content 
{
	background-color: #FFFFFF;
	clear:both;
	width:auto;
	padding-bottom: 50px;
	margin-bottom: 10px;
}

#footer 
{
	height: 25px;
	clear:both;
	font-size:9px; 
	color:#787B80;
}


#breadcrumb {
    clear: both;
    width: auto;
    margin-left: 154px;
    margin-right: 36px;
	padding-top: 7px;
} 


#page_title {
    clear: both;
    width: auto;
    margin-top: 17px;
    margin-bottom: 18px;
    margin-left: 154px;
    margin-right: 36px;
}
#main {
/*    clear: both;*/
    width: auto;
}
/* für 1 Spaltiges Layout */
#column 
{
    width: 695px;
    margin-left: 154px;
    margin-right: 36px;
}


/* für 2 Spaltiges Layout */
#s2_col1 { float: left; width: 338px;  margin:0 }  
#s2_col2 { float: right; width: 329px; margin:0; }  
#s2_col3 { width: auto; margin-left:338px; margin-right:329px; }
#s2_col1_content { position:relative; }  /*padding: 0 10px 0 20px*/
#s2_col2_content { position:relative; }  /*padding: 0 20px 0 10px*/
#s2_col3_content { position:relative;}  /* padding: 0 10px*/

/* (en) Adjustment: sort #col3 behind float columns using z-index */
/* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */
#s2_col1 {z-index: 3}
#s2_col2 {z-index: 5}
#s2_col3 {z-index: 1}
#s2_col1_content {z-index: 4}
#s2_col2_content {z-index: 6}
#s2_col3_content {z-index: 2}

#s2_col1_content, #s2_col2_content, #s2_col3_content { position:relative }



#submenu {
	margin-left: 154px;
	margin-bottom: 30px;
}

/* für 3 Spaltiges Layout */
.s3_col1 { float: left; width: 120px;  margin:0; }  
.s3_col2 { float: right; width: 330px; margin:0;}  
.s3_col3 { width: auto; margin-left:130px; margin-right:340px; margin-bottom:0px; margin-left:0px; }
.s3_col1_content { position:relative; }  /*padding: 0 10px 0 20px*/
.s3_col2_content { position:relative; }  /*padding: 0 20px 0 10px*/
.s3_col3_content { position:relative;}  /* padding: 0 10px*/

/* (en) Adjustment: sort #col3 behind float columns using z-index */
/* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */
.s3_col1 {z-index: 3}
.s3_col2 {z-index: 5}
.s3_col3 {z-index: 1}
.s3_col1_content {z-index: 4}
.s3_col2_content {z-index: 6}
.s3_col3_content {z-index: 2}

.s3_col1_content, .s3_col2_content, .s3_col3_content { position:relative }

/* Placeholder Klassen für einzelne Seitenelemente */
.holder_title {
    position:relative;
    z-index:4;
    margin-bottom: 16px;
}
.holder_subtitle 
{
    position:relative;
    z-index:4;
    }
.holder_content {
    position:relative;
    z-index:4;
}
.holder_image_filename {
	margin-top:10px;
    position:relative;
    z-index:4;
}
.holder_image_filename_link {
	margin-top:15px;
    position:relative;
    z-index:4;
}
.holder_link_url {
    position:relative;
    z-index:4;
}

/************* divingline **************/
.divingline_1 
{
	margin-top: 30px;
}

.divingline_2 
{
	background-image: url(../pics/line.gif);
	background-repeat:repeat-x;
	margin-top: 10px;
}

.divingline_3 
{
	background-image: url(../pics/line.gif);
	background-repeat:repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
}

.divingline_4 
{   
	margin-top: 17px;
    margin-bottom: 18px;
}


/*Die Standart Einstellungen für Listen zurücksetzen */
ul, ol, dl {margin: 0 0 1em 1em;}
li {margin-left: 1.5em;}

ul { /*Abstand für die Listenpunkte und Breite der Liste*/
    padding-top: 0px;
    margin-top: 10px;
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    
    /*list-style-image: url(../pics/bulletpoint_list.gif);*/
    position: relative;
} 
li { /*Abstand zwischen Listenpunkt und Text vergrößern*/
    padding-left: 10px;
    margin-left:0px;
    padding-bottom: 8px; /*padding-bottom: 12px;*/
    position: relative;
    background: url(../pics/bulletpoint_list.gif) left 0.45em no-repeat;
}

.nav_image {
	border: 0px;
	width: 20px;
}

img 
{
	border-width:0px;	
}

/* (en) clearfix method for clearing floats */
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* (en) essential for Safari browser !! */
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block;}
* html .clearfix {height:1%}

/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
/* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none; }