* {
  font-size: 100%;
   margin: 0;
   padding: 0;
   font-family: Arial,Verdana,Helvetica,Times;
   font-size:12px;
   line-height:16px;
   color:#1C2059;   
   
}

body.general {
  top:0;
  left:0;
  margin:0;
  padding:0;
  background-color:#EBEBEB;
  background-image:url(img/bg_site.gif);
  background-repeat:repeat-y;
  position:relative;
}

body.cms {
  top:0;
  left:0;
  margin:0;
  padding:0;
  background-color:#ffffff;  
  position:relative;
}

#content {  
  width:600px;
  margin-top:20px;
  margin-left:10px;    
  float:left;
  white-space:no-wrap;
}

#contentprint {
  width:540px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  position:relative;
}

#contentareainner { 
  width:900px;
  float:left;

}



#contentareaouter {  
  background-image:url(img/bg_content.gif);
  background-repeat:repeat-y;
  position:absolute;
  top:173px;
  float:left; 
  width:100%;
  z-index:30;
}

#contentareaouterstart {  
  background-image:url(img/bg_content_start.gif);
  background-repeat:repeat-y;
  position:absolute;
  top:173px;
  float:left; 
  width:100%;
  z-index:30;
}

#footer {
 display:block;
 width:100%;
 float:left;
 background-image:url(img/bg_site.gif);
 background-repeat:repeat-y;
 border-top:solid 1px #ffffff;
}

#header {
  width:900px;    
  height:173px;
}

#headerprint {
	height:60px;
	border-bottom:
	solid 10px #164883;
}

#headerprintlogo {
	top:10px;
	left:50px;
	position:absolute;
}

#headersearchform {
	float:left;
	width:250px;
}

#headerhome {
	float:left;
}


#headersitemap {
	float:left;
}

#headercontact {
	float:left;
}

#mainnavi {  
  background-image:url(img/bg_mainnavi.gif);
  background-repeat:no-repeat;
  width:195px;
  float:left;
  margin-right:10px;
  white-space:no-wrap;
  position:relative;
  top:-60px;
  z-index:200;
}

#pagename {
  padding:0;
  margin:0;
  padding-top:15px;
  padding-left:60px;
  float:left;
}

#sidenavi {
  float:right;
  height:20px;
  padding-top:60px;
  margin-left:210px;
  width:360px;  
}

#site {
  width:100%;
  height:180px;
  background-image:url(img/bg_header.gif);
  background-repeat:repeat-x;
  z-index:10;
}

#sitestart {
  width:100%;
  height:180px;
  background-image:url(img/bg_header_start.gif);
  background-repeat:repeat-x;
  z-index:10;
}

#spinelogo {
  width:140;
  height:440px;  
  z-index:50;
  position:absolute;
  top:115px;
  left:840px;
}

#spinehome {
  height:335px;  
  z-index:50;
  width:200px;
  top:140px;
  position:absolute;
  left:628px;
}


#techbluebarprint {
	height:30px;
	border-top:solid 1px #ffffff;
	background-color:#BBCCD2;
}


br {  
  line-height:12px;
  margin:0px;
  padding:0px;    
  font-size:12px;
  height:12px;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; }


h2 {	
  color : #1C2059;	
  font-weight: bold;  
  display:block;
  padding:0px;
  margin:0px;
}

h3 {	
  color : #1C2059;	
  font-weight: bold;  
  padding:0px;
  margin:0px;  
  display:inline;
}


img.startimage {
	border:solid 1px #ffffff;
	border-right:0px;	
}

img.startgeneva {
	margin-top:20px;

}


a,a:link,a:visited,a:active,a:focus  {  
	color : #DC353B;
	text-decoration : none;                          
}

A:HOVER  {
	text-decoration : underline;
	}
	

a.header,a.header:link,a.header:visited,a.header:active,a.header:focus,a.header:hover{
  text-decoration : none;
  cursor:pointer;                          
}	
	
  
a.bestview,a.bestview:link,a.bestview:visited,a.bestview:active,a.bestview:focus {
  color : #EDF2F3;
  text-decoration: none;
  font-size:10px;
  float:left;
  padding-top:1px;
  padding-left:5px;

}

a.bestview:hover {
  color : #164883;
}

a.print,a.print:link,a.print:visited,a.print:active,a.print:focus {
  color : #DC353B;
  text-decoration: none;
  font-size:10px;
}

a.print:hover {
  text-decoration: underline;
}

a.adresse,a.adresse:link,a.adresse:visited,a.adresse:active,a.adresse:focus {
  display:block;
  width:160px;
  padding-left:8px;
  text-decoration:none;
  color:#4A4A4A;
  background-image:url(img/nav_marker2.gif);
  background-repeat:no-repeat;
  background-position:0px 3px;
}

a.adresse:hover {
  color : #DC353B;
  text-decoration:none;
  background-image:url(img/nav_marker2_hi.gif);
  background-repeat:no-repeat;
  background-position:0px 3px;
}

span.adresse {
	display:block;
	width:160px;
	margin-left:6px;
}






/* ======================================================================= */
/* === NAVIGATION                                                          */
/* ======================================================================= */


/* ================================   Mainnavigation 1   =============================== */

ul.mainnavi1 {
	list-style-type:none;
	width:182px;
	border-bottom:solid 1px #ffffff;
}

a.mainnavi1,a.mainnavi1:link,a.mainnavi1:visited,a.mainnavi1:active,a.mainnavi1:focus {
  font-size:11px;
  font-weight:bold;
  color : #3A4E5F;  
  text-decoration: none;
  width:182px; /* nur Internet Explorer 5.x */
  width/**/:/**/162px; /*alle anderen Browser */ 
  display:block;
  border-top:solid 1px #ffffff;
  background-image:url(img/bg_navigation.gif);
  background-repeat:repeat-y;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:20px;
}

a.mainnavi1act,a.mainnavi1act:link,a.mainnavi1act:visited,a.mainnavi1act:active,a.mainnavi1act:focus {
  font-size:11px;
  font-weight:bold;
  color : #3A4E5F;  
  text-decoration: none;
  width:182px; /* nur Internet Explorer 5.x */
  width/**/:/**/162px; /*alle anderen Browser */ 
  display:block;
  border-top:solid 1px #ffffff;
  background-image:url(img/bg_navigation_hi2.gif);
  background-repeat:repeat-y;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:20px;
}

a.mainnavi1:hover,a.mainnavi1act:hover {
  background-image:url(img/bg_navigation_hi.gif);
  background-repeat:repeat-y;
}

a.mainnavi1press,a.mainnavi1press:link,a.mainnavi1press:visited,a.mainnavi1press:active,a.mainnavi1press:focus,a.mainnavi1press:hover,a.mainnavi1pressact,a.mainnavi1pressact:link,a.mainnavi1pressact:visited,a.mainnavi1pressact:active,a.mainnavi1pressact:focus,a.mainnavi1pressact:hover {
  font-size:11px;
  font-weight:bold;
  color : #3A4E5F;  
  text-decoration: none;
  width:182px; /* nur Internet Explorer 5.x */
  width/**/:/**/162px; /*alle anderen Browser */ 
  display:block;
  border-top:solid 1px #ffffff;
  background-image:url(img/bg_navigation_hi.gif);
  background-repeat:repeat-y;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:20px;
}


/* ================================   Mainnavigation 2   =============================== */

ul.mainnavi2 {
	list-style-type:none;
	width:182px; /* nur Internet Explorer 5.x */
	width/**/:/**/162px; /*alle anderen Browser */
}


li.mainnavibox1{
	width:182px; /* nur Internet Explorer 5.x */
    width/**/:/**/162px; /*alle anderen Browser */
}


a.mainnavi2,a.mainnavi2:link,a.mainnavi2:visited,a.mainnavi2:active,a.mainnavi2:focus {
  font-size:11px;
  color : #3A4E5F;  
  text-decoration: none;
  width:182px; /* nur Internet Explorer 5.x */
  width/**/:/**/162px; /*alle anderen Browser */ 
  display:block;
  background-image:url(img/bg_navigation_hi2.gif);
  background-repeat:repeat-y;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:20px;
}

a.mainnavi2:hover {	
 background-image:url(img/bg_navigation_hi.gif);
  background-repeat:repeat-y;
}

a.mainnavi2press,a.mainnavi2press:link,a.mainnavi2press:visited,a.mainnavi2press:active,a.mainnavi2press:focus,a.mainnavi2press:hover {
  font-size:11px;
  color : #3A4E5F;  
  text-decoration: none;
  width:182px; /* nur Internet Explorer 5.x */
  width/**/:/**/162px; /*alle anderen Browser */ 
  display:block;
  background-image:url(img/bg_navigation_hi.gif);
  background-repeat:repeat-y;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:20px;
  
  }


/* ================================   Mainnavigation 3   =============================== */

ul.mainnavi3 {
	list-style-type:none;
	padding-top:1px;
	padding-bottom:6px;
}

li.mainnavi3 {	
	margin-top: 1px ;
	margin-bottom: 0px ;
}

li.mainnavibox2{
	margin: 0px ;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom:10px;  	
	width:165px;
}


a.mainnavi3,a.mainnavi3:link,a.mainnavi3:visited,a.mainnavi3:active,a.mainnavi3:focus {
  font-size:11px;
  font-weight:normal;
  color : #4C4C4C;  
  text-decoration: none;
  margin-left:8px;
  padding-left:5px;
  display:block;
  background-image:url(img/nav_marker2.gif); 
  background-repeat:no-repeat;
  background-position:0px 3px;
  width:165px;
}

a.mainnavi3:hover {	
  	color : #DC353B;
}

a.mainnavi3press,a.mainnavi3press:link,a.mainnavi3press:visited,a.mainnavi3press:active,a.mainnavi3press:focus,a.mainnavi3press:hover {
  font-size:11px;
  font-weight:normal; 
  color : #DC353B;  
  text-decoration: none; 
  display:block;
  padding-left:15px;
  

}



/*****************************************************************************
 Address Darstellung
 *****************************************************************************/

div.adr-filterbox-group {
  background-color: #EBEBEB ;
  border: 1px solid #4c4c4c ;
  margin: 6px ;
  padding: 3px ;
}

div.adr-filterbox-group-caption {
  width: 130px ;
  float: left ;
  font-weight: bold ;
}

div.adr-filterbox-group-content {
  width: 400px ;
  float: right ;
}






/* ======================================================================= */
/* === CM                                                                 */
/* ======================================================================= */

.page-title,h1 {
  color : #4D5E90;	
  font-size : 15px;
  font-weight:bold;
  display:block;
  padding:0px;
  margin:0px;
  margin-bottom:15px;
}


.pub-el-text-title {
  color:#304279;
  padding:0px;
  margin:0px;
  font-weight: bold;
  margin-bottom:3px;  

}

.pub-tth-li {
	background-image:url(img/bullet_list.gif) ;
  background-position: left top;
	background-repeat:no-repeat;
	list-style:none;
	padding-left:10px;
  margin-bottom:2px;
  margin-top:2px;
}

.table-title {
  font-weight : bold;
  letter-spacing: 1px;
}


.pub-el-title, .list-title {
  font-weight : bold;
  color:#304279;
}

.pub-el-leadtitle {
	font-weight : bold;
  color: #030303 ;
	padding-bottom : 10px;
}


.lead{
	color: #333333;
  font-weight: bold;

}

.pub-el-footnote {
	font-size : 10px;
}

.pub-el-text {
	margin : 0px 0px 3px 0px;
}

.pub-browseth {
  background-color:#BBCCD2;
  font-weight : bold;
  margin-bottom:10px;
  line-height:20px;
  color: #030303 ;  
}

.pub-browsegroup {
  padding:0px;
  margin:0px;
  margin-top: 8px ;
  font-weight: bold;
  background-color:#EFEFEF;
  padding:2px;
}

.pub-browsetdodd {
background-color : #ffffff;
padding:3px;
}

.pub-browsetdeven {
  background-color : #efefef;
  padding:3px;
}

.browsetdodd {
background-color : #ffffff;
padding:3px;
}

.browsetdeven {
  background-color : #f9f9f9;
  padding:3px;
}

.backfor {
}



/* ====================================================================== */
/* === ELEMENT ALBUM / DIASHOW                                            */
/* ====================================================================== */


a.diashow,a.diashow:link,a.diashow:visited,a.diashow:active,a.diashow:focus {
  color : #BE0000;
  text-decoration: none;
  background-image:url(img/arrow_more.gif);
	background-repeat:no-repeat;
  padding-left:10px;
}

a.diashow:hover {
  color : #BE0000;
  text-decoration: underline;
}

img.albumthumbborder {
  border:solid 1px;
  border-color:#c8c8c8;
  padding:5px;
}

img.albumthumb {
}

span.albumelement-title {
}

span.albumelement-text {
  font-style:italic;
  font-weight:bold;
}

span.albumpages {
  margin-bottom:20px;
  padding-bottom:5px;
  border-bottom:solid 1px #afafaf;
  display:block;
 }

/* ======================================================================= */
/* === ELEMENT ZUM SEITENANFANG                                            */
/* ======================================================================= */ 


a.pub-el-gotopagetop,a.pub-el-gotopagetop:link,a.pub-el-gotopagetop:visited,a.pub-el-gotopagetop:active,a.pub-el-gotopagetop:focus {
  color:#4A4A4A;   
  text-decoration:none;
}

a.pub-el-gotopagetop:hover {
  color:#DC353B;
  text-decoration:none;  
}

/* ======================================================================= */
/* === ELEMENT FUSSNOTE                                                    */
/* ======================================================================= */ 


p.pub-fussnote {
  border-top:solid 1px #cccccc;
  color:#888888;  
  margin:0;
  padding:0;
  padding-top:3px;
  margin-top:15px;
  line-height:14px;
  font-size:10px; 
}

p.pub-fussnote b {
	color:#888888;  
    line-height:14px;
	font-size:10px;
	font-weight:bold;
}

p.pub-fussnote i {
	color:#888888;  
    line-height:14px;
	font-size:10px;
	font-style:italic;
}
 

/* ======================================================================= */
/* === SITEMAP                                                            */
/* ======================================================================= */

ul.sitemap {
  list-style:none;
}

.smline {
	line-height:0;
  margin:0px;
  padding:0px;
  border:0px;
  visibility:hidden;
}

.sm1 {
  font-size : 12px;
  color: #4C4C4C;
  background-color:#efefef;
  margin:0px;
  margin-top:10px;
  padding:2px;
}

.sm2 {
	font-size : 11px;
  color: #4C4C4C;
  padding-top:5px;
  margin-left:3px;  
}

.sm3 {
	font-size : 10px;
  color: #4C4C4C;
  margin-left:8px;    
}

.sm4 {
	font-size : 9px;
  color: #4C4C4C;
  margin-left:5px;
}


A.sm1,A.sm1:VISITED,A.sm1:ACTIVE,A.sm1:LINK  {
	color : #4C4C4C;
	font-size : 12px;
	text-decoration : none;
  font-weight:bold;

}

A.sm1:HOVER  {
	color:#DC353B;
	}
  
A.sm2,A.sm2:VISITED,A.sm2:ACTIVE,A.sm2:LINK  {
	color : #4C4C4C;
	font-size : 11px;
	text-decoration : none;
	font-weight:bold;  
	background-image:url(img/bullet_list.gif);
	background-repeat:no-repeat;
	background-position:2px;
	padding-left:10px;      
}

A.sm2:HOVER  {
	color:#DC353B;
	}  
  
  
A.sm3,A.sm3:VISITED,A.sm3:ACTIVE,A.sm3:LINK  {
	color : #4C4C4C;
	font-size : 10px;
	line-height:13px;
	text-decoration : none;  	
	margin-left:25px;                  
}

A.sm3:HOVER  {
	color:#DC353B;
	}  
  
A.sm4,A.sm4:VISITED,A.sm4:ACTIVE,A.sm4:LINK  {
	color : #4C4C4C;
	font-size : 9px;
	text-decoration : none; 
	margin-left:45px;                      
}

A.sm4:HOVER  {
	color:#DC353B;
	}      


/* ======================================================================= */
/* === FORM-FIELDS                                                        */
/* ======================================================================= */

input.dlginput {
  border : 1px solid #000000;
	font-size : 11px; 
  margin:0px;
  margin-bottom:4px;
}

input.dlgtext {
  border : 1px solid #000000;
  line-height:20px; 
  margin-bottom:10px;
}

input.dlgsearchinput {
	background-color: #F9F9F9;
	float:left;
	font-size :12px;
	font-weight:normal;
	margin-right:10px;
	width:120px;
	
}


input.dlgsearchbutton {	
  background-color: #F7F7F7 ;
  color:#5C5C5C;
  cursor:pointer; 
  float:left;  
  font-size:11px;
  font-weight:bold; 
  float:left;
  line-height:14px;
  width:60px;
  border:solid 1px #2B2B2B;
}    


.dlgselect { 
    background-color:#ffffff; 
    border:1px solid #DDDDDD;
    font-size : 11px; 
    margin-bottom:4px;    
    }
    
.dlgselectgender { 
    background-color:#ffffff; 
    border:1px solid #DDDDDD;
    font-size : 11px;
    width:100px;
    margin-bottom:4px;       
    }    
    

    
input.dlgbutton {
	font-size : 11px;
  color:#ffffff; 
  border : 1px solid #A01D01;
  background-color: #DC353B ;
  cursor:pointer;
}

input.dlgerror-input {
	border : 1px solid red;
}

.dlgerror-message {
  color: red ;
}


  
/* ======================================================================= */
/* === FORMULAR-GENERATOR                                                 */
/* ======================================================================= */

.formgap {
  visibility:hidden;
  line-height:15px;
}

.dlgcaption {
	font-weight : bold;
  color: #4C4C4C ;  
}

.dlgcontrol {
	padding-top:1px;
}

.dlgtextarea {
	border : 1px solid #5D5D5D;
	
}

img.pub-form-caption-distance {
  height:10px;
}

.pub-form-group {
  font-weight : bold;
  color : #4C4C4C;	
  border:0; 
  border-bottom:solid 1px #7D8081; 
}

.pub-form-caption {
  font-weight : bold;
  color : #4C4C4C ;
  padding-right:10px;

}

.pub-form-caption-req {
  font-weight : bold;
  color : #4C4C4C ;
  padding-right:10px;
}

.pub-form-caption-req-error {
  font-weight : bold;
  color : #ff0000 ;
}

.pub-form-text {
  color : #2c2c2c;
}  

input.formcheckbox {
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-right: 5px;
}

input.formradio {
	margin-right:5px;
}


/* ======================================================================= */
/* === FORM 2 MAIL                                                        */
/* ======================================================================= */

div.pair {
	line-height: 20px;
	position: relative; 
	clear:both;
	display:table;

}

label.label-form2mail-must {
  width:120px;
  float:left;

}

label.label-form2mail {
  width:120px;
  float:left;

}

input.dlgtext-form2mail {
  border : 1px solid #000000;
  margin-bottom:5px;
  width:250px;
  padding:2px;
  float:left;

}

input.dlgtext-form2mailerror {
  border : 2px solid #ff0000;
  background-color:#FFEDED;
  margin-bottom:5px;
  width:250px;
   padding:2px;
   float:left;

}

.dlgtextarea-form2mail {
	border : 1px solid #5D5D5D;
	width:320px;
	height:140px;
}

.dlgtextarea-form2mailerror {
	border : 2px solid #ff0000;
  	background-color:#FFEDED;
	width:320px;
	height:140px;
}

hr.line-form2mail {
	 margin-top:5px;
	 margin-bottom:13px;
	 clear:both;
}



  
/* ======================================================================= */
/* === ELEMENT LINIE                                                       */
/* ======================================================================= */


hr.elm-hr {
  display:none;
  visibility:hidden;
  font-size:1px;
  line-height:0px;
  height:1px;
  }

div.elm-hr {
  font-size:1px;
  line-height:0px;
  height:1px;
  border-top:1px solid #808080;
}




/* ====================================================================== */
/* === Bild/Text-Element 3                                            === */
/* ====================================================================== */


.pub-el-text-text {
  margin:0px;
	padding:0px;
}

.pub-tth-h2 {
  color:#304279;
  font-weight: bold;
  margin-bottom:3px;  
}


.pub-el-text-image-l {
	padding-right:10px;
	padding-top:3px;
	padding-bottom:5px;
	float:left;
	}
	
.pub-el-text-image-r {
	padding-left:15px;
	padding-top:3px;
	padding-bottom:5px;
	float:right;
}

.pub-el-text-image-c {
	padding-top:3px;
	padding-bottom:5px;
	text-align:center;
}  

br.txtelm {  
  line-height:1px;
  margin:0px;
  padding:0px;
  font-size:1px;
  height:1px;
}