@charset "UTF-8";
/* CSS Document */
/* The Braid UG (haftungsbeschraenkt)  */  
/* mediaism  */      
/* Gutenbergstraße 18 */
/* 24118 Kiel */
/* author: Bjoern Diekert / Germany / Kiel */   
/* e-mail: diekert@the-braid.de */  


/* Allgemeine CSS-Einstellungen / General CSS-Settings */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
} 

body {
    background: rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;          
	line-height: 17px;
	margin: 0;
	padding: 0;  
}

blockquote {
	font-style: italic;
	padding: 0;
	margin: 0 25px 0 25px; 
}

h1, h2 {
	display: none;
}

h3 {
	color: rgb(0,82,158);
	font-size: 2.5em;
	margin-bottom: 20px;
}   
  
h4 {
	color: rgb(0,82,158);
	font-size: 1.75em;
	margin-bottom: 20px;

}   

h6 {
	font-size: 1.5em;
	line-height: 165%;
	margin-bottom: 20px;
}

hr {
	border-top: dotted 1px rgb(0,0,0);
	margin: 15px 0;
}

img {
	border: none;
}

area {
	cursor: pointer;
}

a {
	color: rgb(50,50,50);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

.border-right {
	margin-right: 8px;
}

.border-8px {
	margin: 0 8px 0 8px;
}

.underline {
	text-decoration: underline;
}

/* Layout */

#mainframe {
	background: url(../img/_mainframe/mainframe-bg.jpg) repeat-y;
	margin: 0 auto;
	width: 900px;
}

#header {
	background: url(../img/_mainframe/header-bg.jpg) no-repeat;
	width: 900px;
}

#logobox {
	background: rgb(0,82,158) url(../img/_mainframe/logo.jpg) no-repeat;
	height: 150px;
	margin: 0 auto;
	width: 880px;
}

#langbox {
	color: rgb(255,255,255);
	font-size: 11px;
	line-height: 11px;
	text-align: right;
}

#langbox a {
	color: rgb(200,200,200);
}

#langbox a:hover {
	color: rgb(255,255,255);
	text-decoration: underline;
}

#logo {
	float: left;
}

#logo-right {
	float: right; 
	margin: 0 15px 0 0;
	width: 320px;
}

#content-frame {
	margin: 0 auto;
	width: 850px;
}

#content {
	float: left;
	width: 550px;
}

#content-full {
	float: left;
	width: 850px;
}

#content-left {
	float: left;
	width: 400px;
}

#content ul, #content-left ul, #content-full ul {
	list-style-type: square;
	margin: 10px 0 20px 45px;
}

#content-right {
	float: right;
	width: 380px;
}

#content-frame p, #sidebar p {
	line-height: 22px;
	margin-bottom: 17px;
	letter-spacing: 0.2px;
}

#content strong, #sidebar strong, #content-left strong, #content-right strong, #content-full strong {
	color: rgb(0,82,158);
}

.teaser {
	color: rgb(0,82,158);
	font-weight: bold;
}

#content ul {
	margin: 0 0 15px 35px;
	list-style: square;
}

#content ul li {
	margin: 0 0 5px 0;
}

#sidebar {
	float: right;
	width: 255px;
}

#sidebar-box {
	border: solid 1px rgb(200,202,205);
	width: 253px;
}

#sidebar-box p {
	margin: 0 10px 15px 10px;
}

#sidebar-box-title {
	background: rgb(0,82,158);
	height: 35px;
	margin: 0 0 10px 0px;
	width: 253px;
}

#sidebar-box-title h5 {
	color: rgb(251,218,1);
	font-size: 1.3em;	
	line-height: 35px;
	margin: 0 0 0 10px;
}

#mainframe-end {
	background: url(../img/_mainframe/footer-bg.jpg) no-repeat;
	height: 35px;
	margin: 0 auto;
	width: 900px;
}

#footer {
	margin: 0 auto;
	width: 880px;
}

#footer p {
	color: rgb(120,120,120);
	text-align: right;
}

#newsbox {
	background: rgb(253,247,217);
	border: solid 1px rgb(200,202,205);
	margin: 0 0 35px 0;
	width: 548px;
}

#newsbox img {
	margin: 0 10px 5px 10px;
}

#newsbox h5 {
	color: rgb(0,82,158);
	font-size: 2em;
	margin: 20px 10px 10px 10px;
}

#newsbox hr {
	background: rgb(200,202,205);
	border-top: solid 1px rgb(200,202,205);
	border-bottom: none;
	margin: 5px 10px 15px 10px;
}

#newsbox .subline {
	color: rgb(70,72,75) ;
	margin: 0 0 0 10px;
}

#newsbox p {
	margin: 0 10px 15px 10px;
}

#werbung {
	background: rgb(253,247,217);
	border: solid 1px rgb(200,202,205);
	margin: 0 0 35px 0;
	width: 548px;
}

#werbung-title {
	background: rgb(0,82,158);
	height: 50px;
	line-height: 50px;
	margin: 0 0 15px 0;
}

#werbung-title h5 {
	color: rgb(251,218,1);
	font-size: 2em;
	text-align: center;
}

#werbung-footer {
	background: rgb(0,82,158);
	height: 25px;
	line-height: 25px;
}

#werbung p {
	margin: 0 15px 20px 15px;
}

#werbung-footer p {
	line-height: 25px;
	margin: 0 0 0 15px;
}

#werbung-footer a {
	color: rgb(251,218,1);
}

#werbung-footer a:hover {
	text-decoration: underline;
}

.lieferanten {
	border: 1px solid rgb(150,152,155);
	float: left;
	height: 60px;
	margin: 0 20px 30px 0;
	width: 190px;
}

.lieferanten:hover {
	border: 1px solid rgb(70,72,75);
}

#sidebar .team {
	margin: 0 20px 15px 30px;
}

.team {
	float: left;
	height: 270px;
	margin: 0 20px 15px 0;
	width: 160px;
}

.team-contact {
	float: left;
	height: 170px;
	margin: 0 20px 15px 25px;
	width: 160px;
}

.team-contact-text {
	float: left;
	height: 170px;
	margin: 0 20px 15px 10px;
	width: 160px;
}

.team-0 {
	margin: 0 0 10px 0;
}

.team-1 {
	color: rgb(0,82,158); 
	font-weight: bold;
	height: 20px;
	display: block;
}


.team-3 {
	color: rgb(0,82,158); 
}

/* Navigation */

#nav {
	background: rgb(251,218,1);
	height: 45px;
	margin: 0 auto;
	width: 880px;
}

#nav ul {
	display: inline;
	list-style: none;
	height: 45px;
}

#nav ul li {
	float: left;
	height: 45px;
}

#nav ul li a {
	color: rgb(50,51,55);
	display: block;
	font-size: 20px;
	line-height: 45px;
	padding: 0 13px;
	text-decoration: none;
}

#nav ul li a:hover {
	background: rgb(248,236,160);
}	

.rex-current {
	background: rgb(248,236,160);
}

/* Vertriebskarte */

#vertriebskarte_bg {
	background: url(../img/loading.gif) no-repeat center;
	height: 600px;
	overflow: hidden;
	width: 550px;
}

#vertriebskarte {
	background: url(../../_vertriebskarte.jpg);
	height: 600px;
	overflow: hidden;
	width: 550px;
}

/* Spacer */

.spacer-5px {
	font-size: 2px;	
	height: 5px;
	widows: 100%;
}

.spacer-10px {
	font-size: 2px;	
	height: 10px;
	widows: 100%;
}

.spacer-20px {
	height: 20px;
	widows: 100%;
}

.spacer-30px {
	height: 30px;
	widows: 100%;
}

.spacer-40px {
	height: 40px;
	widows: 100%;
}

#zwei-spalten p {
	text-align: left;
}


.centertab {margin-right: auto;
            margin-left: auto;}

.bildtext { margin: 0px;
            padding: 0px;
            font-size: 10px;}
.imgleft {float: left;
          margin-right: 20px;
          margin-left: 60px;}
          
.imgright {float: right;
          margin-left: 20px;}

.stopleft {clear: left;}

.stopright {clear: right;}   








form.contact fieldset {
	border: none;
	width: 550px;
}
form.contact p {
	color: rgb(0,82,158);
	margin: 0 0 0 25px !important;
}
form.contact input, form.contact textarea {
	outline-style:none;
    outline-width:0pt;
}

form.contact, form.contact textarea, form.contact input , #blog_search input {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  
	letter-spacing: 0.1em;        
	font-size: 11px;
}
form.contact label {
	color: color: rgb(0,82,158);;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	letter-spacing: 0.1em;        
	line-height: 1.5;
}

form.contact input.inputfield, #blog_search input.inputfield{
	background-color: #f4f4f4;
	border: none;
	background-image:url(../img/contact/sprite_contact_form.gif);
	background-position: -10px -10px;
	background-repeat:no-repeat;
	height: 23px;
	padding-top: 8px;
	width: 305px;
	padding-left: 8px;
	padding-right: 10px;
	font-size: 12px;
}

form.contact input.inputfield.invalid {
	background-position: -10px -61px;
}

form.contact input.inputfield:focus, #blog_search input.inputfield:focus {
	background-position: -10px -112px;
}

form.contact input.inputfield_small, #blog_search input.inputfield_small {
	background-color: #f4f4f4;
	border: none;
	background-image:url(../img/contact/sprite_contact_form.gif);
	background-position: -10px -298px;
	background-repeat:no-repeat;
	height: 19px;
	padding-top: 6px;
	width: 204px;
	padding-left: 8px;
	padding-right: 10px;
}

form.contact input.inputfield_small.invalid {
	background-position: -10px -343px;
}

form.contact input.inputfield_small:focus, #blog_search input.inputfield:focus {
	background-position: -10px -388px;
}


form.contact div.contact_inputtext {
	width: 525px;
	margin: 0 0 0 25px;
}

form.contact div.contact_inputtext_top {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 523px;
	font-size: 0px;
    height: 4px;
	background-image:url(../img/contact/sprite_contact_form.gif);
	background-position: -10px -433px;
}

form.contact div.invalid div.contact_inputtext_top {
	background-position: -10px -555px;
}

form.contact div.focused div.contact_inputtext_top {
	background-position: -10px -677px;
}

form.contact div.contact_inputtext_ml {
	float: left;
	width: 4px;
    height: 94px;
	background-image:url(../img/contact/sprite_contact_form.gif);
	background-position: -10px -437px;
}

form.contact div.invalid div.contact_inputtext_ml {
	background-position: -10px -559px;
}

form.contact div.focused div.contact_inputtext_ml {
	background-position: -10px -681px;
}


form.contact div.contact_inputtext_mm textarea {
	resize: none;
	float: left;
	background-color: #fafafa;
	border: none;
	width: 511px;
	height: 92px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
}

form.contact div.contact_inputtext_mm textarea.invalid {
	background-color: #faf3f3;
}

form.contact div.contact_inputtext_mr {
	float: left;
	width: 4px;
    height: 94px;
	background-image:url(../img/contact/sprite_contact_form.gif);
	background-position: -529px -437px;
}

form.contact div.invalid div.contact_inputtext_mr {
	background-position: -529px -559px;
}

form.contact div.focused div.contact_inputtext_mr {
	background-position: -529px -681px;
}

form.contact div.contact_inputtext_bottom {
	float: left;
	width: 550px;
    height: 4px;
	font-size: 0px;
	background-image:url(../img/contact/sprite_contact_form.gif);
	background-position: -10px -531px;
}

form.contact div.invalid div.contact_inputtext_bottom {
	background-position: -10px -653px;
}

form.contact div.focused div.contact_inputtext_bottom {
	background-position: -10px -775px;
}

div.contact_leftcolumn {
	float: left;
	padding-top: 10px;
}

div.contact_rightcolumn {
	float: right;
	padding-top: 10px;
}

div.contact_doublecolumn {
	position: relative;
	padding-top: 0px;
	clear: both;
}

div.contact_bottom {
	margin-top: 22px;
	margin-bottom: 18px;
	margin-right: 0px;
	float: right;
}

div.contact_submit {
	float: left;
}

p.contact_phone {
	float: left;
	line-height: 25px;
	height: 25px;
}

p.contact_phone_field {
	float: right;
	width: 222px;
	height: 25px;
}
#name_warning, #email_warning, #message_warning, #plzort_warning, #adresse_warning, #kataloge_warning {
	color: #ce5050;
}














#gallery_bg {
	 visibility: hidden;

	
	display: none;
	
	height: 100%;
	width: 100%;
	
	position: absolute;
	
	background-color: #000000;
	z-index: 990;
	
	filter:alpha(opacity=00); /* Internet Explorer */
	-moz-opacity: 0.00; /* Mozilla Browser */
	opacity: 0.00; /* Opera */
		
}

#gallery {
	
	background-color: #fff;
	display: none;
		
	height: 470px;
	width: 400px;
	
	margin-left: -200px;
	margin-top: -235px;
	
	left: 50%;
	top: 50%;
	
	position: absolute;
	
	z-index: 991;
	
	filter:alpha(opacity=0); /* Internet Explorer */
	-moz-opacity: 0.00; /* Mozilla Browser */
	opacity: 0.00; /* Opera */
	
}