@charset UTF-8;

/* !General */
/* ---------------------------------------------------------------------- */	

html,
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 11px;
	line-height: 15px;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	min-height:101%;
	background-color: #003d69;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

li {
    border-bottom: 1px solid #ccc;
    padding: 5px !important;
}

img {
	border:0;
}

textarea,input {
	border:1px solid black;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-decoration:none;
}

input {
	border:1px solid black;
	padding:2px;
}

iframe {
	border:0;
}

.clear {
    clear:both;   
}

.playButton {
    background-image: url(../images/button_play_bg.png);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 10px;
}



/* !standardTemplate */
/* ---------------------------------------------------------------------- */

#topBar {
    height: 0px;
    background-color: #fff;;

    background-repeat: repeat-x;
}

/* header */
#header {
    background-color: #003d69;
    width: 710px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 34px;   
}

#logo {
    float: left;
    width: 430px;
}

#mainMenu {
    border-left: 2px solid #F56A7C;
    float: left;
    padding-bottom: 30px;
    padding-left: 8px;
    width: 270px;
}

#mainMenu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#mainMenu li {
    border: 0px;
    padding: 0px !important;
}

#mainMenu a {
    color: #003d69;
    color: #fff;
    font-size: 16px;
    font-weight: lighter;
    line-height: 21px;
}

#mainMenu a:hover {
    color: #F56A7C;
}

.mainMenuItemAct a {
    color: #F56A7C !important;
}

.mainMenuItemAct a:hover {
    color: #F56A7C;
}

/* !video */

#videoWrapper {
    display: none;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

#videoPlayer {
    background-color: #ffffff;
    height: 542px;
    margin-bottom: 40px;
    margin-top: 40px;
    width: 960px;
}

#videoCloseWrapper {
    height: 72px;
}

#videoBar {
    float: left;
    background-image: url("../images/redBar.jpg");
    background-repeat: repeat-y;
    height: 72px;
    margin-left: 555px;
    width: 2px;
}

#videoClose {
    float: left;
    margin-left: 10px;
}

#videoClose a {
    /* color: #003d69; */
    color: #ffffff;
    font-size: 21px;
    font-weight: lighter;
    line-height: 12px;
}

#videoClose a:hover {
    color: #F56A7C;
}


/* subheader */

#subheaderWrapper {
    height: 110px;
    margin: auto;
    padding-bottom: 50px;  
    width: 710px;
}

#subheaderLeft {
    float: left;
    font-weight: lighter;
    margin-top: 90px;
    width: 430px;
}

#subheaderRight {
    border-left: 2px solid #F56A7C;
    color: #F56A7C;
    float: left;
    font-size: 21px;
    font-weight: lighter;
    height: 100px;
    line-height: 25px;
    padding-left: 8px;
    position: relative;
    width: 270px;
}

#subheaderRightInner {
    position: absolute;
    bottom: -4px;
}


/* !content */

#contentWrapper {
    background: #F2F2F2;
    overflow-x: hidden;
}

#content {
    width: 710px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
}

/* !footer */

#footerWrapper {
    background-color: #fff;
    width: 100%;
}

#footer {
    font-size: 10px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    width: 710px;
}

#footer p,
#footer a {
    font-size: 11px;
    color: #808080;   
}

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

#social {
    float: left;
    width: 240px;
}

.youTube {
    background-image: url(../images/icon_youtube.png);
    display: block;
    float: left;
    height: 18px;
    width: 40px;
}

.youTube:hover {
    background-image: url(../images/icon_youtube_act.png);
}

.facebook {
    background-image: url(../images/icon_facebook.png);
    display: block;
    float: left;
    height: 18px;
    margin-left: 10px;
    width: 63px;
}

.facebook:hover {
    background-image: url(../images/icon_facebook_act.png);
}

#contact {
    float: left;
    width: 200px;  
}

#imprint {
    float: left;
    width: 260px; 
}



/* !FCE latestClips */
/* ---------------------------------------------------------------------- */

.latestClipWrapper {
    border-bottom: 1px solid #cccccc;
    cursor: pointer;   
    margin-bottom: 30px;
    padding-top: 0px;
}

.latestClipImages {
    width: 390px;
    height: 110px;
    float:left;
}

.latestClipText {
    float:left;
    height: 110px;
    margin-left: 50px;
    position: relative;
    width: 270px;
}

.latestClipTitle {}

.latestClipDescription {
    overflow: hidden;  
}

.latestClipPlayButton {
    background-color: white;
    bottom: 14px;
    position: absolute;
    left: -99px;
    padding: 5px;
}

.latestClipVideo {
    display: none;
}

/* !FCE imgText */
/* ---------------------------------------------------------------------- */

.imgTextWrapper {
    border-bottom: 1px solid #cccccc;   
    margin-bottom: 30px;
    padding-top: 0px;
}

.imgTextImages {
    width: 390px;
    height: 220px;
    float:left;
}

.imgTextText {
    float:left;
    height: 220px;
    margin-left: 50px;
    width: 270px;
}

.imgTextTitle {}

.imgTextDescription {
}


/* !FCE references */
/* ---------------------------------------------------------------------- */

.referencesWrapper {
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
    float: left;
    margin-bottom: 30px;
    margin-right: 10px;
    width: 230px;
}

.referencesImage {}

.referencesText {
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
}

.referencesText h2 {
    font-size: 14px;
}

.referencesClient {}

.referencesProject {}

.referencesPlayButton {
    position: absolute;
    right: 3px;
    top: 3px;
}



/* !FCE column2 */
/* ---------------------------------------------------------------------- */

.column2Wrapper {
}

.column2Left {
    float: left;
    min-height: 50px;
    width: 390px;
}

.column2Right {
    float: left;
    margin-left: 50px;
    min-height: 50px;
    width: 270px;
}



/* !clearBox */
/* ---------------------------------------------------------------------- */

.clearBox {
    width: 730px;
}



/* !more */
/* ---------------------------------------------------------------------- */

#more {
    width: 390px;
    height: 20px;
    margin-top: 50px;
    border-bottom: 1px solid #cccccc;
}

#more a {
    font-size: 16px;
    color: #666666;   
}

#more img {
    float: right;   
}