/*----------------------------------------------------------------------
*
* RESET
*
----------------------------------------------------------------------*/
* { margin:0; padding:0; }
*:focus { outline:none; }
img { border:none; display:block; }
.invisible{ width:0px; height:0px; left:-9999em; top:-9999em; position:absolute; overflow:hidden; display:inline; }
/*----------------------------------------------------------------------
*
* BASIC
*
----------------------------------------------------------------------*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	background-color:#000;
	color:#333333;
}
a { color:#333333; font-weight:bold; }
a:hover { text-decoration:none; }
p { margin-bottom:18px; }
b,strong { font-weight:bold; }

h1 { font-size:30px; line-height:36px; font-weight:normal; color:#333333; margin-bottom:18px;}
h2 { font-size:18px; line-height:36px; font-weight:normal; color:#efb000; }
h3 { font-size:14px; line-height:18px; font-weight:normal; color:#333333; }
h4 { font-size:12px; font-weight:normal;}
h5 { font-size:12px; line-height:18px; }
h6 { font-size:10px; line-height:18px; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration:none; }

ol { list-style:decimal; margin-bottom:18px; }
ul { margin-bottom:18px; }
li { margin-left:20px; }
.error { color:#F00; }

/*----------------------------------------------------------------------
*
* LAYOUT
*
----------------------------------------------------------------------*/
.box { padding:10px; }
.box_home {
  margin-bottom:36px;
}
.box_home:hover {
  
}
.box_home h2 {
	font-weight: bold;
	position: absolute;
	background: #000;
	display: block;
	width: 560px;
	padding-left: 30px;
	margin-top: 204px;
}

#logo {
    background: url("logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    width: 331px;
    height: 40px;
    text-indent: -9999em;
	position:absolute;
	top:0;
	margin-left:-45px;
	margin-top:15px;
}
.sonnenmarkise #logo {
    background: url("logo_markise.jpg") no-repeat scroll 0 0 transparent;
    position:relative;
    margin-left:-45px;
	top:15px;
    padding:16px 0;
    margin-top:0;
}
.montagefachbetrieb #logo {
    background: url("logo_montagefachbetrieb.jpg") no-repeat scroll 0 0 transparent;
margin-left:0px;
    /*position:relative;
    margin-left:-10px;
	top:15px;
    padding:16px 0;
    margin-top:0;*/
}
#logo_F {
    background: url("logo_f.png") no-repeat scroll center 30px transparent;
    display: block;
    width: 258px;
    height: 186px;
    text-indent: -9999em;
	float:right;
	padding-right:30px;
	margin-right:60px;
}
#logo_M {
    background: url("logo_markise_grau.jpg") no-repeat scroll center 30px transparent;
    display: block;
    width: 315px;
    height: 186px;
    text-indent: -9999em;
	float:right;
	padding-right:30px;
	margin-right:60px;
}
#logo_MFB {
    background: url("logo_montagefachbetrieb_grau.jpg") no-repeat scroll center 30px transparent;
    display: block;
    width: 315px;
    height: 186px;
    text-indent: -9999em;
	float:right;
	padding-right:30px;
	margin-right:60px;
}
.container_24 { width:1000px; }
#wrapper {
	background:#FFF url(wrapper_bg.jpg) top center repeat-x;
}
#header {
	
}
#container { background-color:#FFF; padding-bottom:36px; border-bottom:1px solid #777; }
#main {
	margin:0;
	padding:0px 30px;
}
#right {
	margin:0;
	padding-right:30px;
	padding-left:10px;
}
.box_sm h2, .contact_box h2, .mod_newslist h2 { font-size:24px; color:#FFF; background:url(right_s_bg.png) bottom left no-repeat; }

#footer {
	color:#666;
	background-color:#000;
	font-weight:normal;	
	border-top:1px solid #efb000;
}
#footer h3 { color:#666; }
#footer .container_24 { padding:18px 30px; }
#footer a { color:#666; font-weight:normal; }

.tpl_footer {
	text-align:center;
	line-height:54px;
	color:#333;
	background:url(footer_bg.jpg) top center no-repeat;
}
#footer .tpl_footer a { color:#333; }
.tpl_footer_text { padding-left:30px; }

.mod_slideshow2 {
	clear:both;
	padding-bottom:54px;
	background:url(slider_bg.png) bottom center no-repeat;
}
.ce_INREDgallery .gallery { margin-bottom:18px; } 
.ce_INREDgallery .gallery img { border:1px solid #FFF; }
.ce_INREDtext .image_container { border:1px solid #CCC; }
.ce_gallery .image_container { border:1px solid #CCC; margin-right:5px; margin-bottom:9px; }
.ce_download { margin-bottom:18px; }
.ce_download img { float:left; }

.box_sm { padding:20px 20px 2px 20px; background:#efb000; }
#main .box_sm { padding:10px 10px 2px 10px; }
.box_sm.contact_box, .box_sm.mfb { padding:20px 20px 2px 20px; background:#000; margin-bottom:18px; color:#fff; }
.box_sm h2 { background:url(right_o_bg.png) bottom left no-repeat; margin-bottom:9px; }
.box_sm.contact_box h2, .box_sm.mfb h2 { background:url(right_s_bg.png) bottom left no-repeat; margin-bottom:9px; }
.box_sm a { text-align:right; text-decoration:none; display:block; }
.box_sm.contact_box a { color:#efb000; text-align:left; text-decoration:none; display:inline-block; }
.box_sm a:hover { text-decoration:underline; }
.box_sm.mfb a { color:#efb000; }
/*----------------------------------------------------------------------
*
* NAVIGATION
*
----------------------------------------------------------------------*/
.nav_main {
	padding:0;
	margin:0;
	margin-bottom:18px;
	float:right;
}
.nav_main ul {
	list-style:none;
	margin:0;
}
.nav_main li {
	float:left;
	margin:0;
	border-right:1px solid #111;
	border-left:1px solid #333;
}
.nav_main li.first { border-left:none }
.nav_main li.last { border-right:none }
.nav_main a {
	font-size:14px;
	line-height:55px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:0 10px;
	font-weight:bold;
	
}
.nav_main a:hover,
.nav_main .active a,
.nav_main .trail a {
	background:url(menu_a_bg.png) bottom right no-repeat;
}
.nav_main li:hover,
.nav_main li.active,
.nav_main li.trail {
	background:url(menu_li_bg.png) bottom left no-repeat;
}

.nav_main ul.level_2 a:hover,
.nav_main ul.level_2 .active a,
.nav_main ul.level_2 .trail a {
	color:#FFFFFF;
	background-color:#efb000;
}
.nav_main li:hover ul { left: auto; }
.nav_main .level_2 { background:#FFF; position: absolute; left: -999em; z-index:999; }
.nav_main .level_2 li { text-align:left; background:none; float:none; margin:0; border:none; border-bottom:1px solid #CCC; }
.nav_main li.first .level_2 {  }
.nav_main .level_2 a { background:#FFF; padding-left:15px; padding-right:40px; color:#333; line-height:36px; font-size:12px; text-transform:none; }
.nav_main .level_2 li.first {  }
.nav_main .level_2 li.last { border-bottom:none; }

.nav_top { float:right; }
.nav_top ul { margin:0; }
.nav_top li { padding:0; float:left; }
.nav_top a { display:block; }

.nav_footer {
	margin:0;
	padding-left:40px;
	margin-left:39px;
	padding-right:40px;
	margin-right:00px;
	float:left;
	border-right:1px solid #111;
	border-left:1px solid #111;
}
.nav_footer ul {
	padding-left:10px;
}
.nav_footer li {
	margin:0;
	list-style-position:inside;
}
.mod_sitemap ul { margin:0; }

#right .nav_right {
	background:#000;
	padding:20px 20px 20px 20px;
	margin-bottom:18px;
}
#right .nav_right h2 { margin-bottom:9px; }
#right .nav_right ul { margin:0; color:#FFF; }
#right .nav_right a { color:#FFF; text-decoration:none; }
#right .nav_right a:hover { text-decoration:underline; }
/*----------------------------------------------------------------------
*
* NEWS
*
----------------------------------------------------------------------*/
/* News Liste */
#right .mod_newslist {
	background:#000;
	padding:20px 20px 0 20px;
}
#right .mod_newslist .date { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#efb000;
	margin:0;
	margin-top:9px;
}
#right .mod_newslist h3 a {
	color:#FFF;
	font-weight:normal;
}
#right .mod_newslist h3 { margin:0; }
#right .mod_newslist a:hover { text-decoration:underline; }
#right .mod_newslist .item { padding-bottom:8px; margin-bottom:9px; border-bottom:1px solid #333; }
#right .mod_newslist .item.last { margin:0; }
.allNews { background:#000; text-align:right; list-style:none; padding-right:20px; line-height:36px; }
.allNews a { color:#efb000; text-decoration:none; }
.allNews a:hover { text-decoration:underline; }

.mod_newslist .image_container { float:left; margin-right:5px; border:1px solid #999; }
.mod_newslist .item { padding-bottom:17px; margin-bottom:18px; border-bottom:1px solid #CCC; }
.mod_newslist .item.last { padding:0; border:none; }
.mod_newslist .date { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#efb000;
	margin:0;
	margin-top:9px;
	margin-bottom:9px;
}
.mod_newslist h3 {
	margin-bottom:18px; 
}
/* News Detail */
.mod_newsreader .image_container {
	border:1px solid #999;
	margin-bottom:18px;
}
/*----------------------------------------------------------------------
*
* PAGINATION
*
----------------------------------------------------------------------*/
.pagination { margin-bottom:18px; }
.pagination ul { float:left; list-style:none; }
.pagination li { float:left; margin-left:0; margin-right:5px; }
.pagination a, .pagination span, .pagination p { border:1px solid #999999; padding:0 5px; display:block; text-decoration:none; color:#999999; }
.pagination a:hover { border-color:#efb000; color:#333333; }
.pagination p { float:right; }
.pagination span { font-weight:bold; background:#efb000; border-color:#efb000; color:#ffffff; }
/*----------------------------------------------------------------------
*
* FORMULARE
*
----------------------------------------------------------------------*/
.ce_form legend { 
	font-size:18px; 
	font-style:italic; 
	color:#a7111c; 
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 10px;
}
.ce_form .explanation { margin-top:18px; margin-left:200px; }
#toggle_14 { margin-top:8px; }
#toggle_15 { margin-top:15px; }
#ctrl_14, #ctrl_15 { margin-right:10px; }
.ce_form fieldset {
	border:1px solid #CCCCCC;
	margin-bottom:18px;
	padding-top:18px;
}
.ce_form label {
	float:left;
	width:220px;
	margin-right:10px;
	padding:9px 0 8px 20px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	color:#666666;
	line-height:18px;
	margin-bottom:18px;
	clear:both;
}
.ce_form input,
.ce_form textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
}
.ce_form h3 {
	padding-left:20px;
	background:#FFF;
	margin-bottom:18px;
	width:100px;
}
.ce_form .text,
.ce_form .captcha {
	background:#F9F8F4;
	border:1px solid #999999;
	color:#666666;
	padding:0 9px;
	width:270px;
	height:34px;
	margin-bottom:18px;
	float:left;
}
.ce_form .captcha { margin-bottom:0; }
.ce_form .captcha_text {
	display:block;
	
	float:left;
	margin-bottom:18px;
	color:#666666;
}
.ce_form .text.date { width:200px; margin-right:10px; }
#toggle_19, #toggle_20 { margin-top:7px; }

.ce_form .textarea {
	background:#F9F8F4;
	border:1px solid #999999;
	color:#666666;
	padding:8px 9px;
	width:270px;
	height:144px;
	margin-bottom:18px;
	resize:none;
	float:left;
}
.ce_form .textarea:hover, .ce_form .text:hover { border:1px solid #666666; }
.ce_form .select {
   background:#F9F8F4;
   width:190px;
   border:1px solid #999999;
   padding:9px;
   color:#666666;
   height:36px;
   margin-bottom:18px;
}
.ce_form .submit_container { clear:both; }
.ce_form .submit {
	background:#F9F8F4;
	border:1px solid #999999;
	color:#666666;
	padding:0 9px;
	width:170px;
	height:36px;
	margin-bottom:18px;
	cursor:pointer;
	font-weight:bold;
	text-transform:uppercase;
	clear:both;
}
.ce_form .submit:hover {
	color:#333333;
	border:1px solid #666666;
}
.ce_form p.error {
	width:0px;
	height:0px;
	text-indent:-9999em;
	float:right;
}
.ce_form label.error {
	color:#ff0000;
	border-bottom:1px solid #ff0000;
}
.ce_form .captcha_text.error {
	color:#FF0000;
}