/* GLOBAL STYLES
--------------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;	
}

body {
	font : 100.1%/1.4 Arial, Helvetica, "Helvetica Neue", sans-serif;
	background: #b0b0b0 url(../images/bg/bg-body.jpg) repeat-x;
	color: #333333;
}

img {
	vertical-align: bottom;
	border: none;
}

a {
	text-decoration: none;
	color: #333333;
}

.inline {
	display: inline;
}

.bold{
	font-weight: bold;
}

.italic {
	font-style : italic;
}

.line_through {
	text-decoration:line-through
}

.error {
	color : #bb3030;
}

form fieldset {
	border : none;
}

ul {
	list-style-type: none;
}

input, select, textarea {
	font-family : Syntax,Helvetica,Arial,san-serif;
}

.capital {
	text-transform : uppercase;
}

.right {
	float: right;
	width : auto;
}

abbr {
	border : none;
	cursor : help;
	font-style : italic
}

.left, ul.galleryImg li, .gray_border ,  .pagination ul li {
	float: left;
	width : auto;	
}

.clear, #clear {
	clear:both;
	font-size:0.001em;
	height:0.001em;
	line-height:0.001em;
}	

/* #main .ce_list, #main .ce_text, #main .ce_table , #main .ce_code, #main .ce_ajaxstarrater, #main .ce_gallery, .mod_sitemap, .ce_download, .ce_downloads, .swfobject, .ce_ce_flash object { */
#main .news{	
	float : left;
	width : 100%;
	/*width: 682px;*/
}

#main .ce_image {
}

* html #main .mod_article {
	height : 100%;
}

.ce_download, .ce_downloads {
 	padding-top : 8px;
 	margin-bottom : 8px;
 }

.ce_gallery {
 	padding-top : 30px;
 	margin-bottom : 8px;
}

.floatleft {
	float: left;
	margin-right: 10px;
}

/*.image_container, .ce_code, #colorMS {
	margin-bottom : 16px;
}*/

/*.ce_text p, .mod_search p {
	margin-bottom : 8px;
}*/

.ce_text .image_container, .ce_text {
	margin-bottom: 15px;
}

.mitarbeiter .image_container {
	margin-bottom: 0px;
}

.news .image_container {
	margin-bottom: 0px;
}

.ce_text ul, .ce_text ol, #main .accesskey ul {
	clear : both;
	height: 1%;
	margin-bottom : 16px;
}

.ce_list ul li, .ce_text ul li, #main .accesskey ul li {
	padding-left : 10px;
	background : transparent url(../images/bg/bg_li.gif) no-repeat 0 6px;
	margin-bottom : 1px;
}

.ce_list ol li, .ce_text ol li {
	margin : 0 0 8px 22px;
	font-size: 12px;
	padding-right: 200px;
}

.caption {
	clear: both;
	/*font-size : 0.75em;*/
	font-size : 11px;
	padding-top : 4px;
	color : #000;
}

.invisible, #left form label, #header form label, .address h2, #main .accesskey h2 {
	width : 0px;
	height : 0px;
	left:-1000px;
	top:-1000px;
	position : absolute;
	overflow : hidden;
	display : inline;
}

.clear {
  clear:both;
  height:0.1px;
  line-height:0.1px;
  font-size:0.01em;
  overflow:hidden;
}

/* SPECIAL CLASSES */

.pad_right {
	padding-right : 10px;
}

.pad_bottom {
	padding-bottom : 20px;
}

.pad_top {
	padding-top : 16px;
}

p.caption {
	margin-top: -16px;
	position : relative;
}

/* LAYOUT STYLES
--------------------------------------------------------------------*/
#wrapper {
	width: 904px;
	margin: 0 auto;
	/*background: url(../images/bg/bg-muster.png) no-repeat left bottom;*/
	position: relative;
}

/* html #wrapper {
	background: url(../images/bg/bg-muster.gif) no-repeat left bottom;
}*/

#header {
	height: 134px;
	width: 904px;
	font-size: 0.75em;
	line-height: 1;
}

#container {
	float: left;
	position: relative;	
	width: 904px;
	padding-bottom: 10px;
	background: url(../images/bg/bg-muster.png) no-repeat left bottom;
}

* html #container {
	background: url(../images/bg/bg-muster.gif) no-repeat left bottom;
}

#left {
	width: 180px;
	float: left;
}

#right {
}

.start #main .inside {
	float: right;
	padding-top: 0;
	/*padding-top: 15px;*/
	width: 690px;
	background: none;
	border-bottom: none;
	border-top: none;
	margin-bottom: 0;
}

#main .inside {
	float: right;
	margin: 15px 0 10px 0;
	background-color: #ffffff;
	border-top: 8px solid #990000;
	border-bottom: 8px solid #ffffff;
	position: relative;
	width: 682px;
	padding: 8px 0 0 8px;
}

#footer {
	width: 904px;
	clear: both;
	margin-bottom: 80px;
}

#logo, #footer .address img {
	position: absolute;
	top: 28px;
	right: 0px;
	border-top: 1px solid #666666;
	padding-top: 3px;
}

/* LAYOUT STYLES EXTRA
--------------------------------------------------------------------*/

#header .claim {
	height: 94px;
	width: 472px;
	line-height: 1.33;
	padding-right: 218px;
	padding-top: 12px;
	position: absolute;
	top: 28px;
	left: 214px;
	border-bottom: 2px solid #990000;
	overflow: hidden;
}

#header .claim h1 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

#header .claim .rot {
	color: #990000;
}

#header .claim p {
	padding-right: 30px;
}

#header .sprache {
	width: 472px;
	position: absolute;
	left: 214px;
	top: 13px;
	border-bottom: 1px solid #666666;
	padding-bottom: 3px;
}

#searchFld {
	border-top: 1px solid #666666;
	height: 90px;
	border-bottom: 2px solid #990000;
	width: 180px;
	font: 11px Arial, Helvetica, "Helvetica Neue", sans-serif;
	padding-top: 15px;
	float: left;
	margin-top: 28px;
}

#main a {
	color: #990000;
	border-bottom: 1px solid #990000;
}

#main a:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
}

.start #main a, #main .produkt a {
	border-bottom: none;
}

.start #main a:hover, #main .produkt a:hover {
	border-bottom: none;
}

#main .teaserbild {
	border: 8px solid #ffffff;
	margin-bottom: 10px;
	float: left;
}

#main .inside .teaserbild .image_container {
	margin: 0;	
}

#main .news {
	margin-bottom: 10px;
	background-color: #ffffff;
	border-top: 8px solid #990000;
	border-bottom: 8px solid #ffffff;
	position: relative;
	width: 682px;
	padding: 8px 0 0 8px;
}

#main .news img {
	float: left;
	/*margin-right: 10px;*/
}

#main .news h1, #main .inside h1, #main h1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	color: #990000;
	margin-bottom: 1em;
	text-transform: uppercase;
}

#main .news h1 {
	margin-bottom: 0.2em;
}

#main .inside h1.abstand {
	margin-bottom: 30px;
}

#main .inside h2, #main h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #990000;
	text-transform: uppercase;
	font-style: normal;
	margin-bottom: 0.2em;
}

#main .inside h3, #main h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	margin-bottom: 0.35px;
}

#main .inside p, #main .inside ul {
	font-size: 12px;
	margin-bottom: 0.7em;
 /*	width: 470px; */
}

#main .inside p {
	padding-right : 10px;
}

#main .inside #suchresultat p {
	padding-right: 0px;
}

#main .inside .image_container {
	/*margin-right: 10px;*/
}

#main .inside .produktebild .image_container {
	margin-right: 0;
}

#main .news p {
	font-size: 12px;
	margin-bottom: 0;
	width: auto;
}

#main .news strong {
	font-weight: bold;
}

#main .inside .produkt {
	width: 164px;
	height: 175px;
	margin-right: 6px;
	float: left;
}

#main .inside .a4seite {
	width: 164px;
	height: 302px;
	margin-right: 6px;
	float: left;
}

#main .inside .produkt .image_container, #main .inside .a4seite .image_container {
	border-bottom: 6px solid #990000;
	margin-bottom: 2px;
}

#main .inside .produkt p, #main .inside .a4seite p {
	text-transform: uppercase;
	color: #990000;
	font-size: 12px;
	padding-right: 0;
	width: auto;
}

#main .news .button a, #main .news .button a:link {
	height: 18px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 1px;
	font-weight: bold;
	font-size: 12px;
	background-color: #666666;
	color: #ffffff;
	display: inline-block;
	position: absolute;
	top: 93px;
	left: 122px;
}

#main .news .button a:hover {
	height: 18px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 1px;
	font-weight: bold;
	font-size: 12px;
	background-color: #990000;
	color: #ffffff;
	display: inline-block;
	position: absolute;
	top: 93px;
	left: 122px;
}

#main .news .button a:active, #main .news .button a:focus {
	height: 18px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 1px;
	font-weight: bold;
	font-size: 12px;
	background-color: #990000;
	color: #000000;
	display: inline-block;
	position: absolute;
	top: 93px;
	left: 122px;
}

.address {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	float: none;
}

.address p {
	width: 180px;
	float: left;
	border-top: 1px solid #666666;
	text-align: right;
	height: 0;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	padding-top: 8px;
}

.address ul {
	width: 690px;
	float: right;
	border-top: 1px solid #666666;
	clear: none;
	height: 1em;
	line-height: 1em;
	padding-top: 8px;
}

.address ul li {
	float: left;
	padding-left: 0;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #666666;
	margin-left: 0;
	background: none;
}

.mod_customnav ul {
	position: relative;
	top: 50px;
	clear: both;
	float: none;
	display: block;
	height: 15px;
	font-size: 10px;
	color: #ffffff;
	background-color: #666666;
	padding-left: 214px;
	padding-top: 5px;
	line-height: 1;
	text-transform: uppercase;
}

.mod_customnav ul li {
	float: left;
}

/*.mod_customnav ul li .first,*/ .mod_customnav ul li {
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #ffffff;
}

.mod_customnav ul li.last {
	border: none;
}

.mod_customnav ul li a:link, .mod_customnav ul li a:visited {
	color: #ffffff;
	height: 10px;
	line-height: 1;
}

.mod_customnav ul li a:hover, .mod_customnav ul li a:active {
	color: #000000;
}

/* NAVIGATION STYLES
--------------------------------------------------------------------*/

#left .mod_navigation {
	margin-top: 15px;
	font-size: 12px;
}

#left .mod_navigation ul {
	text-transform : uppercase;
	float: left;
}

#left .mod_navigation ul li {
	clear: left;
	float: left;
	width: 180px;
}

#left .mod_navigation ul ul {
	text-transform : uppercase;
	padding-bottom: 16px;
	font-size: 11px;
	margin-top: 2px;
	width: 180px;
	border-bottom: 1px solid #666666;
}

#left .mod_navigation ul ul li{
	border-bottom: none;
}

#left .mod_navigation ul a:link, #left .mod_navigation ul a:visited {
	padding: 3px 0 3px 3px;
	color: #111111;
	display: block;
	border-bottom: 1px solid #666666;
}

#left .mod_navigation ul span.active  {
	padding: 3px 0 3px 3px;
}

#left .mod_navigation ul span.active, 
#left .mod_navigation ul a:hover, 
#left .mod_navigation ul a.trail, 
#left .mod_navigation ul a.trail:visited {
	color: #ffffff;
	background-color: #990000;
	display: block;
	border-bottom: 1px solid #990000;
}

#left .mod_navigation ul a:active {
	background-color: #666666;
}

#left .mod_navigation ul ul a:link, 
#left .mod_navigation ul ul a:visited {
	color: #111111;
	display: block;
	padding: 2px 0 1px 10px;
	border-bottom: 1px solid transparent;
}

* html #left .mod_navigation ul ul a:link, * html #left .mod_navigation ul ul a:visited {
	border-bottom: none;
	margin-bottom : 1px;
}

#left .mod_navigation ul ul span.active, 
#left .mod_navigation ul ul a:hover, 
#left .mod_navigation ul ul a.active, 
#left .mod_navigation ul ul a.trail, 
#left .mod_navigation ul ul a.trail:visited  {
	color: #ffffff;
	background-color: #990000;
	display: block;
	padding: 2px 0 1px 10px;
	border-bottom: 1px solid #b0b0b0;
}

#left .mod_navigation ul ul a:active {
	background-color: #666666;
}

#left .mod_navigation ul li.trail ul.level_2, #left .mod_navigation ul li.active ul.level_2 {
	display: block;
	height: auto;
	padding-bottom: 16px;
	margin-top: 1px;
	border-bottom: 1px solid #666666;
}

#left .mod_navigation ul li ul.level_2 {
	display: none;
	height: 0;
	padding-bottom: 0;
	margin-top: 0;
	border-bottom: none;
}

#header ul {
	border-left: 1px solid #666666;
	height: 1em;
}

#header ul li {
	float: left;
	border-right: 1px solid #666666;
	padding: 0 6px;
}

#header ul li.active {
	font-weight: bold;
}

#header ul li a {
	color: #666666;
}

#header ul li a:hover {
	color: #990000;
}

.address a:hover {
	color: #990000;
}

/* FORMULAR */
#kontakt form {
	margin-top: 15px;
}

#kontakt label {
	font-size: 12px;
	clear : both;
	float : left;
	width : 170px;
	margin-top: 5px;	
}

#kontakt input, #kontakt textarea {
	float : right;
	width: 355px;
	border: 1px solid #666666;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	font: 11px Arial, Helvetica, "Helvetica Neue", sans-serif;
	margin-bottom: 4px;
	margin-right : 150px;
	margin-top: 5px;
	color : #333;
}

#kontakt textarea {
	height: 100px;
	max-width : 600px;
}

#kontakt .captcha_text {
	margin-top: 5px;
	float : right;
	width : 510px;
	font-size: 12px;
	display: block;
}

#kontakt .submit {
	border: none;
	text-transform: uppercase;	
	padding : 0 10px;
	width: auto;
	height: 20px;
	text-align : center;
	color: #ffffff;
	background-color: #666666;
	clear: both;
}

#kontakt .submit:hover {
	background-color: #990000;
}

#kontakt p.error {
	float : right;
	width : 500px;
	margin-bottom : -5px;
	margin-top : 5px;
}


/* SITEMAP */

#sitemap_tree {
	font-size: 12px;
	margin-top: 15px;
}

#sitemap_tree .level_2 li {
	padding-left: 20px;
}

#sitemap_tree .level_3 li {
	padding-left: 40px;
}

#sitemap_tree .submenu {
	margin-bottom: 10px;
}

/* SUCHMASCHINE */

#searchFld #keywords {
	background-color: #ffffff;
	border: 1px solid #666666;
	width: 175px;
	height: 14px;
	float: left;
	padding: 4px 3px 0 0;
	font-size: 11px;
	margin-bottom: 6px;
}

#searchFld .submit {
	border: none;
	color: #111111;
	text-transform: uppercase;
	font-size: 11px;
	width: 180px;
	text-align : left;
	height : 20px;
	padding : 2px 0 0 2px;
	cursor : pointer;
	background: none;
}

.submit:hover {
	color: #ffffff;
	background: #990000;
}

.highlight {
	background-color: #FFFFAA;
	padding: 1px 3px;
}

#suchresultat h2 {
	margin-top: 20px;
}

.pagination ul li  {
	margin-right : 10px;
}

/*  others */

.right_space {
	margin-right : 200px;
	border-right : 1px solid #dcc;
	padding-right : 10px;
}

table, .table {
	border:0px solid #888;
	border-collapse:collapse;
	text-align:left;
	width:100%;
	background-color :#fff;
	font-size : 12px;
}
table th {
	border-bottom:0px solid #9BBCE6;
	border-top:0px solid #888;
	padding: 2px 3px;
}
table td, .table td {
	border:0px solid #888;
	padding: 2px 3px;
	width : auto;
}
table tr.odd {
	background-color:#ccc;
}

/* BACK LINK */

#web-agentur {
	float : right;
	width : auto;
	padding-right : 0;
	border : none;
}

#web-agentur a{
	color : #7f7f7f;
}

#web-agentur a:hover{
	color : #fff;
}