/* ----------------------------------------------
	Template Name : TechJunkie
	Template Code : S-0024
	Version : 1.0   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/    
	Last Date Modified : May 31, 2008	
 ------------------------------------------------ */
/* FARBEN */
.blau
{
    color: rgb(0,70,127);
}

.rot
{
    color: rgb(215,25,32);
}

/* KONTAKTFORMULAR */
input.form {
    width: 400px;
    height: 5px;
    border: 1px solid #d1d2d2;
    margin-bottom: 1px;
}
input.form:hover, textarea:hover { background: #f9f9f9; }
textarea { width: 400px; height: 50px; border: 1px solid #d1d2d2; margin-bottom: 10px; }
input#submit 
{ 
  float: none;
  width: 115px;
  height: 30px;
  border: 1px solid #d1d2d2;
}
form {
  font-size:9px;
  line-height: 12px;
  margin:0;
  padding:.5em;
}
form p { margin-bottom: 10px; }
.form-nfo {
	margin: 20px 0 20px 3px;
	font-size: 9px;
	color: #990000;
	line-height: 11px;
}
/* Systemtrenner */
input.regnr {
    width: 250px;
    height: 18px;
    border: 1px solid #d1d2d2;
    margin-bottom: 1px;
}
input.regnr:hover { background: #f9f9f9; }
checkbox {width:350px;}
.fehlertext {background:#cc0000 repeat; display:block; color:white; font-weight:bold; font-size: 9px; line-height:20px;}
.fehler {background:#cc0000 repeat; display:block; color:white; font-weight:bold; line-height:10px;}
.mailok {background:#FAE5E5 repeat; display:block; color:#514F54; font-weight:bold; line-height:20px;}
.tag {width:70px; font-size:9px;padding: 0px;}
.monat {width:70px; font-size:9px;padding: 0px;}
.jahr {width:100px; font-size:9px;padding: 0px;}
.Stil2 {
	color: #CC0000;
	font-weight: bold;
	font-size:12px;
}
/* ------------------- */

/* STARTSITE BOXES */
#start { margin: 0 auto; width: 990px; overflow: hidden; }

.box { float: left; width: 330px; }
.headbox1 { background: url(/media/1066/arrow-start.gif) no-repeat; font: bold 12px Arial, Veradana; color: #fff; height: 18px; padding: 5px 0 0 20px; }
.headbox2 { background: url(/media/1066/arrow-start.gif) no-repeat 10px top; font: bold 12px Arial, Veradana; color: #fff; height: 18px; padding: 5px 0 0 25px; }
.headbox3 { background: url(/media/1066/arrow-start.gif) no-repeat 17px top; font: bold 12px Arial, Veradana; color: #fff; height: 18px; padding: 5px 0 0 25px; }
/*.headbox p { margin: 5px 0 0 15px; }*/
.contbox { font: normal 10px/13px Arial, Veradana; color: #333; background: #fff}
.contbox h5 { font: bold 11px/15px Arial, Veradana; color: #333; margin-left: 20px; }
.contbox p { margin: 0px 20px 15px 20px; }
.contbox a { color: #990000; text-decoration: none; }
.contbox b { text-transform: uppercase; }
/* ------------------- */


/* 4-Spalten Template --------------------------

/* header */
.header 
{
	width: 990px; 
	height: 23px;
	background: url(/images/BeulcoArrows/hl-right.gif) no-repeat;
	overflow: hidden;
}

.header a 
{
	font: bold 10px Arial, Verdana;
	background: url(/images/BeulcoArrows/pdf.gif) no-repeat left 5px;
	padding-left: 20px; padding-top: 4px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	float: left;
	margin-right: 20px;
}

.header a:hover { padding-left: 21px; margin-right: 19px; }

#page-a { float: left; width: 165px; height: auto; }
#page-b { float: left; width: 415px; height: 100%; background: #fff; margin: 40px 40px 0 20px; vertical-align: top;}
#page-rep { float: left; width: 475px; height: 100%; background: #fff; margin: 40px 0 0 20px; }
#page-c { float: left; width: 320px; height: 100%; background: #fff; margin: 40px 0 0 20px; }
#page-bc { float: left; width: 795px; height: 100%; background: #fff; margin: 40px 0 0 20px; }

/* styles page-a */

#page-a p { margin: 40px 0 0 20px; }

#page-a a, 
#page-a a.back {
	display: block;
	padding-left: 10px;
	font: bold 10px/13px Arial, Verdana;
	color: #990000;
	text-decoration: none;
	line-height: 13px;
}

#page-a a { background: url(/images/BeulcoArrows/arrow-b.gif) no-repeat 0 4px; }
#page-a a.back { background: url(/images/BeulcoArrows/arrow-a.gif) no-repeat 0 4px; }

/* styles page-b, bc, c, rep */
#page-b, #page-c, #page-bc, #page-rep {
	font: normal 11px/14px Arial, Verdana;
}

#page-b p, #page-c p {margin-bottom: 15px;}
#page-b a, #page-c a, #page-bc a, #page-rep a { color: #990000; text-decoration: none; padding:0; }
#page-b a:hover, #page-c a:hover, #page-bc a:hover, #page-rep a:hover { padding-left: 1px; }

#page-c img.pic { border: 1px solid #999; }


#page-c .info {border: 1px solid #efdddf; padding: 10px;}
#page-c .info h3 {font-weight: bold; font-size: 12px; color: #990000; margin-bottom: 5px;}


#page-b p.list { margin-bottom: 2px; font-weight: bold; }
#page li { list-style-position: outside; margin-left: 15px; }
#page-b li { margin-bottom: 2px; }
#page-b ul { margin-bottom: 20px; }

#page-c li 
{ 
	margin-bottom: 10px; 
	list-style-type: disc;
	list-style-position: outside;
}

.tab1 {width: 125px; font-weight: bold; float: left; margin-bottom: 5px;}
.tab2 {width: 190px; float: left; margin-bottom: 5px;}

.team { width: 247px; float: left; margin-bottom: 35px; }

/* Representatives Germany */
.rep { width: 475px; float: left; margin-bottom: 35px; }
.tab3 {width: 30px; font: bold 20px Arial; float: left; color: #003366; }
.tab4 {width: 193px; float: left; border-left: 1px solid #003366; padding-left: 5px; }
#page-rep .tab4 p { display: block; margin-bottom: 5px; }
.rep hr.short { width: 15px; color: #003366; }
.rep hr.long { width: 25px; color: #003366; }

/* Produkt Seiten */
/* Product overview */
.overview { width: 397px; float: left; margin-bottom: 50px; }

.overview img {
	border: 1px solid #999;
	float: left;
	margin-right: 15px;
}

.overview .txt { float: left; width: 280px; }

#page-bc .overview p.link a, 
#page-bc .overview p.link a:hover,
#page-bc .repww p.link a, 
#page-bc .repww p.link a:hover { 
	display: block;
	padding-left: 10px;
	font: bold 10px/13px Arial, Verdana;
	color: #990000;
	text-decoration: none;
	background: url(/images/BeulcoArrows/arrow-b.gif) no-repeat 0 4px;
}

#page-bc .overview p.nopad a:hover,
#page-c .info p.nopad a:hover { padding-left: 0px; }

/* clear floating elements */
div.clear {
	clear: left;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}

/*----------------*/

/* headlines */
h1 {
	font: normal 20px Arial, Verdana; 
	color: #003366; 
	padding-left: 183px; 
	background: url(/images/BeulcoArrows/hl-left.gif) no-repeat; 
	height: inherit; 
	letter-spacing: 1px; 
	float: left; 
	width: 495px; 
}
	
h1 span { font-weight: bold; }
h2 { font: bold 16px/19px Arial, Verdana; color: #333; margin-bottom: 5px; line-height:1.5;}
h3 { font: normal 15px/18px Arial, Verdana; color: #003366; }
h3#nfo { font: bold 15px/18px Arial, Verdana; color: #003366; padding: 5px; border: 1px solid #efdddf; margin-bottom: 10px }
h4 { font: normal 15px/18px Arial, Verdana; color: #003366; margin-bottom: 5px; }


/*----------------------------------------------- */



/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */

/* Top Elements */
*
{
	margin: 0;
	padding: 0;
	outline: 0;
}

body
{
	background: #fff; /*background: #fff url(/media/1062/bg.gif) repeat-x;*/
	font: 12px/170% 'Lucida Grande' , 'Lucida Sans Unicode' , Geneva, Verdana, sans-serif;
	color: #000000;
	text-align: center;
	letter-spacing: 1px;
}


/* links */
/*
a, a:visited
{
	color: #CC3300;
	background: inherit;
	text-decoration: none;
}

a:hover
{
	color: #73471B;
	background: inherit;
	text-decoration: underline;
}
*/

/* Paragraph */
/*p
{
	padding: 12px 10px;
}
*/
/* Lists */
ul, ol
{
	margin: 10px 20px;
	padding: 0 20px;
}
ul
{
	list-style: none;
}

dl
{
	padding: 10px;
	margin: 0;
}

dt
{
	font-weight: bold;
	color: #79A62E;
}
dd
{
	padding-left: 25px;
}

/* images 
img {
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 7px;
}*/
img.float-right
{
	margin: 5px 0px 10px 10px;
}
img.float-left
{
	margin: 5px 10px 10px 0px;
}

code
{
	margin: 5px 0;
	padding: 15px;
	text-align: left;
	display: block;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console' , 'Courier New' , monospace; /* white-space: pre; */
	border: 1px solid #deedae;
	background: #F0FFD2;
}
acronym
{
	cursor: help;
	border-bottom: 1px dotted #895F30;
}
blockquote
{
	margin: 15px 10px;
	padding: 5px 7px 5px 40px;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman' , Times, serif;
	color: #80614D;
	border: 1px solid #DFF4B5;
	background: #F0FFD2 url(/media/1072/quote.gif) no-repeat 7px 10px;
}

/* start - table */

table
{
	border-collapse: collapse;
	/*margin: 15px 10px;*/
}

/* end - table */

/* form elements
form {
	margin: 15px 10px; 
	padding: 5px 10px 20px 10px;
	border: 1px solid #D8E99E; 
	background: #deedae; 	
}*/

.InnerForm
{
	padding: 5px 10px 20px 40px;
}
.TableColumnHeader
{
	height:23px;
	background: #fff url(/media/1066/arrow-start.gif) no-repeat;
	/*padding-bottom:15px;*/
	color: #fff;
	font: bold 12px Arial;
	padding-left:5px;
}

.TableColumnHeader2ColsLeft
{
	width:185px;
	height: 23px; 
}
.TableColumnHeader2ColsMiddle
{
	font: normal 20px Arial, Verdana; 
	color: #003366; 
	height: inherit; 
	letter-spacing: 1px; 
	float: left; 
	white-space:nowrap;
}


.TableColumnHeader2ColsRight
{
	width: 100%;
	height: 23px;
	background-image: url(/media/1066/hl-right.gif);
	background-repeat:no-repeat;
	background-position: left;
	/*overflow: hidden;*/
}
.contbox 
{ 
	font: normal 10px/13px Arial, Veradana; 
	color: #333; 
}
.contboxpadding
{ 
	padding:15px;
	font: normal 10px/13px Arial, Veradana; 
	color: #333; 
}

label
{
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #895F30;
}
input, textarea, select
{
	padding: 4px;
	color: #666666;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
	font: normal 11px Verdana, sans-serif;
}
textarea
{
	width: 400px;
	height: 100px;
	display: block;
}
input.button
{
	font: bold 12px Arial, Sans-serif;
	height: 30px;
	margin: 0;
	padding: 2px 3px;
	color: #fff;
	background: #A6CD56;
	border-width: 1px;
	border-style: solid;
	border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F;
}


/********************************************
   LAYOUT
********************************************/
#wrap
{
	position: relative;
	width: 990px;
	/*border: solid 1px #eee;*/
	background: #fff url(/media/18341/bg-page.gif) repeat-y;

	/*border: solid 1px #eee;*/ /*background: #fff url(/media/1075/wrap.gif) repeat-y center top;*/
	margin: 5px auto;
	text-align: left;
}
#content-wrap
{
	position: relative;
	clear: both;
	float: left;
	width: 990px;
	padding: 5px 0; /*background: #edf8c7 url(/media/1064/content.gif) repeat-y;	*/
}
#header
{
	position: relative;
	width: 990px;
	height: 100px;
	background: #fff url(/media/1066/Background.png) repeat-y center top; /*background: #317cb1 url(/media/1068/header.gif) no-repeat;*/
	color: #fff;
	padding: 0;
	margin: 0;
}
#header div#logo-text
{
	position: absolute;
	margin: 0;
	padding: 0;
	font: bold 56px 'Trebuchet MS' , 'Helvetica Neue' , Arial, Sans-serif;
	letter-spacing: -3px;
	text-decoration: none;
	color: #fff; /* change the values of top and left to adjust the position of the logo*/
	top: 18px;
	left: 830px;
}
#header p#slogan
{
	position: absolute;
	margin: 0;
	padding: 0;
	font: bold 15px 'Trebuchet MS' , 'Helvetica Neue' , Arial, Sans-serif;
	color: #D6EBAB;
	letter-spacing: -0.5px; /* change the values of top and left to adjust the position of the slogan*/
	top: 122px;
	left: 135px;
}

/* header quick search */
#header form#quick-search
{
	visibility: hidden;
	position: absolute;
	top: 75px;
	right: 55px;
	padding: 0;
	margin: 0;
	border: none;
	width: 223px;
	height: 33px;
	/*background: #82c7f4 url(/media/1069/header-search.gif) no-repeat; z-index: 999999;*/
}
#header form#quick-search p
{
	margin: 0;
	padding: 0;
}
#header form#quick-search input
{
	border: none;
	background: transparent;
	color: #0e5792;
	float: left;
}
#header form#quick-search .tbox
{
	margin: 5px 0 0 5px;
	width: 170px;
	display: inline;
}
#search form#quick-search .btn
{
	width: 25px;
	height: 25px;
}
#header form#quick-search label
{
	display: none;
}

#pagepicture
{
	clear: both;
	padding: 0;
	margin: 0;
	width: 990px;
	height: 230px;
	/*background: #0e609e url(/media/1070/nav.gif) no-repeat;*/
	background-color: #fff;
}

/* Main Column */
#main
{
	float: left;
	width: 525px;
	padding: 0;
	margin: 0 0 0 45px;
	display: inline;
}
#main h2
{
	font: bold 2.25em 'Trebuchet MS' , 'Helvetica Neue' , Arial, Sans-serif;
	color: #115280;
	padding: 10px 0 5px 5px;
	margin-left: 5px;
	letter-spacing: -1px;
	border-bottom: 1px solid #D2E9A4;
}
#main h2 a
{
	color: #115280;
	text-decoration: none;
}
#main ul li
{
	list-style-image: url(/media/1063/bullet.gif);
}

#sidebar
{
	float: right;
	width: 270px;
	padding: 0;
	margin: 0 45px 0 0;
	display: inline;
}
#sidebar h3
{
	color: #115280;
	font: normal 1.6em 'Trebuchet MS' , 'Helvetica Neue' , Arial, Sans-serif;
	text-transform: none;
	padding: 10px 0 2px 0;
	margin: 10px 0 0 10px;
}

/* sidebar menu */
#sidebar .sidemenu
{
	margin: 5px 10px 8px 7px;
	padding: 0;
	text-decoration: none;
	border-top: 2px solid #D0E89F;
}
#sidebar .sidemenu li
{
	list-style: none;
	margin: 0;
	padding: 7px 10px;
	border-bottom: 1px solid #DAEBA3;
}
* html body #sidebar .sidemenu li
{
	height: 1%;
}
#sidebar .sidemenu li a
{
	text-decoration: none;
	color: #684F3E;
}
#sidebar .sidemenu li a span
{
	color: #A98D76;
	font-size: .9em;
	font-family: Georgia, 'Times New Roman' , Times, serif;
	font-style: italic;
	font-weight: normal;
}
#sidebar .sidemenu li a:hover
{
	color: #000;
	background: none;
}
#sidebar .sidemenu ul
{
	margin: 0 0 0 5px;
	padding: 0;
}
#sidebar .sidemenu ul li
{
	border: none;
}

#sidebar #NewsList
{
	margin: 5px 10px 8px 7px;
	padding: 0;
	text-decoration: none;
	border-top: 2px solid #D0E89F;
}
#sidebar #NewsList li
{
	list-style: none;
	margin: 0;
	padding: 7px 10px;
	border-bottom: 1px solid #DAEBA3;
}
* html body #sidebar #NewsList li
{
	height: 1%;
}
#sidebar #NewsList li a
{
	text-decoration: none;
	color: #684F3E;
}
#sidebar #NewsList li a span
{
	color: #A98D76;
	font-size: .9em;
	font-family: Georgia, 'Times New Roman' , Times, serif;
	font-style: italic;
	font-weight: normal;
}
#sidebar #NewsList li a:hover
{
	color: #000;
	background: none;
}
#sidebar #NewsList ul
{
	margin: 0 0 0 5px;
	padding: 0;
}
#sidebar #NewsList ul li
{
	border: none;
}


/* search form */
#sidebar .searchform
{
	background-color: transparent;
	border: none;
	margin: 0 0 0 5px;
	padding: 10px 0 10px 10px;
	width: 260px;
}
#sidebar .searchform p
{
	margin: 0;
	padding: 0;
}
#sidebar .searchform input.textbox
{
	width: 180px;
	height: 18px;
	padding: 2px;
	vertical-align: top;
}
#sidebar .searchform input.button
{
	width: 60px;
	height: 24px;
	padding: 2px 4px;
	vertical-align: top;
}

/* footer */
#footer-wrap
{
	clear: both;
	width: 990px;
	text-align: left;
	padding: 0;
	margin: 0; /*background: url(/media/1066/footer-bottom.gif) no-repeat left bottom;*/
}
#footer-content
{
	width: 990px; /*background: url(/media/1067/footer-top-sep.gif) no-repeat;*/
	padding: 0px 0 35px 0;
}

#footer-wrap p
{
	padding: 0px 0;
}
#footer-wrap h3
{
	color: #145F94;
	margin: 0;
	padding: 5px 0 5px 10px;
	text-transform: uppercase;
}
#footer-wrap a:hover
{
	color: #000;
	text-decoration: none;
}

#footer-columns
{
	color: #888;
	margin: 0 auto;
	padding: 0;
	width: 800px;
}
#footer-columns ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #BFD286;
}
#footer-columns li
{
	border-bottom: 1px solid #CCDA9E;
}
#footer-columns li a
{
	display: block;
	font-weight: normal;
	padding: 8px 0 8px 10px;
	width: 96%;
	color: #666666;
}

#footer-columns .col3, .col3-center
{
	float: left;
	width: 32%;
}
#footer-columns .col3-center
{
	margin: 0 15px;
}

/* bottom */
#footer-bottom
{
	clear: both;
	color: #555;
	margin: 0 auto;
	width: 990px;
	padding: 15px 0 0px 5px;
	text-align: left;
	font-size: 0.95em;
	background: url(/media/1066/footer-bottom.gif) no-repeat left center;
}
#footer-bottom a
{
	color: #306495;
}

/* postmeta */
.post-footer
{
	padding: 8px 5px;
	margin: 5px 10px 10px 10px;
	color: #A2745D;
	border: 1px solid #deedae;
	background: #F0FFD2;
}
.post-footer .date
{
	margin: 0 10px 0 5px;
}
.post-footer a.comments
{
	margin: 0 10px 0 5px;
}
.post-footer a.readmore
{
	margin: 0 10px 0 5px;
}

.post-info
{
	font-size: .95em;
	padding: 0 10px;
	margin-left: 2px;
	color: #A98D76;
}
.post-info a, .post-info a:visited
{
	color: #9C652E;
}

/* alignment classes */
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.align-left
{
	text-align: left;
}
.align-right
{
	text-align: right;
}

/* clearing */
.clearer
{
	clear: both;
}
.clear
{
	display: inline-block;
}
.clear:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

h2 { font: bold 16px/19px Arial, Verdana; color: #333; margin-bottom: 5px; line-height:1.5;}
h3 { font: normal 15px/18px Arial, Verdana; color: #003366; }
h3#nfo { font: bold 15px/18px Arial, Verdana; color: #003366; padding: 5px; border: 1px solid #efdddf; margin-bottom: 10px }
h4 { font: normal 15px/18px Arial, Verdana; color: #003366; margin-bottom: 5px; }

.repww { width: 260px; float: left; margin-bottom: 35px; }
.repww p { margin-bottom: 5px;	 }



















































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}