/*html, body {
  color: #000;
  font-family:Arial, Helvetica, sans-serif; }

body {
  margin:0;
  padding:0;}
h1 {
  font-size: 30px;
  line-height: 1;
  font-family:Arial, Helvetica, sans-serif;}
h2 {
  font-size: 24px;
  line-height: 1;
  font-family:Arial, Helvetica, sans-serif; }
h2 a:hover {
  color: #333333;
  font-family:Arial, Helvetica, sans-serif; }
h3 {
	padding-top:20px;
  font-size: 14px;
  line-height: 1;
  font-family:Arial, Helvetica, sans-serif;
  }
  h3 b {
	  color:#FC0; 
  }
h4 {
  font-size: 12px;
  line-height: 1;
  font-family:Arial, Helvetica, sans-serif; }
a {
  color: #333333;
  text-decoration: none;
   }
a:focus, a:active, a:hover {
  color: #ee0011;
  border: none;
  outline: none; }
p {
  margin: 0 0 1.5em;
  font-family:Arial, Helvetica, sans-serif; }
form p {
  margin: 0; }
hr {
  height: 1px;
  padding: 0;
  margin: 9px 0 10px;
  border: 0;
  outline: 0;
  border-bottom: 1px solid #dddddd; }
blockquote {
  margin: 1.5em;
  color: #999999;
  font: italic 14px/18px "Georgia", Georgia, serif; }
strong {
  font-weight: bold; }
em, dfn {
  font-style: italic; }
dfn {
  font-weight: bold; }
sup, sub {
  line-height: 0; }
abbr, acronym {
  border-bottom: 1px dotted #333333; }
address {
  margin: 0 0 1.5em;
  font-style: italic; }
del {
  color: #999999; }*/



/* line 89, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
pre {
  margin: 1.5em 0;
  white-space: pre; }

/* line 93, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5; }

/* line 97, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
/*li ul, li ol {
  margin: 0; }*/

/* line 100, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
/*ul, ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 3.333em; }*/

/* line 104, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
/*ul {
  list-style-type: disc; }*/

/* line 107, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
/*ol {
  list-style-type: decimal; }*/

/* line 110, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
dl {
  margin: 0 0 1.5em 0; }

/* line 113, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
dl dt {
  font-weight: bold; }

/* line 116, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
dd {
  margin-left: 1.5em; }

/* line 121, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
table {
  margin-bottom: 1.4em;
  width: 100%; }

/* line 125, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
th {
  font-weight: bold; }

/* line 128, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
th, td {
  padding: 4px 10px 4px 5px; }

/* line 131, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
tfoot {
  font-style: italic; }

/* line 136, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
label {
  font-size: 11px;
  font-weight: normal;
  color: #333333;
  line-height: 1;
  text-transform: uppercase; }

/* line 143, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
input {
  outline: none;
  border: 1px solid #cdcbcb;
  padding: 5px;
  margin: 0 0 20px;
  width: 300px;
  font: 12px/1.5 "Helvetica", Helvetica, Arial, sans-serif; }

/* line 151, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
textarea {
  outline: none;
  border: 1px solid #cdcbcb;
  padding: 5px;
  margin: 0 0 20px;
  width: 150px;
  font: 12px/1.5 "Helvetica", Helvetica, Arial, sans-serif; }

/* line 159, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
input:focus, textarea:focus {
  border-color: #999999; }

/* line 164, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
::selection {
  background: #ffd4d8; }

/* line 167, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_typography.scss */
::-moz-selection {
  background: #ffd4d8; }

/* line 18, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_all.scss */
.floatleft {
  float: left;
  margin: 3px 10px 0 0; }

/* line 22, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_all.scss */
.floatright {
  float: right;
  margin: 3px 0 0 10px; }

/* line 26, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_all.scss */
.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

/* line 34, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/general/_all.scss */
.clearfix, .container {
  display: block; }

/*
STRUCTURE STYLESHEET
Description:  Page structure definitions
Author:       Interactive Things
Created:      110504_BW
Updated:      110504_BW
*/
/* line 5, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/structure/_grid.scss */
#content {
  padding: 60px 0; }
  /* line 7, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/structure/_grid.scss */
  #content .container {
    padding: 20px 40px 60px; }

/* line 11, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/structure/_grid.scss */
.container {
  margin: 0 auto;
  position: relative;
  padding: 0 40px;
  min-width: 640px; }

/*






/* line 4, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
# {
  *zoom: 1;
  padding-top: 30px; }
  /* line 38, /Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
#:after {
    content: "";
    display: table;
    clear: both; }

/* line 11, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
.card {
  height: 480px;
  width: 310px;
  margin: 0 10px 20px 0;
  position: relative;
  cursor: pointer;
  -webkit-perspective: 800px;
  perspective: 800px; 
  float:left; 
	 }
  /* line 18, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card h3 {
    font-size: 14px;
    margin: 14px 10px 10px; }
  /* line 23, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card h4 {
    margin: 20px 10px 0px;
    font-size: 12px;
    text-transform: uppercase; }
  /* line 28, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card strong {
    font-size: 12px;
    text-transform: uppercase; }
  /* line 32, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card p {
    margin: 0 10px 10px; }
  /* line 35, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card .front a {
    color: #bbb;
    font-weight: normal;
    background: transparent url(images/notaBulletGris.png) no-repeat;
    padding-left: 15px; 
}
    .card .front a:hover {
      color: #A91300;
	  background: transparent url(images/notaBulletRojo.png) no-repeat;
}
  .card .back a {
    color: #dfb8b3;
    font-weight: normal;
    background: transparent url(images/notaBullet.png) no-repeat;
    padding-left: 15px; 
}
    .card .back a:hover {
      color: #fff;
	  background: transparent url(images/notaBulletHover.png) no-repeat;
}
  /* line 45, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card ul {
    margin: 3px 10px 10px;
    padding: 0 0 0 2px;
    list-style: none;
    color: #999999; }
    /* line 50, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
    .card ul li a {
      font-weight: normal; }
  /* line 54, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card img {
    margin: 0; }
  /* line 57, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card .front, .card .back {
	float: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 295px;
	height: 460px;
	border: 1px solid #cdcbcb;
	padding: 0px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition-duration: 0.5s, 0.2s;
	-moz-transition-duration: 0.5s, 0.2s;
	-ms-transition-duration: 0.5s, 0.2s;
	-o-transition-duration: 0.5s, 0.2s;
	transition-duration: 0.5s, 0.2s;
	-webkit-transition-property: -webkit-transform, box-shadow;
	-moz-transition-property: -moz-transform, box-shadow;
	-ms-transition-property: -ms-transform, box-shadow;
	-o-transition-property: -o-transform, box-shadow;
	transition-property: transform box-shadow;
}
  /* line 72, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card .front {
    z-index: 900;
    background: #666666;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
    /* line 76, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
    .card .front a {
      visibility: hidden; }
  /* line 80, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card.flip .front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  /* line 84, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card .back {
    z-index: 800;
    background:#ccc;
    border-color: #ccc;
    color: #000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
    /* line 90, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
    .card .back a {
      color: #dfb8b3; }
      /* line 93, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
      .card .back a:hover {
        color: #fff;}
  /* line 100, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card.flip .back {
    z-index: 1000;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5); }
	
	
	
	.card.flip .back li{
		line-height: 1.3em;
		margin-bottom: 3px;
	}
  /* line 107, /Users/Benjamin/Dropbox/Interactive Things/IXT Programmierung/GIT/i1010_datavisualization/selection/assets/app/stylesheets/components/_deck.scss */
  .card .front:hover {
    border-color: #aaaaaa;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); }
    .card .front:hover a {
      visibility: visible; }
  .card .flip_back, .card .flip_front {
    visibility: hidden;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px; }
  .card .flip_front {
    background: transparent url("images/flip_icon.png") 0 0 no-repeat; }
  .card .flip_back {
    background: transparent url("images/flip_icon.png") 0 -30px no-repeat; }
  .card:hover {
    z-index: 1000; }
    .card:hover .flip_back, .card:hover .flip_front {
      visibility: visible;
	  }
#contenido_flip{
	padding:0;
	margin:0;
	width:960px;
	height:115px;
	z-index:5;
	}
.texto{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 20px 0 20px;
	}