@charset "UTF-8";

/* -------------------------------------------------------------- 
   RESET
   * Resets default browser CSS
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}



/* -------------------------------------------------------------- 
   Otto Group Style / P.Herren
   -------------------------------------------------------------- */

body{
color:#005983;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
line-height: 140%;
background-color:#fff;
}

h1{
padding-top:30px;
margin-bottom:39px;
color:#CC0033;
font-size:25px;
}

h2{
width:260px;
font-size:16px;
line-height:130%;
margin-top:-2px;
margin-bottom:20px;
border-bottom:1px solid #005983;
float:left;
font-weight:normal;
}

h2.fullsize{
width:945px;
}


h3{
font-size:15px;
margin-bottom:15px;
}

p{
margin-bottom:15px;
}

a{
color:#CC0033;
}

a:hover{
color:#005983;
}

a.h2-link{
font-size:11px;
font-weight:bold;
margin-left:6px;
}

#global-wrapper{
height:auto;
width:1090px;
background-color:#C2E9F8;
}

#header{
height:144px;
background-color:#FFFFFF;
}

#logos-top{
height:25px;
padding:10px
}

#logos-top span{
padding: 0px 0 0px 760px;
display:block;
}

#logos-top span a {
margin-right:8px;
}

#header-background{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../pics/header_otto_new.jpg) no-repeat scroll left top;
height:144px;
overflow:hidden;
}

#header-background span{
display:inline-block;
float:left;
width:320px;
height:235px;
}

#header-background p{
float:left;
color:#FFFFFF;
font-style:italic;
line-height:150%;
width:630px;
}

#all-content-wrapper{
margin-left:42px;
width:1040px;
/*border:1px solid red;*/
}

#navi{
width:1000px;
padding-top:15px;
height:15px;
}

#navi span{
float:right;
color:#CC0033;
font-size:13px;
font-weight:bold;
}

#content{
margin-top:20px;
padding:0;
/*border:1px solid green;*/
}

#footer{
background:url(../pics/footer_background.png) bottom left repeat-x;
height:65px;
padding-left:55px;
margin-top: 40px;
}

#footer span{
color:#666666;
font-size:10px;
display:inline-block;
padding-top:25px;
height:33px;
}

#footer span a{
color:#666666;
}




/* -------------------------------------------------------------- 
   CLASSES
   -------------------------------------------------------------- */


.box320{
background:transparent url(../pics/box_320.png) no-repeat scroll left bottom;
margin-bottom:10px;
width:320px;
float:left;
margin:0px 5px 13px 0px;
padding:10px;
overflow: hidden;
}

.box-viral-video{
height:240px;
overflow:auto;
}

.box1006{
background:transparent url(../pics/box_1006.png) no-repeat scroll left bottom;
margin-bottom:10px;
width:1006px;
float:left;
margin:0 5px 13px 0;
padding:10px;
}


.tall{
min-height: 673px;
height: auto !important;
height: 673px;
}
.small{
min-height: 320px;
height: auto !important;
height: 320px;
}

.box-icon{
width:20px;
height:20px;
margin-right:10px;
float:left;
background:url(../pics/icons_box.png) no-repeat left top;
}

#commentBox .facebook,
#content .spots{
background:url(../pics/icons_box.png) no-repeat 0px top;
}
#content .jff{
background:url(../pics/icons_box.png) no-repeat -20px top;
}
#content .facebook{
background:url(../pics/icons_box.png) no-repeat -40px top;
}
#content .karriere{
background:url(../pics/icons_box.png) no-repeat -60px top;
}
#content .twitter{
background:url(../pics/icons_box.png) no-repeat -80px top;
}
#content .youtube{
background:url(../pics/icons_box.png) no-repeat -100px top;
}
.comment-icon{
background:url(../pics/icons_box.png) no-repeat -120px top;
}
#content .chef{
background:url(../pics/icons_box.png) no-repeat -140px top;
}


/*contentbreite fuer 1-spaltige box*/
div.box-content-small{
width:290px;
}

/*contentbreite fuer 3-spaltige box*/
div.box-content-fullsize{
width:980px;
}


div.box-content-small a,
div.box-content-fullsize a{
color:#005983;
text-decoration:underline;
}

.karrierebox{
float:left;
margin-right:25px;
padding-right:25px;
border-right:1px solid #005983;
}

/*letzte contentbox bei Ihre Karriere*/
.last{
margin-right:0px!important;
border:none;
}


.karrierebox img{
margin-bottom:10px;
}

span.element-float-left{
float:left;
display:inline-block;
margin-right:15px;
}


.date{
color:#666666;
font-size:9px;
}

.clear{
clear:both;
}

.youTubeContent td {
width:50px;
}

.youTubeContent img {
width:50px;
}

.youTubeContent td + td + td{
display: none;
}

.youTubeContent tr + tr{
display: none;
}

.default-pic{
  height:50px;
  width:50px;
}


div#meta {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF;
float:left;
height:40px;
margin:-11px 0 0 0;
padding:29px 0 0 22px;
width:1090px;
}

div#meta ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

div#meta li {
float:left;
margin-right:15px;
}

div#meta li a {
color:#5E5E5E;
font-weight:bold;
}

div#meta li a:hover {
color:#E23322;
}

div#logo{
display:block;
}


.popBox {
-moz-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:30px;
background-color:white;
border:2px solid #005983;
margin:0px;
padding:20px;
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
top:150px;
left:50%;
width:400px;
z-index:100;
}


#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
 }  

 #commentBox h2{
 width:360px;
}

.videoBox h2{
width:360px;
}

.viral-video {
  margin: 15px;
}

.videoBox {
-moz-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:30px;
background-color:white;
border:2px solid #005983;
margin:0px;
padding:20px;
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
top:150px;
left:50%;
width:400px;
z-index:100;
}


.viral-video {
height: 60px;
margin:3px;

}

.fb-pic {
height: 50px;
}

.follow-link {
text-decoration: none;
}

.otto-button, #jff-more, #fan-button {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -x-system-font:none;
  background:#CC0033 none repeat scroll 0 0;
  border:1px solid #800000;
  color:#FFFFFF;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
  text-decoration:none;
  padding: 2px 5px;
}

#footer span a img {
  margin-right: 20px;
}


/* -------------------------------------------------------------- 
COMMMENTS
-------------------------------------------------------------- */
.comment {
  border-bottom:1px solid #CFCFCF;
  margin:10px 5px;
  padding-bottom:5px;
  padding-right:7px;
}

.childComment {
  margin: 10px 5px;
  margin-left: 10px;
  background-color: #e7e7e7;
}

.child-pic {
  height:35px;
  width: 35px;
}

.commentOwner {
  font-weight: bold;
}

.commentTools a, .commentDelete {
  text-decoration: none;
}

#commentBorder {
  background-color: #e7e7e7;
  float:left;
  padding: 10px;
  margin:5px;
}

.errorLabel {
  color: #e22;
  display: block;
}

.defaultInputValue {
  color: #888;
}


div.childComment{
padding:7px;
background-color:#E7E7E7;
margin:5px 0 5px 10px;
border-top:1px solid #cfcfcf;
}

div.commentTools a{
font-size:9px;
}

.overflow {
height:230px;
overflow-x:hidden;
overflow-y:auto;
margin-bottom:15px;
border-bottom:1px solid #ccc;
}


div#ajaxCommentsBig div.box-content-small {
  border-bottom:1px solid #CCC;
  overflow-x:hidden;
  overflow-y:auto;
  width:400px;
}

.comment {
border-bottom:1px solid #cfcfcf;
margin:10px 5px;
padding-bottom:5px;
}

#commentBorder {
background-color:#E7E7E7;
border:1px solid #CCCCCC;
float:left;
margin:0;
padding:10px;
width:300px;
}

textarea#commentContent,
input#commentName,
input#commentEmail,
input#deleteEmail{
display:block;
margin-bottom:3px;
padding:4px;
border:1px solid #ccc;
}

div.popBox h2 {
width:360px;
}


div.formWrapper{
background-color:#E7E7E7;
border:1px solid #CCCCCC;
float:left;
margin:0;
padding:10px;
width:360px;
}

input#deleteEmail{
margin-bottom:10px;
}

textarea#commentContent{
margin:3px 0 15px 0;
}

a.FB_Link{
color:#005983!important;
text-decoration:underline!important;
}

a.FB_Link:hover{
color:#005983!important;
text-decoration:none!important;
}

div#deleteErrorWrongEmail,
div#deleteErrorNotFound,
div#deleteErrorWrongUser,
div#deleteErrorNotLoggedIn,
div#deleteEmailSent{
margin-bottom:10px;
}

div#deleteEmailSent{
color:green;
}

#commentBox {
  top: 30px;
}

span.otto-button{
 cursor:pointer;
}

div#commentBox span.otto-button{
  margin-top:15px;
  display:inline-block;
}

div.jobRecommendation{
margin:30px 0 20px 0;
}

div.jobRecommendation a.h2-link {
  color:#CC0033;
  font-size:10px;
  font-weight:bold;
  margin-left:1px;
  text-decoration:none;
}

div.jobRecommendation h2 {
border-bottom:none;
font-size:15px;
margin-bottom:15px;
width:310px
}

div.jobRecommendation img.FB_profile_pic {
  float:left;
  margin-right:10px;  
}

div.jobRecommendation a.jobtitle {
  display:inline-block;
  height:50px;
  width:220px;
}
div#submittingIndicator,div#deletingIndicator {
  padding:5px;
  text-align:center;
}

div.commentTitle a {
  text-decoration:none; 
}

ul.jobs {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.jobs li {
    padding-bottom: 15px;
}