/*
	Theme Name: PageOne
	Description: PageOne for themeforest
	Author: Innovatics GmbH
	Author URI: http://www.innovatics.de/
	Version: 1.0
*/

body { font-family: arial; font-size: 14px; }

.flag { background: url(../img/blackwhite/headline_flag_left.png) no-repeat; height: 74px; width: 12px; float: left; margin-top: 16px; }

.menu ul.navi-list li a.active, .menu ul.navi-list li a:hover { background: url(../img/blackwhite/button_hover.png); }
.menu .social_media .social_media_left { background: url(../img/blackwhite/social_media_left.png); }
.menu .social_media .social_media_right { background: url(../img/blackwhite/social_media_right.png); }
.menu .social_media .social_media_center { width: 95px; background-color: #000;}

#welcome p span { color: #007aa7; font-weight: bold; }

.flag_center { background: url(../img/blackwhite/headline_flag_center.png); width: 70px; height: 37px; position: relative; top: 35px; text-align: right; }
.flag_right { background: url(../img/blackwhite/headline_flag_right.png); width: 15px; height: 37px; position: relative; top: -2px; left: 70px; }

#teaser .flag_right { background: url(../img/blackwhite/headline_flag_right.png); width: 15px; height: 37px; position: absolute; top: 35px; left: 70px; z-index: 1; }
#teaser .flag_center { background: url(../img/blackwhite/headline_flag_center.png); width: 70px; height: 37px; position: absolute; top: 35px; text-align: right; }
#teaser #twitter #twitter_button { background: url(../img/blackwhite/twitter_button.png); width: 80px; height: 20px; position: absolute; top: 200px; left: 250px; z-index: 5;}

.submit { width: 146px; height: 43px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; border: 0; cursor: pointer; background: url(../img/forms/bg-submit-bw.jpg) no-repeat bottom left; }
.submit:hover { width: 146px; height: 43px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; border: 0; cursor: pointer; background: url(../img/forms/bg-submit-hover-bw.jpg) no-repeat bottom left; }

.content_bottom { background: url(../img/blackwhite/content_bottom.png); height: 63px; margin-left: 12px; }
.content .service_box_left h1, .content .service_box_right h1 { color: #007aa7; font-size: 35px; padding-bottom: 10px; font-weight: normal; }
.content .contact { color: #007aa7; }
.content .content_right h1 { color: #007aa7;}
.content ul.reference_links li a { text-decoration: none; color: #007aa7; }
.content .plus { position: relative; left: 360px; width: 32px; height: 31px; padding-bottom: 30px; background: url(../img/blackwhite/plus.png) no-repeat; }
.content ul.reference-links li a { text-decoration: none; color: #007aa7; }
.content ul.reference-images .port-images div h3 { position: absolute; bottom: 25px; left: 12px; font-size: 13px; color: #007aa7; z-index: 6;}

.button .button_left { background: url(../img/blackwhite/button_left.png); float: left;	width: 19px; height: 39px; }
.button .button_left_hover { background: url(../img/blackwhite/button_left_hover.png); float: left;	width: 19px; height: 39px; }
.button .button_center { background: url(../img/blackwhite/button_center.png); float: left; height: 29px; padding-left: 20px; padding-top: 10px; padding-right: 20px; }
.button .button_center_hover { background: url(../img/blackwhite/button_center_hover.png); float: left; height: 29px; padding-left: 20px; padding-top: 10px; padding-right: 20px; }
.button .button_center a { color: white; text-decoration: none; }
.button .button_center_hover a { color: white; text-decoration: none; }
.button .button_right { background: url(../img/blackwhite/button_right.png); float: left; width: 19px; height: 39px; }
.button .button_right_hover { background: url(../img/blackwhite/button_right_hover.png); float: left; width: 19px; height: 39px; }
.button input { background: url(../img/blackwhite/button_center.png); float: left; height: 29px; padding-left: 20px; padding-top: 10px; padding-right: 20px; width: 100px; margin: 0; }

#footer { height: 40px; background: #000000; padding-bottom: 1px; }