/* 
Titel: Brillenmacher Lars Jensen - CSS Stylesheet
Autor: Miriam Hennings, grafik design miriam hennings, www.miriamdesign.de
Datum: 2010
*/

/************************************************************/
/* Layout*/
/************************************************************/
	
body{
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0 auto;
	background: #686868 url(../layout_pics/gradient_header.jpg) repeat-x center top;
	}
	
div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	}
		
#content_bg{
	background: url(../layout_pics/content_bg.gif) repeat-y;
	width: 1000px;
	margin: 0 auto;
	}

#position{
	width: 1000px;
	margin: 0 auto;
	text-align:left;
	}

#position2{
	width: 100%;
	background: #ededed;
	text-align:left;
	}

#header{
	float: right;
	width: 812px;
	height: 255px;
	background: url(../layout_pics/header.png) no-repeat;
	text-align:left;
	}
	
:hover,:focus,:active{
	outline:0;
	}
		
/************************************************************/
/* Menu - Left */
/************************************************************/

#content_left{
	width: 218px;
	text-align: left;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	float: left;
	}
	
#content_left img{
	margin-bottom: -3px;
	height: 35px;
	width: 218px;
	}
	
/************************************************************/
/* TYPOlight - mod_navigation */
/************************************************************/

#content_left .mod_navigation a.invisible{
	display:none;
	}	
	
#content_left .mod_navigation{
	padding: 0px 0px 0px 0px;
	}
	
#content_left .mod_navigation ul{
	padding: 0px;
	margin: 0px;
	}
		
#content_left .mod_navigation ul.level_1,
#content_left .mod_navigation ul.level_2{
	width:218px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}	

/************************************************************/
/* TYPOlight - mainmenue level 1 */
/************************************************************/

.mod_navigation ul.level_1,
#content_left li.level_1{
	list-style-type:none;
	font: 11px Verdana, Arial, Helvetica, Sans-Serif;
	}	
	
.mod_navigation ul.level_2,
#content_left li.level_2{
	list-style-type:none;
	font: 10px Verdana, Arial, Helvetica, Sans-Serif;
	}
	
/* ****************************** */
	
#content_left .mod_navigation .level_1 a,
#content_left .level_1 strong{
	display:block;
	padding-top:4px;
	padding-bottom:6px;
	height: 14px;
	text-decoration:none;
	text-indent: 25px;
	background: url(../layout_pics/mainbut_off.gif) no-repeat;
	}	
	
#content_left .mod_navigation .level_1 a:link,
#content_left .level_1 a:visited{
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	background: url(../layout_pics/mainbut_off.gif) no-repeat;
	}		
	
#content_left .mod_navigation ul.level_1 span.active,
#content_left .mod_navigation ul.level_1 li.trail a:hover,
#content_left .level_1 a.trail:link,
#content_left .level_1 a.trail:visited,
#content_left .level_1 a:active,
#content_left .level_1 a:focus,
#content_left .level_1 strong{
	font-weight:normal;
	color:#ffffff;
	display:block;
	padding-top:4px;
	padding-bottom:6px;
	height: 14px;
	text-decoration:none;
	text-indent: 25px;	
	background: url(../layout_pics/mainbut_on.gif) no-repeat;
	}
		
#content_left .mod_navigation ul.level_1 li a:hover{
	color:#ffffff;
	height: 14px;
	background: url(../layout_pics/mainbut_on.gif) no-repeat;
	}
	
/* mainmenu first button */
	
#content_left .mod_navigation ul.level_1 li.first a{
	padding-top:4px;
	padding-bottom:6px;
	height: 14px;
	background: url(../layout_pics/mainbut_off.gif) no-repeat;
	}
	 
#content_left .mod_navigation ul.level_1 li.first a:active,
#content_left .mod_navigation ul.level_1 li.first span.active{
	color:#ffffff;
	padding-top:4px;
	padding-bottom:6px;
	height: 14px;
	background: url(../layout_pics/mainbut_on.gif) no-repeat;
	}
	
#content_left .mod_navigation ul.level_1 li.first a:hover{
	color:#ffffff;
	padding-top:4px;
	padding-bottom:6px;
	height: 14px;
	background: url(../layout_pics/mainbut_on.gif) no-repeat;
	}
	
/* mainmenu last button */
	
#content_left .mod_navigation ul.level_1 li.last a{
	padding-top:4px;
	padding-bottom:6px;
	height: 14px;
	background: url(../layout_pics/mainbut_off.gif) no-repeat;
	}
	
#content_left .mod_navigation ul.level_1 li.last a:active,
#content_left .mod_navigation ul.level_1 li.last span.active{
	color:#ffffff;
	padding-top:4px;
	padding-bottom:6px;
	height: 14px;
	background: url(../layout_pics/mainbut_on.gif) no-repeat;
	}
	
#content_left .mod_navigation ul.level_1 li.last a:hover{
	color:#ffffff;
	padding-top:4px;
	padding-bottom:6px;
	height: 14px;
	background: url(../layout_pics/mainbut_on.gif) no-repeat;
	}


#content_left .mod_navigation ul.level_1 li.submenu span.active,
#content_left .mod_navigation ul.level_1 li.submenu a.trail{
	background: url(../layout_pics/mainbut_on_mit.gif) no-repeat;
	}

	
/************************************************************/
/* TYPOlight - submenue level 2	*/
/************************************************************/
/* submenu first button */
	
#content_left .mod_navigation ul.level_2 li.first a,
#content_left .mod_navigation .level_2 a,
#content_left .mod_navigation li.submenu ul.level_2 li a{
	color: #000000;
	text-indent: 35px;
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
	height: 14px;
	background: url(../layout_pics/sub_bg.gif) repeat-y;
	}
	
#content_left .mod_navigation ul.level_2 li.first a:hover, 
#content_left .mod_navigation ul.level_2 li.first a:active,
#content_left .mod_navigation ul.level_2 li.first span.active,
#content_left .mod_navigation ul.level_2 li span.active,
#content_left .mod_navigation ul.level_2 li.active span.active,
#content_left .mod_navigation li.submenu ul.level_2 li a:hover{
	text-indent: 35px;
	font-weight:normal;
	color:#ffffff;
	padding-top:4px;
	padding-bottom:4px;
	height: 14px;
	background: url(../layout_pics/sub_bg.gif) repeat-y;
	}
	
/* submenu last button */
	
#content_left .mod_navigation ul.level_2 li.last a{
	color: #000000;
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
	height: 14px;
	background: url(../layout_pics/sub_bg.gif) repeat-y;
	}
	
#content_left .mod_navigation ul.level_2 li.last a:hover,
#content_left .mod_navigation ul.level_2 li.last a:active,
#content_left .mod_navigation ul.level_2 li.last span.active{
	font-weight:normal;
	color:#ffffff;
	padding-top:4px;
	padding-bottom:4px;
	height: 14px;
	background: url(../layout_pics/sub_bg.gif) repeat-y;
	}
	
/************************************************************/
/* smallmenu */
/************************************************************/
	
.mod_customnav{margin-top: 114px;font:9px Verdana, Arial, Helvetica, Sans-Serif;float:right;padding-right: 15px;}
.mod_customnav ul{margin:0;text-align:right;list-style-type:none;}
.mod_customnav li{display:inline;padding:0px 3px 0px 0px;white-space:nowrap;background: none;}
.mod_customnav ul li a{color: #000000;text-decoration: none;background: none;}
.mod_customnav ul li a:hover{color: #da251d;text-decoration: none;background: none;}

.mod_customnav li .first{border-right: 1px solid #dceeff;padding:0px 6px 0px 0px;background: none;}
.mod_customnav li .last{border-left: 1px solid #dceeff;padding:0px 0px 0px 6px;background: none;}

.mod_customnav li.active span.active {color:#da251d;background: none;}

	
/************************************************************/
/* Main */
/************************************************************/

#content{	
	width: 780px;
	text-align: left;
	margin-left: 0px;
	float: right;
	}
	
.copytext{
	padding: 28px 47px 12px 47px;
	color: #000000;
	}
	
.brillenfirmen{
	color: #666666;
	}

/************************************************************/
/* Headlines basic.css */
/************************************************************/

h1{
	color: #da251d;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 25px 0px;
	padding:0px;
	}
	
h2{
	color: #0682f5;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px 10px 0px;
	padding:0px;
	}
	
h3{
	color: #000000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 15px 0px;
	padding:0px;
	}
	
hr{
	margin: 15px 0px;
	color: #ffffff;
	border-color: #b7dcfe;
	border-width: 1px 0 0 0;
	border-style: dashed;
	}
	
/************************************************************/
/* footer */
/************************************************************/


#footer_gradient{
	position: relative;
	width: 100%;
	height: 183px;
	margin-bottom: auto;
	margin-top: 0px;
	background: url(../layout_pics/gradient_footer.gif) repeat-x;
	}
		
#footer{
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 60px;
	width: 1000px;
	background: url(../layout_pics/footer.gif) repeat-x;
	}

#footer_left{
	text-align: left;
	width: 710px;
	color: #ffffff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 26px 0px 0px 250px;
	float: left;
	}
	
#footer_left a{
	text-decoration: none;
	color: #ffffff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}
	
#footer_left a:hover{
	text-decoration: none;
	color: #da251d;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}

#footer_right{
	text-align: right;
	width: 25px;
	color: #ffffff;
	padding: 21px 15px 0px 0px;
	float: right;
	}
	
#footer_right a img {
	border: 0px;
	}
	
	
/************************************************************/
/* form */
/************************************************************/

fieldset{
	font: 11px Verdana, Arial, Helvetica, Sans-Serif;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	margin-top: 5px;
	padding: 10px;
	background: url(../layout_pics/bg_fieldset.gif) center bottom;
	background-repeat: repeat-x;
	}
	
fieldset td.col_0{
	width: 150px;
	}
	
fieldset td.col_1{
	width: 640px;
	}

legend{
	color: #0078f2;
	background: #ffffff;
	padding: 3px 7px;
	font-weight: bold;
	font-size: 9px;
	margin: 5px 0px;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	}
	
fieldset td.explanation{
	margin-top: 0px;
	padding-bottom: 10px;
	color: #666666;
	font: 10px Verdana, Arial, Helvetica, Sans-Serif;
	}
	
/***********************/

.ce_form input.text, textarea, .ce_form input.captcha{
	font: 11px Verdana, Arial, Helvetica, Sans-Serif;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	padding: 3px 4px 3px 4px;
	color:#51a4f0;
	margin-top: 5px;
	}
	
.ce_form input.text, .ce_form input.captcha{
	height: 15px;
	width: 210px;	
	}
	
.ce_form input, .ce_form textarea{
	display: block;
	}
	
.ce_form textarea{
	overflow: auto;
	height: 60px;
	width: 210px;
	}
	
/***********************/
	
.captcha_text{
	margin-top: 10px;
	}
	
	
.ce_form input.captcha{
	width: 17px;
	}
	
/***********************/
.submit_container{
	margin: 15px 0px;
	}
	
.submit_container .submit{
	font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
	padding: 2px 10px;
	background: #0078f2;
	color: #ffffff;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	cursor: pointer;
	}
	
.submit_container .submit:hover{
	color:#0078f2;
	background: #ffffff;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	}
	
/***********************/
	
.ce_form input.captcha{
	margin-bottom: 5px;
	}
	
.error{
	font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
	color: #da251d;
	margin: 5px 0px 5px 0px;
	}
	
.confirm{
	font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
	color: #da251d;
	margin: 3px 0px 5px 0px;
	}
	
/***********************/

.ce_form input.text,
.ce_form textarea,
.ce_form input.captcha{
	background-image: none;
	background-position:left top;
	background-repeat:repeat-x;
	}
	
	
span.mandatory{
	font-weight: bold;
	color: #da251d;
	}
	
/************************************************************/
/* TYPOlight - accordion */
/************************************************************/

.copytext .toggler{
    color: #000000;
	font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
	background:#edf6ff url(../layout_pics/toggler_off.gif) left center no-repeat;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
    padding:6px 0px 6px 22px;
    cursor:pointer;
	}
	
.copytext .toggler.active {
	color: #da251d;
	background:#f7f7f7 url(../layout_pics/toggler_on.gif) left center no-repeat;
	}
	
.copytext .toggler:hover{
	color: #da251d;
	background:#f7f7f7 url(../layout_pics/toggler_on.gif) left center no-repeat;
	}
	
.copytext .ce_accordion .accordion{
	margin: 5px 0px;
	}
	
.copytext .ce_accordion .accordion{
	margin: 2px 0px;
	background: #f4f4f4;
	border: 1px solid #cccccc;
	padding: 22px;
	}
	
.copytext .ce_accordion li{
	margin: 0px 0px 0px 0px;
	padding: 3px;
	list-style: url(../layout_pics/li.gif);	
	}
	
.copytext .ce_accordion a{
	color: #da251d;
	font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	}
	
.copytext .ce_accordion a:hover{
	color: #b7dcfe;
	font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	}
		
/************************************************************/
/* Link Button */
/************************************************************/

.copytext .button{
    color: #000000;
	font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
	background:#edf6ff url(../layout_pics/toggler_off.gif) left center no-repeat;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	padding:6px 0px 6px 22px;
	}

/************************************************************/
/* TYPOlight - ce_image */
/************************************************************/

.ce_image img{
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	padding: 3px;
	}
	
.ce_image img:hover{
	padding: 3px;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	}
	
/************************************************************/
/* TYPOlight - ce_text */
/************************************************************/

.ce_text img, .ce_text image_container{
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	padding: 3px;
	}
	
.ce_text img a:hover, .ce_text image_container a:hover{
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	padding: 3px;
	}
	
.ce_text li{
	margin: 0px 0px 0px 0px;
	padding: 3px;
	list-style: url(../layout_pics/li.gif);	
	}
	
.ce_text ul{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 30px;
	}
	
.ce_text a{
	color: #da251d;
	font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	}
	
.ce_text a:hover{
	color: #b7dcfe;
	font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	}
	
.image_container img{
	margin: 0px 10px 10px 0px;
	}

		
/************************************************************/
/* TYPOlight - sitemap */
/************************************************************/

.mod_sitemap{
	padding-left: 70px;
	}

.mod_sitemap ul{	
	display:block;
	padding: 0px;
	margin: 0px;
	}
	
.mod_sitemap ul.level_1 li{
	list-style-type: none;
	padding-top: 10px;
	}
	
.mod_sitemap ul.level_1 li a{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background:url(../layout_pics/link_off.gif) left center no-repeat;
	padding-left: 15px;
	}
	
.mod_sitemap ul.level_1 li a:hover{
	color: #da251d;
	background:url(../layout_pics/link_on.gif) left center no-repeat;
	}
	
/************************************************************/
	
.mod_sitemap ul.level_2 li{
	list-style-type: none;
	padding-top: 4px;
	text-indent: 20px;
	}
	
.mod_sitemap ul.level_2 li a{
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	background: none;
	}
	
.mod_sitemap ul.level_2 li a:hover{
	color: #da251d;
	background: none;
	}
	
/************************************************************/
/* TYPOlight - Galerie */
/************************************************************/
	
.ce_gallery{
	padding-top: 0px;
	}
	
.ce_gallery img{
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
	padding: 3px;
	background: #ffffff;
	}
	
.ce_gallery img:hover{
	border: 1px solid #da251d;
	padding: 3px;
	background: #ffffff;
	}
	
/* ----- 10 Reihen ----- */

.ce_gallery.row_0 td,
.ce_gallery.row_1 td,
.ce_gallery.row_2 td,
.ce_gallery.row_3 td,
.ce_gallery.row_4 td,
.ce_gallery.row_5 td,
.ce_gallery.row_6 td,
.ce_gallery.row_7 td,
.ce_gallery.row_8 td,
.ce_gallery.row_9 td,
.ce_gallery.row_10 td{
	padding-top: 0px;
	}
	
.ce_gallery.row_0 td.col_0,
.ce_gallery.row_1 td.col_0,
.ce_gallery.row_2 td.col_0,
.ce_gallery.row_3 td.col_0,
.ce_gallery.row_4 td.col_0,
.ce_gallery.row_5 td.col_0,
.ce_gallery.row_6 td.col_0,
.ce_gallery.row_7 td.col_0,
.ce_gallery.row_8 td.col_0,
.ce_gallery.row_9 td.col_0,
.ce_gallery.row_10 td.col_0{
	padding-right: 5px;
	}
	
.ce_gallery.row_0 td.col_1,
.ce_gallery.row_1 td.col_1,
.ce_gallery.row_2 td.col_1,
.ce_gallery.row_3 td.col_1,
.ce_gallery.row_4 td.col_1,
.ce_gallery.row_5 td.col_1,
.ce_gallery.row_6 td.col_1,
.ce_gallery.row_7 td.col_1,
.ce_gallery.row_8 td.col_1,
.ce_gallery.row_9 td.col_1,
.ce_gallery.row_10 td.col_1{
	padding-right: 5px;
	}
	
/************************************************************/
.no_border a img, .no_border a:hover img{
	border: none;
	padding: 0px;
	background: transparent;
	}

/************************************************************/
/* TYPOlight - GoogleMaps */
/************************************************************/

.dlh_googlemap{
	border-top: 3px solid #e2e2e2;
	border-right: 3px solid #cccccc;
	border-bottom: 3px solid #a9aaaa;
	border-left: 3px solid #cccccc;
	margin: 20px 0px 0px 0px;
	}
	
/************************************************************/
/* BOX */
/************************************************************/

.box{
	margin-top: 20px;	
	margin-bottom: 20px;
	border-top: 2px solid #d8e1ec;
	border-right: 1px solid #c0cddd;
	border-bottom: 2px solid #a2b3c9;
	border-left: 1px solid #c0cddd;
	padding: 15px;
	background: url(../layout_pics/bg_fieldset.gif) center bottom;
	background-repeat: repeat-x;
	}
	
.box h1, .box h2, .box h3, .box h4{margin:0px;padding:0px 0px 5px 0px;color: #0682f5;font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;}

 /************************************************************/
/* Tabelle */
/************************************************************/

.ce_text table{
	width: 685px;
	border-collapse:collapse;
	border:none;
	}
	
 /************************************************************/
/* flowplayer */
/************************************************************/

.player{
	float: left;
	width: 300px;
	height: 230px;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #a9aaaa;
	border-left: 1px solid #cccccc;
}
	
.description{
	float: right;
	width: 360px;}