#ukmenushift
{
	margin-left: 205px;
}

#mainmenu
{
position:absolute; visibility: hidden; height: 50px;}

#mainmenu a
{
position:absolute; visibility: hidden; height: 50px;}

html {
overflow: auto; overflow-x: hidden;
	font-size: 70%;

}
body {
	font-family: Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	color: #032E50;
		background: url(/images/ribbon-strip.gif);
		background-repeat: repeat-y;
		background-position: 30px 0px;
}
#hiderblue {
	left: 30px;
	top: 66px;
	position: absolute;
	height: 68px;
	width: 189px;
		background: url(/images/ribbon-strip.gif);
		background-repeat: repeat;
		}
		
#bgpic {
	background-image: url(/images2/bg_spanset_home.jpg);
	background-repeat: no-repeat;
	  	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 400px;
}

#hiderhome {
	background-image: url(/images2/bg_spanset_home.jpg);
	background-repeat: no-repeat;
	background-position: 0px  -66px;
	left: 30px;
	top: 66px;
	position: absolute;
	height: 68px;
	width: 189px;
}

  #footertext { 
  font-size: 87.5%;
  border-top:1px solid #8DA8C0;
  	margin: -37px 0px 0px 175px;
	padding:10px 100% 0px 0px;
		width: 90%;
		display: block;

 }
  #footertext a { background:transparent none repeat scroll 0%; color:#7898B4; font-weight:normal; text-decoration:none;}
  #footertext a:focus, 
  #footertext a:hover,
  #footertext a:active {color: #7898B4; background-color: transparent; text-decoration:underline;}


#footer {
	top: 100%;
	left: 0px;
	width: 90%;
color:#7898B4;
padding:20px 0px 15px 0px;
position:inherit;
	margin: 24px 100px 0px -175px;
z-index:900;
}

#footer #international p a {
    text-decoration: none;
    /*background-color:#fff;*/
    color: #003661;
	font-size:116.67%;
	font-family:Arial,'Trebuchet MS',Verdana,Helvetica,sans-serif;
	font-weight:bold;
    text-decoration: none;
    /*background-color:#fff;*/
    color: #003661;
}

#footer #international p a:hover {
    text-decoration: none;
    color: #FFFFFF;
}



#floatleft {
float:left;
margin: 5px 15px 5px 0px; 
}

#picsright {
float:right;
width: 360px;
margin: 0px 10px 10px 20px; 
}

#picsright img {
border:1px solid #000033;
margin: 0px 0px 10px 0px; 
}


#dotteds {
	background-image: url(../images/bg_belt.gif);
	background-repeat: repeat-x;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100px;
	left: -9px;
	padding: 0px;
	margin-top: 28px;
}

  #blueband {
	position: absolute;
	left: 30px;
	top: 0px;
	bottom: 0px;
	width: 189px;
	background: url(../fileadmin/css/screen/images/bg_col_left_blue.png);
		background-repeat: repeat-y;
		margin: 0px;
	padding: 0px;
  }
  


#logo {
	background-image: url(../images/spanset-logo-section.gif);
	background-repeat: no-repeat;
	left: 750px;
	top: 27px;
	height: 40px;
	width: 162px;
	position: absolute;
	z-index: 200;
}
#col1 {
	position: absolute;
	z-index: 999;
	left: 30px;
	top: 69px;
	width: 189px;
}

#hiderXXXXXXXXX {
	background-image: url(../images/hider.jpg);
	background-repeat: no-repeat;
	left: 25px;
	top: 66px;
	position: absolute;
	height: 68px;
	width: 202px;
}

#spansetbg {
	background-image: url(../fileadmin/css/screen/images/bg_spanset_home.jpg);
	background-repeat: no-repeat;
	height: 999px;
	width: 100%;
	display: block;
	background-position: 30px 0px;
}

#col1_international {
	width: 189px;
	overflow: hidden;
	margin: 310px 0 1.5em;
	list-style-type: none;
	padding-bottom: 1em;
	background: none;
	padding-bottom:1em;
}

  #col1_content {
    width: 189px;
    overflow: hidden;
    margin: 2em 0 1.5em 0;
    list-style-type: none;
    border-bottom: 2px solid #032E50;
    padding-bottom: 3px;
    background: none;
	padding-bottom:1em;
  }
  
/*
  #col1_content { list-style-type: none; margin:0; padding: 15px 0 0 0; }
  #col1_content { width: 100%; margin:0; padding: 0 0 0 39px; font-size: 95%; }
*/ 
  #col1_content a {display:none;}
  #col1_content p {line-height:1.5em; margin:0;}

  #col1_content p a, #col1_international p a, #col1_content strong {
    display:block;
    width: 80%;
    padding: 0px 0px 0px 39px;
    text-decoration: none;
    /*background-color:#fff;*/
	margin:0pt 0pt 0.25em;
    color: #003661;
    border-bottom: 0px #eee solid;
	font-size:116.67%;
	font-family:Arial,'Trebuchet MS',Verdana,Helvetica,sans-serif;
	font-weight:bold;
  }
  
    #col1_content h2 {
    padding: 0px 0px 0px 10px;
		font-weight:bolder;
    color: #182E7A;
  }
  
  
  
  #col1_content a:hover, #col1_international a:hover,
  #col1_content strong {
    text-decoration: none;
    /*background-color:#fff;*/
    color: white;
  }

  /* Menu Title */
  #col1_content li#title {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #003661;
    /*background-color: #fff;*/
    border-bottom: 4px #888 solid;
  }

  #col1_content li span {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }

  /* Level 1 */
  #col1_content li#active,
  #col1_content li strong {
    width: 100%;
    padding: 0px 0px 0px /*10%*/;
    font-weight: bold;
    color: #003661;
  }

  #col1_content li a { width: 90%; padding-left: 40%; background-color:transparent; color: #003661; }
  #col1_content li a:focus,
  #col1_content li a:hover,
  #col1_content li a:active { background-color:transparent; color: #fff; }

  /* Level 2 */
  #col1_content li ul li a,
  #col1_content li ul li#active,
  #col1_content li ul li strong,
  #col1_content li ul li span { width: 80%; padding-left: 20%; }

  #col1_content li ul li a { background-color:transparent; color: #003661; }
  #col1_content li ul li a:focus,
  #col1_content li ul li a:hover,
  #col1_content li ul li a:active { background-color:transparent; color: #003661; }

  /* Level 3 */
  #col1_content li ul li ul li a,
  #col1_content li ul li ul li#active,
  #col1_content li ul li ul li strong,
  #col1_content li ul li ul li span { width: 70%; padding-left: 30%; }

  #col1_content li ul li ul li a { background-color:transparent; color: #003661; }
  #col1_content li ul li ul li a:focus,
  #col1_content li ul li ul li a:hover,
  #col1_content li ul li ul li a:active { background-color:transparent; color: #003661; }

  /* Level 4 */
  #col1_content li ul li ul li ul li a,
  #col1_content li ul li ul li ul li#active,
  #col1_content li ul li ul li ul li strong,
  #col1_content li ul li ul li ul li span { width: 60%; padding-left: 40%; }

  #col1_content li ul li ul li ul li a { background-color:transparent; color: #003661; }
  #col1_content li ul li ul li ul li a:focus,
  #col1_content li ul li ul li ul li a:hover,
  #col1_content li ul li ul li ul li a:active { background-color:transparent; color: #003661; }
  

  #col3_content_innen p {width:290px; height:300px}



@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.5
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */


  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }
  
  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-family: Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
  	font-weight:bold; 
  	color:#003661;
  	margin: 0 0 0.25em 0; 
  }

  h1 { font-size: 160%; font-weight: normal }   /* 24px */
  h2 { color:#003661; font-size:116.67%; }      /* 24px */
  h3 { font-size: 95%; color:#7898B4; }         /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  #header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span {
    color:#999;
  }

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #4D87C7; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#182E7A; text-decoration:underline;}
  
  h3 a { color:#7898B4; }
  h3 a:hover { text-decoration: none; }
  
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  
  	/* #############################
	** ### tt_news #################
	** #############################
	*/
	.tx-ttnews-browsebox {text-align:center; padding:0; margin:1.2em 0 1em 0; padding:1px; border:1px solid #ccd; background:#f0f0f4;}
	.tx-ttnews-browsebox a, .tx-ttnews-browsebox strong {padding:0 0.4em 0.4em 0; margin:0; background:transparent;}
	
	/* TEASER LATEST Ansicht */
	.news-teaser-item {margin-bottom:1em;}
	.news-teaser-item h3 {background:transparent url(images/icon_arrow.gif) no-repeat scroll 0px 3px;padding-left:0px;}
	.news-teaser-item h3 a {text-decoration:underline;}
	.news-teaser-item h3 a:hover {background:transparent;}
	.news-teaser-item div {
		background:#E4EAF0 none repeat scroll 0% 50%;
		border-bottom:2px solid #AEC1D2;
		border-top:2px solid #AEC1D2;
		color:#7898B4;
		height:47px;
		margin-bottom:1em;
		padding:4px 15px 4px 15px;
		text-align:left;
		width:125px;
	}
	.news-teaser-item div a {color:#7898B4;text-decoration:none;}
	.news-teaser-item div a:hover {color:#7898B4;text-decoration:underline;}
	

  	/* #############################
	** ### teaser #################
	** #############################
	*/
	
  	dl.csc-textpic-image {
		margin-left: 0px;
	}
	
	.tx-srlanguagemenu-pi1 .link a {padding-right:1em;}


#rhsarea {
	float: right;
	width: 400px;
	margin-right: 100px;
}

#logohome {
	background-image: url(../images/spanset-logo-home.gif);
	background-repeat: no-repeat;
	left: 745px;
	top: 27px;
	height: 29px;
	width: 162px;
	position: absolute;
	z-index: 200;
}
