/* @override http://test.crimex.de/fileadmin/templates/site/_css/layout.css */

body{
	font: 75%/140% Tahoma, Arial, Geneva, sans-serif;
	text-align: center;
	background: #edeef0 url(../_gfx/bg_body.gif) repeat-x;
	color: #333;
}
table,td,th{
	font-size: 1em;
	line-height: 140%;
}
p {
	line-height: 165%;
	margin: 0.5em 0 1.5em 0;
}
table p{
	margin: 0;
}
.content-element ul{
	list-style-type: none;
	padding-left: 10px;
}
.content-element li{
	background: url(../_gfx/arrow_right_blue.gif) no-repeat 0 5px;
	padding-left: 15px;
	margin-bottom: 5px;
}
br{
	clear: both;
	float: none;
}
a {
	color:  #007AAA;
	text-decoration: none;	
}
a:focus, a:active {
       outline: none;
}
h1{
	font-size: 2.2em;
	font-weight: normal;
	line-height:  120%;
	color:  #707172;
}
h2{
	font-size: 1.5em;
	font-weight: normal;
	line-height:  120%;
	color:  #007AAA;
}
h3{
	font-size: 1.2em;
	font-weight: normal;
	line-height:  120%;
	color:  #707172;
	margin-bottom: 0.2em;
}
h4{
	font-size: 1em;
	font-weight: bold;
	line-height:  120%;
	color:  #007AAA;
	margin: 1.4em 0 0.5em 0;
}
.blau{
	color:  #007AAA;	
}
h5{
	font-size: 0.9em;
	font-weight: bold;
	line-height:  120%;
	color:  #007AAA;
	margin: 0.7em 0 1.0em 0;
}
/* PNG FIX */
img, div, #leftmenu a { behavior: url(/fileadmin/templates/site/_js/iepngfix.htc) }
#container{
	position: relative;
	left: 0; top: 0;
	width: 942px;
	margin: 0 auto;
	text-align: left;
	background: #FFF url(../_gfx/gradient_content.gif) repeat-x 0 121px;
}
#top{
	background: url(../_gfx/bg_top.gif) no-repeat;
	height: 120px;
	border-bottom: 1px solid #DDDDDD;
}

#logo{
	float: left;
	background: url(../_gfx/crimex_logo.gif) no-repeat;
	width: 480px;
	height: 80px;
	margin-left: 26px;
	margin-top: 16px;
	z-index: 30;
	display: inline;
}
#logo h1{
	margin-top:  16px;
	margin-left: 165px;
	font-size:  0.9em;

}
#logo a{
	display: block;
	height: 60px;

}
#header{
	position: absolute;
	left:  237px;
	top: 0px;
	z-index: 20;
}
#main {
	position: relative;
	top: 0; left: 0;
	z-index: 10;
	clear: both;
	float: none;

	height: auto !important;
	height: 20px; /* IE hack */
	border-left: 1px solid #d9dbdb;
	border-right: 1px solid #d9dbdb;
	background: url(../_gfx/bordergif.gif) 235px center repeat-y;
}
#leftpan{
	width: 235px;
	float: left;	
}
#menu{
	margin: 0; 
	padding: 0;
	list-style-type: none;
	
}
#menu li{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #E2E2E2;
	background-color: #fbfcfd;
	padding: 0; margin: 0;
	float: left;
	width: 100%;
}
#menu a{
	display: block;
	padding: 7px 0px 6px 0px;
	padding-left: 15px;
	line-height:  120%;
	font-size:  0.9em;
	text-decoration: none;
	color:  #707172;
	background: url(../_gfx/arrow_right.gif) no-repeat 215px center;
}
#menu a:hover{
	background-color: #F6F6F6 !important;
	background-image: url(../_gfx/arrow_right_blue.gif);
}
#menu .active a{
	font-weight: bold;
	color: #007AAA;
	background: url(../_gfx/arrow_down_active.gif)  no-repeat 213px 10px;
}
#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu .active ul li{
	border: none;
}
#menu .active ul li a{
	background: url(../_gfx/klinke.gif) no-repeat 12px 4px;
	padding-top:  5px;
	padding-left: 25px;
	padding-bottom:  5px;
	color: #707172;
	font-weight: normal;
}
#menu .active ul li a:hover{
	color: #007AAA;
	background: #f6f6f6 url(../_gfx/klinke.gif) no-repeat 12px 4px;	
}
#menu .active ul li.active a{
	color: #007AAA;
}
/* Dritte Ebene */
#menu .active ul li.active ul li.active a, #menu .active ul li.active ul li a{
	padding-left: 35px;
	color: #707172;
	background: none;
}
#menu .active ul li.active ul li.active a{
	color: #007AAA;
}
#menu .active ul li.active ul li a:hover, #menu .active ul li.active ul li.active a:hover{
	color: #007AAA;
	background: #f6f6f6 none;	
}

#associatelinks{
	clear: both;
	padding: 20px 15px; margin: 0;
	list-style-type: none;
}


#associatelinks li{
	margin: 8px 0;
	padding-left: 17px;
	background: url(../_gfx/arrowbox_right.gif) no-repeat 0 center;
}
#associatelinks a{
	text-decoration: none;
	color: #707172;
	font-size: 0.9em;
}
#associatelinks a:hover{
	color: #007AAA;
}
#content {
	width: 480px;
	float: left;
	margin:  30px 40px;
	min-height: 400px;
	height: auto !important;
	height: 500px;
}

#rightpan{
	position: absolute;
	right:  0; top: -10px;
}
#teaserbar{
	border-top: 2px solid #007aaa;
	border-left: 1px solid #DDD;
	background-color: #FFF;
	height: 150px;
}
#teaserbar .teaser{
	width: 234px;
	height: 150px;
	border-right: 1px solid #DDD;
	float: left;
}
#teaserbar .teaser.first{
	width: 235px !important;
}
#teaserbar .teaser a img {
	border: none;
	text-decoration: none;
}
#teaserbar p{
	margin: 0; padding: 0;
}
#footer{
	clear: both;
	float: none;
	padding: 10px 15px 10px 237px;
	height:  75px;
	font-size: 0.9em;
	color: #FFF;
	background: url(../_gfx/bg_footer.jpg) no-repeat;
}
#footer a{
	color: #FFF;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
.clear{
	clear: both;
	float: none;
}
.col_left{
	width:  40%;
	float: left;
}
.col_right{
	width: 45%;
	float: right;
}
.csc-frame-frame1{
	margin: 20px 0;
	background: #fff url(../_gfx/gradient_box.gif) repeat-x left top;
	padding:  1px 10px 5px 10px;
	border: 1px solid #d9dbdb;
}
.csc-frame-frame1 p{
	margin: 0;
	font-size: 0.9em;
	line-height: 130%;
}
.csc-frame-frame1 h5{
	margin-bottom: 7px;
}

/* @group filelinks */

.filelinks_layout_2 div {
	background-color: #FFF;
	border-bottom:1px solid #D9DBDB;
	font-size:0.9em;
	line-height:140%;
	margin-bottom: 2px;
	padding-bottom:2px;
	padding-top:4px;

}
.filelinks_layout_2 a, .filelinks_layout_3 a {
	font-size:1.1em;
	margin-right: 10px;
}
.filelinks_layout_2 div {
	background-position: 2px 3px;
}
.filelinks_layout_2 .filesize {
	display: inline;
}
.filelinks .even {
	background-color: #eee;
}
.filelinks .mp3, .filelinks .wma {
	background-image: url(/typo3/gfx/fileicons/mp3.gif) !important
}
.filelinks .wmv, .filelinks .mov, .filelinks .mpg, .filelinks .mpeg, .filelinks .avi {
	background-image: url(/typo3/gfx/fileicons/wmv.gif) !important
}
.filelinks .zip {
	background-image: url(/typo3/gfx/fileicons/zip.gif) !important
}
.filelinks .doc, .filelinks .docx {
	background-image: url(/typo3/gfx/fileicons/word.gif) !important
}
.filelinks .ppt, .filelinks .pps {
	background-image: url(/typo3/gfx/fileicons/ppt.gif) !important
}
.filelinks .xls, .filelinks .xlsx {
	background-image: url(/typo3/gfx/fileicons/excel.gif) !important
}

/* @end */
/* @group teasermenu 3-Spaltig */

.teasermenu-3spaltig ul{
	list-style-type: none;
	padding: 0; margin: 0;
	
}
.teasermenu-3spaltig li{
	padding: 0;
	margin: 10px 15px 10px 0;
	width:  195px;
	float: left;
	font-size: 0.9em;
	line-height: 130%;
	background: none;
}

.teasermenu-3spaltig dl,.teasermenu-3spaltig dd,.teasermenu-3spaltig dt{
	padding: 0; margin: 0;

}
.teasermenu-3spaltig dl{
	background: #fff url(../_gfx/gradient_box.gif) repeat-x left top;
	padding:  0 7px;
	height:  55px;
}
.teasermenu-3spaltig dt a{
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 5px;
	display: block;
}


/* @end */

/* @group teasermenu 1-Spaltig */

.teasermenu-1spaltig ul{
	list-style-type: none;
	padding: 0; margin: 0;
	
}
.teasermenu-1spaltig li{
	margin: 0;
	padding: 5px 15px 5px 0;
	font-size: 0.8em;
	line-height: 130%;
	background: none;
}

.teasermenu-1spaltig a.bildlink{
	float: left;
}
.teasermenu-1spaltig dd,.teasermenu-1spaltig dt{
	padding: 0 7px; margin: 0;
}
.teasermenu-1spaltig dl{
	background: #fff url(../_gfx/gradient_box.gif) repeat-x left top;
	float: left;
	
	width:  320px;
	height: 50px;
	margin: 0; padding: 0;
}

.teasermenu-1spaltig dt a{
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 3px;
	display: block;
}


/* @end */

/* @group forms */

label{
	display: block;
	float: left;
	width: 100px;
	line-height: 18px;
	clear: both;
	margin-bottom: 4px;
}
input, textarea{
	border: 1px solid #d9dbdb;
}
input.bt{
	background-color: #007aaa;
	border: none;
	color: #FFF;
	padding: 0px 10px;
	line-height: 200%;
	margin: 0;
}
.chkbx{
	border: none !important;
}
/* @end */

/* @group chgallery */

.tx-chgallery-pi1 .single{
	float: left;
	padding-right: 8px;
	padding-bottom: 8px;
}
.tx-chgallery-pi1 .img{
	padding: 8px;
	background: url('../_gfx/image-bg.gif') no-repeat;
}

/* @end */

/* @group My Group */

.csc-sitemap ul li{
	float:none;
	clear: both;
	background: none;
}
.csc-sitemap ul a{
	text-decoration: none;
	font-weight: Bold;
	background: url(../_gfx/arrow_right_blue.gif) no-repeat 0 center;
	padding-left: 15px;
}
.csc-sitemap ul ul a{
	font-weight: normal;
	color: #333;
	background: url(../_gfx/arrowbox_right.gif) no-repeat 0 center;
}
.csc-sitemap ul ul ul li{
	float: left;
	clear: none;
	padding-right: 20px;

}
.csc-sitemap ul ul ul a{
	font-size: 0.9em;
	font-weight: normal;
	background: url(../_gfx/arrow_right.gif) no-repeat 0 center;
}
.csc-sitemap, .csc-sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 20px;
}

/* @end */

/* @group tx-flseositemap-pi1 */

.tx-flseositemap-pi1 ul li{
	float:none;
	clear: both;
	background: none;
}
.tx-flseositemap-pi1 ul a{
	text-decoration: none;
	font-weight: Bold;
	background: url(../_gfx/arrow_right_blue.gif) no-repeat 0 center;
	padding-left: 15px;
}
.tx-flseositemap-pi1 ul ul a{
	font-weight: normal;
	color: #333;
	background: url(../_gfx/arrowbox_right.gif) no-repeat 0 center;
}
.tx-flseositemap-pi1 ul ul ul li{
	float: left;
	clear: none;
	padding-right: 20px;

}
.tx-flseositemap-pi1 ul ul ul a{
	font-size: 0.9em;
	font-weight: normal;
	background: url(../_gfx/arrow_right.gif) no-repeat 0 center;
}
.tx-flseositemap-pi1, .tx-flseositemap-pi1 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 20px;
}

/* @end */

/* @group flags */

#flags{
	width: 180px;
	position: absolute;
	right:  20px; top: 15px;
	z-index: 30;
	margin: 0; padding: 0;
	list-style-type: none;
	text-indent: -9999px;
}
#flags li {
	float: left;
	padding: 0;
	margin: 0;
}
#flags a{
	display: block;
	width:  20px;
	height: 20px;
	background: url(../_gfx/bg_flags.gif) no-repeat left top;
}
#flags .de a{
	background-position: 0 0;
}

/* @end */
#flags .de a.active, #flags .de a:hover{
	background-position: 0 -20px;	
}
#flags .en a{
	background-position: -120 0;
}
#flags .en a.active, #flags .en a:hover{
	background-position: -120 -20px;	
}
#flags .fr a{
	background-position: -40 0;
}
#flags .fr a.active, #flags .fr a:hover{
	background-position: -40 -20px;	
}
#flags .es a{
	background-position: -140 0;
}
#flags .es a.active, #flags .es a:hover{
	background-position: -140 -20px;	
}
#flags .it a{
	background-position: -20 0;
}
#flags .it a.active, #flags .it a:hover{
	background-position: -20 -20px;	
}
#flags .nl a{
	background-position: -80 0;
}
#flags .nl a.active, #flags .nl a:hover{
	background-position: -80 -20px;	
}
#flags .zh a{
	background-position: -160 0;
}
#flags .zh a.active, #flags .zh a:hover{
	background-position: -160 -20px;	
}
#flags .ru a{
	background-position: -100 0;
}
#flags .ru a.active, #flags .ru a:hover{
	background-position: -100 -20px;	
}
#flags .ar a{
	background-position: -60 0;
}
#flags .ar a.active, #flags .ar a:hover{
	background-position: -60 -20px;	
}