/* BOEHM MEDIENDIENST CSS Startseite */

/*
Color-Scheme:
weiß = #ffffff;
anthrazit = #1E1E1E;
orange (dunkel/text) = #FF6E00; 
orange (mittel) = #EF8129; 
orange (hell) = #F3954A; 
*/


/* Start CSS-Template-Basis */ 
* {
  padding: 0;
  margin: 0;
  border: 0;
}

html {
	height: 100%
	}

body {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	height:100%;
	background: url("../../imagescon01/bg03-3.jpg") no-repeat center top #1E1E1E;
	
	}
	
a {
	color: #FF6E00;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#F3954A;
}
a[href^="http:"] {
color:#FF6E00;
text-decoration:underline;
}
a[href^="http:"]:hover {
	text-decoration:underline;
	color:#F3954A;
}
#zentrierung {
	position: relative;
	width: 990px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	}

#background {
	position:absolute;
	width:100%;
}


/* Start Header */

#header {
	width:990px;
	height:290px;
}

#logo_boehm {
	position:absolute;
	left:0px;
	top:24px;
	width:232px;
	height:81px;
	z-index:2;
}
/* Start Submenu oben rechts */
#navi_submenu {
	position:absolute;
	left:283px;
	top:15px;
	width:708px;
	height:21px;
	text-align:right;
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	z-index:2;
}
#navi_submenu a[href^="http:"] {
text-decoration:none;
}
#navi_submenu a[href^="http:"]:hover {
	text-decoration:none;
}

#navi_submenu a{
	color:#FF6E00;
}
#navi_submenu a:hover{
	color:#F3954A;
	text-decoration:none;
}



#navi_submenu dd {
float:right;
width: 45px;
margin-top: -1px;
}
#navi_submenu dt {
float:right;
}


/* Ende Submenu oben rechts */


/* Start Hauptmenu oben */

ol#navi_mainmenu {
	position:absolute;
	left:283px;
	top:45px;
	width:708px;
	z-index:2;
	background: url("../../images/navi-bg01.png") repeat-x 0px 0px;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	overflow: hidden;
	height: 80px;
	      
	}

ol#navi_mainmenu a{
	position:relative;
	left:8px;
	padding-left: 24px;
	padding-right: 24px;
	color: #ffffff;
	padding-top: 20px;
	height: 80px;
	float: left;
}
ol#navi_mainmenu a:hover {
	background: url("../../images/navi-bg01-hover.png") repeat-x 0px 0px;
	text-decoration:none;
}
ol#navi_mainmenu li {
	padding-top: 0px;
	display: inline;
	list-style-type: none;
}

.menu1 {
	color: #ffffff!important;
	float: left;
}
.menu1open {
	background: url("../../images/navi-bg01-hover.png");
	background-repeat: repeat-x;
		}
.menu1activ {
	background-repeat: repeat-x;
	background-image: url(../../images/navi-bg01-hover.png);
	background-position: 0px 0px;
        }
        
/* Ende Hauptmenu oben */


#claim2 {
	position:absolute;
	width:708px;
	height:auto;
	clear:both;
	left:311px;
	top:133px;
	padding-bottom: 50px;
	padding-top:0px;
	z-index:5;
}
/* Anfang Position Motive */

#motiv_kompetenzen {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:810px;
	top:110px;
	padding-bottom: 20px;
	padding-top:0px;
	padding-left:30px;
	z-index:4;
}
#motiv_kompetenzen-img {
	position:relative;
	width:auto;
	height:auto;
	left:0px;
	top:0px;
}
#motiv_portrait {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-50px;
	top:-20px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_kundenbetreuung {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-100px;
	top:-30px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_print {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-60px;
	top:35px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_typo {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-240px;
	top:-22px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_online {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-130px;
	top:-25px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_typo3 {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-245px;
	top:-10px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_webdesign {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-170px;
	top:-15px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_preise {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-99px;
	top:-40px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_projekte {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-130px;
	top:25px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_kooperationen {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-82px;
	top:0px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_digitaldruck {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-150px;
	top:43px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_fotoprodukte {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-100px;
	top:30px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_seo {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-220px;
	top:5px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
#motiv_orange {
	position:absolute;
	width:auto;
	height:auto;
	clear:both;
	left:-180px;
	top:30px;
	padding-bottom: 20px;
	padding-top:0px;
	z-index:4;
}
/* Ende Position Motive */

/* Ende Header */


/* Start Content */

#content {
	position:relative;
	width:990px;
	z-index:2;
}

#content_left {
	display:inline;
	position:relative;
	left:0px;
	top:0px;
	width:231px;
	height:100%;
	float:left;
	padding-bottom: 80px;

}

ol#navi_mainmenu_level2 {
	position:relative;
	left:0px;
	top:0px;
	width:231px;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	width:231px;
	margin-top:5px;	
	margin-bottom:30px;
}
ol#navi_mainmenu_level2 a {
	color: #ffffff;
	background-color:#ff6e00;
	width:201px;
	font-size: 11px;
	display:block;	
	margin-bottom:5px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right:15px;
	margin-left:15px
        
}
ol#navi_mainmenu_level2 a:hover {
	background-color:#0e0e0e;
	text-decoration:none;
}
ol#navi_mainmenu_level2 li {
	list-style-type: none;
	position:relative;
	left:-15px;
	top:0px;
	background: url("../../imagescon01/navi-level2-shadow3.png") no-repeat left bottom;
	}
#print {
}
#typo {
}
ol#navi_mainmenu_level2 a#typo {
background-color:#ff6e00;
}
#druck {
}
#online {
}
#fotoprodukte {
}

ol#navi_mainmenu_level2 #navi_mainmenu_level3 {
	padding-bottom:5px;
}
ol#navi_mainmenu_level2 #navi_mainmenu_level3 a {
	color: #ffffff;
	background:transparent;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	margin-left: 0px;
	font-weight:normal;
}
ol#navi_mainmenu_level2 #navi_mainmenu_level3 a:hover {
color: #ff6e00;
}
ol#navi_mainmenu_level2 #navi_mainmenu_level3 li {
	list-style-type:square;
	background:transparent;
	position:relative;
	left:0px;
	top:0px;
	margin-left:30px;
	font-weight:normal;
}


/* Definition Unternavigation für Typoscript Anfang */

.menu1sub {
	background-color: #0e0e0e;
	color: #ffffff!important;
}
.menu1subopen {
	background-color: #0e0e0e!important;
	color: #ffffff!important;
	font-weight: bold!important;
}
.menu1subactiv {
        background-color: #0e0e0e!important;
	color: #ffffff!important;
	font-weight: bold!important;
}
.menu2sub {
        line-height:5px;
        position:relative;
	left:-15px;
	background-color: #1e1e1e!important;
	color: #ffffff;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	margin-left: 15px;
	font-weight:normal;
}

.menu2subopen {
        line-height:5px;
	position:relative;
	left:-15px;
	background: #1e1e1e!important;
	color: #ff6e00!important;
	font-weight: bold!important;
}
.menu2subactiv {
        line-height:5px;
	position:relative;
	left:-15px;
	background: #1e1e1e!important;
	color: #ff6e00!important;
	font-weight: bold!important;
}	


/* Definition Unternavigation für Typoscript Ende */


#box_related1 {
	padding-bottom:20px;
}
#box_related1 h3 {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
#box_related1 a{
	font-size:11px;
	text-decoration:underline;
padding-bottom:8px;
}
#box_related_img {
	margin-top:5px;
	margin-bottom:2px;
}

#content_main {
	display:inline;
	position:relative;
	left:80px;
	width:650px;
	float:left;
	padding-bottom: 80px;
}
#content_main h1 {
	color: #ffffff;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:20px;
	line-height:22px;
        text-align:left;
        word-spacing: 1px;
}
#content_main h2 {
	color: #FF6E00;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:24px;
        text-align:left;
word-spacing: 1px;
}
#content_main h3 {
	color: #ffffff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:10px;
	line-height:22px;
word-spacing: 1px;
}

#content_main h6 {
	color: #ffffff;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:20px;
word-spacing: 1px;
}
#content_main p {
	color: #ffffff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:20px;
        text-align:left;
        word-spacing: 1px;
}
#content_main p a {
	color: #FF6E00;
	text-decoration:underline;	
}
#content_main p a:hover {
	color:#F3954A;
}
#content_main b {
	color:#FF6E00;
}
#content_main i {
	font-style: normal;
	color:#ffffff;
}
#content_main img {
	margin-top: 6px;
	}
/* Definition Aufzählung Content Anfang */

#content_main ul {
     padding-top:10px;
     list-style: square;
     font-size:12px;
     line-height:20px;
     color:#FF6E00;
     margin-left: 44px;
     word-spacing: 1px;}

#content_main ul li {
     padding-bottom:10px;
     padding-left: 10px;
     color:#FF6E00;
}
#content_main ul li a {color: #FF6E00;
	text-decoration:underline;}
	
#content_main ul li a:hover {
color:#F3954A;
text-decoration:underline;
}

/* Definition Aufzählung Content Ende */

/* Ende Content */


/* Start Footer */

#footer {
	position:relative;
	width:990px;
	margin: -2.5em auto 0;
	clear:both;
	font-size:10px;
	padding-bottom:15px;
	font-weight:normal;
	z-index: 99!important;
	}
.copyright {
	float:left;
	}	
.adresse {
	float:right;
	}	
		
/* Ende Footer */	


#wrapper {
    height: auto !important;
    margin: 0 auto -25px;
    min-height: 100%;
	}

.spacer {
	clear:both;
	width:990px;
	position:relative;
	width:990px;
	z-index:2;
	padding-bottom:100px;
}	
.clearer {
	clear:both;
	width:990px;
	height:10px;
}	


/* Ende CSS-Template-Basis */ 

A:active, A:focus {
    outline: 0;
}
/* Bildunterschriften Anfang*/ 

.csc-textpic-caption {
    font-size: 9px;
    padding-top: 5px
}
    
/* Bildunterschriften Ende*/ 

#c113 {
clear: both;
}