@page { 
 size: landscape; /* Druck im Querformat */
}

body {
 font: 12px "Helvetica Neue", sans-serif;
 letter-spacing: 0.1em;
 color: #5b5b5b;
 min-height: 660px; 
}

img {
 border: 0 none;
}

body, ul, h1, h2, h3 {
 margin: 0;
 padding: 0;
}

.uppercase {
 text-transform: uppercase;
}

/*--------------------------------
Struktur */

#wrapper {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -540px; /* 502px + 38px */
 margin-top: -320px;
 padding: 38px; /* Logo sichtbar machen auf kleinen Monitoren */
 width: 1004px;
 height: 660px;
}

#col-1, #col-2, #col-3 {
 margin-top: 26px;
}

#logo h1 {
 font-size: 26px;
 font-weight: normal;
 text-transform: uppercase; 
 letter-spacing: 0.3em;
 margin-bottom: 12px;
 color: #6e7506;
}

#logo a {
 text-decoration: none;
 color: #6e7506; 
}

#navigation {
 height: 50px;
 width: 1005px;
}

#navigation ul {
 width: 1005px;
 border-bottom: 1px solid #c2c2c2;
}

#navigation li {
 float: left;
 padding: 0 12px 0 0;
 margin: 0;
 border: 0 none;
 list-style-type: none; 
}

#navigation a {
 text-transform: uppercase;
 text-decoration: none;
 letter-spacing: 0.1em; 
 display: block;
 padding: 6px 6px 3px;
 color: #8f8f8f; 
}

#navigation .active a {
 padding: 6px 8px;
 background-color: #6e7506;
 color: #fff; 
}

#navigation .active a:hover {
 background-color: #d8d8d8;
 color: #fff;  
}

#navigation a:hover {
 color: #6e7506;
 -webkit-animation-name: pulse;
 -webkit-animation-duration: 1s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: ease-in-out;
 -webkit-animation-direction: alternate;  
}

/*--------------------------------
1. Spalte */

#col-1 {
 height: 488px;
 width: 300px;
 float: left;
}

#col-1 img {
 height: 421px;
}

#col-1 img:hover {
 border: 10px solid #F0F0F0;
 margin: -10px 8px 0 -10px;
 padding: 0;
}

/*--------------------------------
2. Spalte */

#col-2 {
 height: 488px;
 width: 430px;
 padding-right: 40px;
 float: left;
}

h2 {
 text-transform: uppercase;
 font-size: 14px;
 font-weight: normal;
 letter-spacing: 0.2em;
 margin-bottom: 8px;
 color: #6e7506;
}

p {
 line-height: 21px;
 text-align: justify;
}

#col-2 a {
 color: #6e7506;
 text-decoration: none; 
}

#col-2 a:hover {
 color: #96a108;
}

#col-3 ul {
 margin-top: -12px;
 display: inline;
 line-height: 24px;
 list-style-type: none;
}

#col-3 li.list {
 padding-left: 18px;
 background: url(../images/link.png) left 6px no-repeat;
}

#col-2 .float li {
 float: left;
 padding-right: 16px;
}

#col-3 li.list:hover {
 background: url(../images/link-hover.png) left 6px no-repeat;
 -webkit-animation-name: pulse;
 -webkit-animation-duration: 1s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: ease-in-out;
 -webkit-animation-direction: alternate;  
}

#col-2 .list a, #col-3 .list a {
 color: #5b5b5b;
 text-decoration: none; 
}

@-webkit-keyframes pulse {
 from {
   opacity: 1.0;
 }
 to {
   opacity: 0.4;
 }
}

#col-2 .list a:hover, #col-3 .list a:hover {
 color: #6e7506;
}

/*--------------------------------
2. Spalte Bilder */

#thumbs {
 position: absolute;
 top: 499px;
}

#thumbs ul {
 list-style-type: none;
}

#thumbs li {
 float: left;
 background-image: none;
 padding-left: 0;
}

#thumbs img {
 height: 80px;
 margin-right: 10px;
}

#thumbs img:hover {
 border: 4px solid #F0F0F0;
 margin: -4px 6px 0 -4px;
}

#down {
 position: absolute;
 bottom: 154px;
 width: 430px; 
}

#down p {
 margin: 0 0 -4px 0;
 padding: 0;
 vertical-align: bottom;
}

/*--------------------------------
3. Spalte */

#col-3 {
 height: 488px;
 width: 214px;
 float: left; 
}

span.cast:hover {
 font-weight: bold; 
}

h4 {
 font-weight: normal;
 text-transform: uppercase;
 color: #6e7506;
 letter-spacing: 0.1em;
 }

#col-3 p {
 line-height: 24px;
}

#col-3 a {
 display: block;
 color: #5b5b5b;
 text-decoration: none; 
}

#col-3 li.cast:hover {
 background-color: #0092C9;
 background-image: none;
}

#col-3 li.e-talenta:hover {
 margin-left: -3px;
 padding-left: 21px;
 background-color: #0092C9;
 background: url(../images/e-talenta.png) left center no-repeat;
}

#col-3 li.cast:hover span {
 font-weight: bold;
}

#col-3 li.cast a:hover {
 color: #fff;
}

#col-3 li.e-talenta a:hover {
 color: #000;
}

#goiapui {
 position: absolute;
 top: 503px;
}

#goiapui li.list {
 background: url(../images/link.png) left 66px no-repeat;
}

#goiapui li.list:hover {
 background: url(../images/goiapui.jpg) 20px top  no-repeat;
}

#goiapui a {
 padding-top: 60px;
 display: block;
}
#resume img  {
    -moz-transition: -moz-transform 0.6s ease 0s;
    display: block;
    float: right;
    height: 72px;
    margin-right: 120px;
    margin-top: 60px;
    position: relative;
    width: 72px;
}

/*--------------------------------
Footer */

#footer {
 clear: both;
 padding-top: 12px;
 height: 54px;
 width: 1004px;
 text-align: right;
 border-top: 1px solid #c2c2c2;
}

#preload {
 visibility: hidden;
 display: none;
}



/* line 317, ../sass/screen.sass */
.imageRow {
  *zoom: 1;
  margin: 0;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.imageRow:after {
  content: "";
  display: table;
  clear: both;
}
/* line 320, ../sass/screen.sass */
.imageRow .single {
  float: left;
}
/* line 322, ../sass/screen.sass */
.imageRow .single a {
  float: left;
  display: block;
  background: rgba(255, 255, 255, 0.1);
 
  line-height: 1em;
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; */
}
/* line 332, ../sass/screen.sass */
.imageRow .single a img {
	/*
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);*/
}
/* line 335, ../sass/screen.sass */
.imageRow .single a:hover {
  /*background-color: #8ad459; */
}
/* line 337, ../sass/screen.sass */
.imageRow .set {
  float: left;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 343, ../sass/screen.sass */
.imageRow .set:hover {
  /*background: rgba(255, 255, 255, 0.2); */
}
/* line 346, ../sass/screen.sass */
.imageRow .set .single a {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 0;
}
/* line 351, ../sass/screen.sass */
.imageRow .set .single a:hover {/*
  background-color: #8ad459;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5); */
}
/* line 355, ../sass/screen.sass */
.imageRow .set .single.first a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 358, ../sass/screen.sass */
.imageRow .set .single.last a {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}