/*
Here are the stylesheets with the division specific styles.
Include/Exclude with slot conditions.
*/

/* ######################################################################################################

** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################

** ######################################################################################################

** 

**  YAML Version: 2.5.2

**  Dateiversion: 01.11.06  

**  Datei       : content.css

**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)

**

*/



@media all

{

/* ######################################################################################################

** # Standard-Vorgaben ##################################################################################

** ######################################################################################################

** 



/* ### �erschriften, Flie�exte ###################################################################### */

/* IE italics bugfix with the following three lines  */

* html * { overflow:visible }

* html iframe, * html frame { overflow:auto }

* html frameset { overflow:hidden } 



body { color: #333333; font-size: 12px; font-family: Verdana, sans-serif; } 

h1,h2,h3,h4 { font-size: 12px; font-family: Verdana, sans-serif; font-weight:bold;}



h1 {font-size: 12px; margin: 0 0 10px 0; padding: 0px 0 2px 0;  border-top:2px solid #000000;}

h2 {

  font-size: 12px; 

  margin: 0 0 10px 0; 

  padding: 4px 0 4px 0;  

  font-weight:normal;

}

h3 {font-size: 12px; margin: 0; padding: 0; font-weight:bold; }

h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}

h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }

h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }



#teaser h1 { font-size: 1.2em; border: 0; }



p,ul,dd,dt { line-height: 1.4em; }

p { line-height:1.5em; margin: 0 0 10px 0;}

p.white {background-color:#FFFFFF;}



strong,b { font-weight: bold; }

em,i { font-style:italic; }

pre, code {	font-family: "Courier New", Courier, monospace; }

address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }



hr { 

	color: #fff; 

	background:transparent; 

	margin: 0 0 0.5em 0; 

	padding: 0 0 0.5em 0; 

	border:0; 

	border-bottom: 1px #eee solid; 

}



acronym, abbr {

	letter-spacing: .07em;

	border-bottom: 1px dashed #c00;

	cursor: help;

}



/* ### Bildpositionierung ############################################################################ */



img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }

img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }

img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }

img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }



/* ### Auszeichnung lokaler und Externer Links ######################################################## */

a {color: #333333; text-decoration:underline;line-height:1.4em;}

a:hover {color: #E1001E;}

a:focus {color: #E1001E;}



#footer a { color: #333333; }

#footer a:hover {color: #E1001E; }

#footer a:focus {color: #E1001E; }



#main a.imagelink {

	padding-left: 0;

	background: transparent;

}



/* ######################################################################################################

** ### Formulare & Tabellen #############################################################################

** ######################################################################################################

*/



table { border-collapse:collapse; width: 100%; margin:0; padding:0; }



form {overflow:hidden; background-color:transparent;}



input, textarea {

  width: 100%;

  border: 1px #333333 solid;

  background: #ffffff;

  padding: 1px;

  margin: 2px 5px 2px 0px;

  color: #333333;

}



input[type=text]:focus, textarea:focus {

  border: 1px #333333 solid;

  background: #ffffff;

  padding: 1px;

  margin: 2px 5px 2px 0px;

  color: #333333;

}



button {

  font-size : 12px ;

  font-weight:bold;

  vertical-align:middle ;   

  color : #FFFFFF;

  background-color : #E1001E;

  border-width : 1px;

  border-style : outset;

  border-color : #FFFFFF;

  margin: 2px 5px 2px 0px;

  padding: 0px 5px 0px 5px;

}



/* ######################################################################################################

** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################

** ######################################################################################################

*/



/* ###  Textformatierungen ################################################################## */



/* Grundlagen */

.wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; }

.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }



/* Beispieldateien */

p.demo { background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }



/* Navigation am Seitenende */

p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }

p.navlink a { color: #353;}

p.navlink a:hover { font-weight: bold; background: transparent; }



blockquote { 

	color: #444; 

	background: #f8f8f8; 	

	border: 1px #ddd solid;

	border-left: 8px #ddd solid;

	padding: 1em 1em 0 1em;

	margin: 0 0 1em 1em;

}



/* Ungeordnete Listen ohne Listenpunkt */ 

ul.linklist { list-style-type: none; margin: 0 0 1em 0; }

ul.linklist li { margin: 0 0 1em 0; }



/* Browser-Kompatibilit�sliste */ 

ul.browsers { margin: 0  0 .4em 0; }



ul.browsers li {

	margin: 0;

	list-style-type: none;

	background: #f8f8f8; color: #444; 

	padding: 0.1em 0.1em 0.2em 0.5em; 

	font-weight: normal;

	text-align: left; 

	border-bottom: 1px #fff solid; 

	border-right: 1px #fff solid;

}



ul.browsers li img { vertical-align:bottom;

}



ul.browsers li.title {

	font-weight: bold;

	background: #eee; color: #444; 

	padding: 0.2em 0.2em 0.2em 0.5em; 

}





/* ### Tabellen ################################################################## */



table.bugs { margin-bottom: 1em; margin-top: .5em; }

table.bugs th { 

	background: #444; color: #fff; 

	padding: 0.5em; 

	text-align: center; 

	border-bottom: 1px #fff solid; 

	border-right: 1px #fff solid;

}



table.bugs td {

	background: #888; color: #fff; 

	padding: 0.5em; 

	text-align: center; 

	border-bottom: 1px #fff solid; 

	border-right: 1px #fff solid;

}



/* ######################################################################################################

** ### Swisslog Specific

** ######################################################################################################

*/

.cont_intro, .cont_title, .cont_crpindexl, .cont_divindexl, .cont_divpic { padding: 0 10px 0 0; overflow: hidden; }

.cont_main, .cont_colleft, .cont_crpindexpic, .cont_crpindexr, .cont_divindexr, .cont_divindexpic { padding: 0; overflow: hidden; }

.cont_intro, .cont_main {line-height: 1.4em;}

.cont_colright { 

  padding: 0; 

  margin:0 8px 0 10px; 

  overflow: hidden;

}

.cont_title {background-color:#E1001E; height:40px; vertical-align:middle; }

.cont_divpic {background-color:#E1001E; height:153px; vertical-align:top; }

.cont_crpindexpic {background-color:#E1001E; background-image:url(index_image1.jpg); background-repeat:no-repeat;

  height:340px; vertical-align:top; margin-bottom:23px; }

.cont_divindexpic {background-color:#E1001E; height:153px; vertical-align:top; margin-bottom:23px; }

.cont_breadcrumb {color:#999999; height:36px;padding:2px 0 0 0;font-size:11px;}

.cont_breadcrumb a {color:#999999;}

.cont_breadcrumb a:hover {color: #E1001E;}

.cont_breadcrumb a:focus {color: #E1001E;}



.cont_colright_redblock { 

  padding: 0; 

  margin: 0 8px 38px 10px; 

  background-color:#E1001E; 

  height:40px; 

  vertical-align:middle; 

}

   

.cont_colright_redblockdiv { 

  padding: 0; 

  margin: 0 8px 38px 10px; 

  background-color:#E1001E; 

  height:153px; 

  vertical-align:middle; 

}

   

.cont_colright p {

   margin: 0 0 15px 0; 

}

.cont_colright h1, .cont_crpindexl h1, .cont_crpindexr h1 {

  border-bottom:1px solid #000000;

   margin: 0 0 4px 0; 
}

.cont_colright h2 {

  background-image:url(dotted_line_hor.gif); 

  background-position:top;

  background-repeat:repeat-x; 

  font-weight:bold;

  margin:20px 0 4px 0;

}

.cont_colright ul {

   margin: 0 0 15px 0px; 

}



.cont_main h1, .cont_intro h1, .cont_divindexr h1 {

  margin: 0; 

  padding: 1px 0 2px 0;  

  border-top:2px solid #000000; 

  background-color:#FFFFFF;

}

.cont_main h2, .cont_intro h2, .cont_divindexr h2 {

  margin: 0 0 1px 0; 

  padding: 0 0 3px 0;  

  font-weight:normal; 

  background-color:#FFFFFF;

  background-image:url(dotted_line_hor.gif); 

  background-position:bottom;

  background-repeat:repeat-x;

/* following is a hack, so IE shows background image even if h2 tag is empty */

  border-top:1px solid #FFFFFF;

}

.cont_main h3 {margin: 0; padding: 0 0 0px 0; font-weight:bold;}

.cont_main p {padding: 10px 0 5px 0; margin:-1px 0 0 0; background-color:#ECECEC;}

.cont_main p.white {padding: 10px 0 5px 0; margin:0; background-color:#FFFFFF;}

.cont_main p img {float:left;margin-top:4px;}

.cont_main a {color: #333333; text-decoration:underline;}

.cont_main a:hover {color: #E1001E;}

.cont_main a:focus {color: #E1001E;}

.cont_main td { background-color:#ECECEC; vertical-align:top;}

.cont_main ul {padding:1px 0 5px 10px; margin:0; background-color:#ECECEC;}

.cont_main ol {padding:1px 0 5px 10px; margin:0; background-color:#ECECEC;}



.cont_colleft p {

   line-height:1.4em;

   margin: 0 0 7px 0; 

}

.cont_colleft h1 {

  margin: 0 0 10px 0; 

  padding: 2px 0 4px 0; 

  border-top:1px solid #E1001E; 

  border-bottom:1px solid #E1001E; 

  color:#E1001E;

  font-weight:normal;

}

.cont_colleft h2 {

  margin: 14px 0 10px 0; 

  padding: 2px 0 3px 0; 

  border-top:1px solid #E1001E; 

  border-bottom:1px solid #E1001E; 

  color:#E1001E;

}



.cont_colleft input {

  width: 125px;
  
  overflow: hidden;

  border: 1px #333333 solid;

  background: #ffffff;

  padding: 1px;

  color: #333333;

}

.cont_colright a, .cont_colleft a {text-decoration:none;}



div.navtopbg {

  position:absolute;

  top:20px;

  left:188px;

  margin:0;

  padding:0;

  width:100%;

  height:30px;

  vertical-align:top;

  z-index:100;

}



div.langswitch {

  position:absolute;

  top:20px;

  left:818px;

  margin:0;

  padding:0;

  width:160px;

  height:30px;

  vertical-align:top;

  z-index:100;

  color:#333333;

  font-size:11px;

}

div.langswitch select {

  font: normal 8pt Verdana, sans-serif;

  color:#333333;

  width:160px;

  margin:0;

  padding:0;

  border: 1px solid #888888;

  background-color:#FFFFFF;

  margin: 0 0 5px 0;

}

.langswitch a {text-decoration:none;}



span.archivelink {

  margin:1px 0 0 0;

  padding:0;

  color:#444444;

  position:relative;

  float:right;

  top:0;

  right:0;

}

span.archivelink a {

  color:#444444;

  text-decoration: none;

  font-weight:normal; 

  font:normal 8pt Verdana; 

  margin:0;

  padding:0px 0px 0px 15px;

  background-image:url(pfeil_grau.gif); 

  background-position:0px 3px ; 

  background-repeat:no-repeat; 

}

span.archivelink a:hover {

  color:#E1001E;

  text-decoration: none; 

  font:normal 8pt Verdana; 

  font-weight:normal; 

  margin:0;

  padding:0px 0px 0px 15px;

  background-image:url(pfeil_rot.gif); 

  background-position:0px 3px ; 

  background-repeat:no-repeat; 

}



div.cont_arrowlinksl {

  padding:0;

  margin:0;

}

div.cont_arrowlinksl a {

  display:block;

  text-decoration: none; 

  background-image:url(pfeil_grau.gif); 

  background-position:0px 6px ; 

  background-repeat:no-repeat; 

  padding:0px 0px 0px 20px;

}

div.cont_arrowlinksl a:hover {

  display:block;

  text-decoration: none; 

  background-image:url(pfeil_rot.gif); 

  background-position:0px 6px ; 

  background-repeat:no-repeat; 

  padding:0px 0px 0px 20px;

}



div.cont_indexlinks {

  padding:0;

  margin:0;

}

div.cont_indexlinks a {

  display:block;

  text-decoration: none; 

  background-image:url(pfeil_rot.gif); 

  background-position: 0px 6px ; 

  background-repeat:no-repeat; 

  padding:0px 0px 0px 20px;

  margin-bottom:5px;

}

div.cont_indexlinks a:hover {

  display:block;

  text-decoration: none; 

  background-image:url(pfeil_grau.gif); 

  background-position: 0px 6px ; 

  background-repeat:no-repeat; 

  padding:0px 0px 0px 20px;

  margin-bottom:5px;

}



/* Tables for lists in main content area */

table.tlist {

  width:100%;

}



td.tlist {

  border-width:1px 0 1px 0;

  border-style:solid;

  border-color: #888888;

  text-align:left;

  padding:2px 5px 2px 0px;

}

td.tlisttitle {

  border-width:0 0 1px 0;

  border-style:solid;

  border-color: #888888;

  text-align:left;

  font-weight:bold;

  padding:2px 5px 2px 0px;

}



/* Links in download tables, etc */

table.tlist a {

  display:block;

  text-decoration:none;

}

table.tlist a:hover {

  display:block;

  text-decoration:none;

  color:#E1001E;

}



/* sitemap */

#sitemap li {

  list-style-type:none;

  font-weight:bold;

}

#sitemap li li {

  font-weight:normal;

}



/* search results */

ol.searchresults {

  padding:10px 0 5px 25px;

  margin:0;

  background-color:#ECECEC;

}

ol.searchresults li {

  margin-bottom:10px;

}





}