* { font-size:1em; font-family:calibri,helvetica;color:#000; }
body { margin:0;padding:0;  }

@font-face { font-family: 'DINWebCondensedLight'; src: url('../files/DINWeb-CondLight.eot'); font-style: normal; font-weight: normal; }
@font-face { font-family: 'DINWebCondensedLight'; src: url('../files/DINWeb-CondLight.woff') format('woff'); font-style: normal; font-weight: normal; }

div { border:0px solid #000; }
.clearBox { clear:both; }


#lineBox { clear:both;z-index:1;width:100%;height:170px;border-bottom:10px solid #f8f8f8;text-align:left;margin-bottom:20px }
#logoBox { clear:both;float:left;padding:0;margin:0;margin-top:-10px;padding-top:0px;width:240px;border:0;z-index:102; }  
#contentBox { float:left;text-align:left;width:690px;margin-top:0px;padding-top:20px;padding-left:10px;margin-left:10px;font-family:calibri;color:#666;font-size:14px;line-height:22px; }
#contentBox ul { margin:0;padding:0;margin-left:10px; }
#contentBox li { list-style-type:none;  background:url('../files/icon_nav_breadcrumb.png') no-repeat 0px 6px; padding-left:20px; margin-bottom:10px; }

#sliderBox { float:left;text-align:left;margin-top:10px;margin-left:20px;padding-top:10px;width:700px;font-family:calibri;color:#888;font-size:14px;line-height:22px; }
#leftBox {  display:none;clear:both;width:230px;float:left;text-align:left;margin-top:40px; }
#searchBox { display:none;clear:both;margin-bottom:10px;border:2px dotted #ddd;padding:10px;padding-bottom:5px;width:205px; }
#searchBox  .inputSearch, #domainchecker_form   .inputSearch { float:left; outline:0; border:5px solid #ddd;color:#aaa;width:95px;padding:3px;font-family:calibri; }
#searchBox .inputSubmit, #domainchecker_form .inputSubmit { float:left;background-color:rgb(221,11,26);margin-top:-13px;margin-left:10px;color:#fff;font-size:1em;border:0;border-radius:4px;padding:4px 10px 4px 10px;font-family:calibri;}
#footerOuterBox { clear:both;margin-top:30px;width:100%;background:#eee;box-shadow:0 0 0px #aaa; border-top:15px solid #dfdfdf;padding-bottom:20px; }
#footerInnerBox { margin-left:auto;margin-right:auto;width:700px;text-align:center;margin-top:20px;}
#sponsorBox { float:left;width:310px;}
#contactBox { display:none;width:250px;text-align:left;color:#666;font-size:18px; font-family:'DINWebCondensedLight',calibri;padding-top:7px;}
#contactBox a:link, #contactBox a:visited { color:#bbb;color:rgb(221,11,26);margin-right:10px;font-size:18px; font-family:'DINWebCondensedLight',calibri;text-decoration:none;text-transform:uppercase;}
#contactBox800 { text-align:center;color:#666;font-size:16px; font-family:'DINWebCondensedLight',calibri;padding-top:0px; }
#contactBox800 a:link, #contactBox800 a:visited { float:left;color:#666;margin-right:5px;font-size:16px; font-family:'DINWebCondensedLight',calibri;text-decoration:none;}
#themenBox { float:left;width:400px;text-align:left;font-size:18px; font-family:'DINWebCondensedLight',calibri; }
#themenBox a:link, #themenBox a:visited { color:#bbb;color:rgb(221,11,26);font-size:18px; font-family:'DINWebCondensedLight',calibri;text-decoration:none; line-height:20px;}
#themenBox h3 ,#contactBox h3 { font-size:21px; font-family:'DINWebCondensedLight',calibri; color:#aaa;padding-top:20px;padding-bottom:10px;}
.clearBox { clear:both;margin-top:10px }

#servicenavBox { margin-left:auto;margin-right:auto;width:700px;text-align:center;z-index:100;margin-top:-195px;height:35px; }
#servicenavInnerBox {  float:left;font-family:calibri;color:#666;font-size:12px; }
#servicenavInnerBox  ul.rex-navi1 { margin:0; padding:0;  }
#servicenavInnerBox  ul.rex-navi1 li { float:left;margin-bottom:0px; list-style-image:url('../files/arrow81.gif'); list-style-type:none; }
#servicenavInnerBox  ul.rex-navi1 a { margin-right:2px;color:#aaa;font-size:12px;padding:4px 5px 4px 5px;font-family:calibri;font-weight:normal;text-decoration:none; }
#servicenavInnerBox  ul.rex-navi1 li a:hover { color:rgb(221,11,26); }
#servicenavInnerBox  ul.rex-navi1 li a.rex-current,#navBox ul.rex-navi1 li a.rex-active {  margin-right:2px;color:#aaa;font-weight:bold;font-size:12px;font-family:calibri;text-decoration:none; }
#servicenavInside { float:right;padding:5px 10px 5px 10px; }
#servicenavInnerBox480 { display:none; }

#mainnavBox { float:left;margin-left:0px;margin-top:10px; background:url('../files/bg_mainnav1.jpg') 0px 5px; line-height:33px; width:720px; padding-top:6px; padding-left:0px;box-shadow:0 0 0px #ddd; }
#mainnavBox  ul.rex-navi1 { margin:0; padding:0; margin-left:10px  }
#mainnavBox  ul.rex-navi1 li { float:left;  padding:0; margin:0; margin-left:9px; margin-bottom:0px; list-style-image:url('../files/arrow81.gif'); list-style-type:none; }
#mainnavBox  ul.rex-navi1 a { 
background:#fff; color:rgb(221,11,26);

font-size:17px;
padding:5px 8px 5px 8px;font-weight:bold;font-family:calibri,'DINWebCondensedLight',calibri;text-transform:uppercase;text-decoration:none;  }
#mainnavBox  ul.rex-navi1 li a:hover { text-shadow: #fff 0px 0px 20px;background:rgb(221,11,26);background:#f8f8f8;color:rgb(221,11,26); }
#mainnavBox ul.rex-navi1 li a.rex-current,#navBox ul.rex-navi1 li a.rex-active {  
background-color: rgb(221,11,26);
border:0px solid  rgb(221,11,26);
  text-shadow: #fff 0px 0px 15px;
  padding:5px 8px 5px 8px;
  font-size:17px;font-weight:bold;font-family:calibri,'DINWebCondensedLight',calibri;color:rgb(255,255,255);text-transform:uppercase;text-decoration:none; }

#mainnavBox480 { display:none; }

#mainnavBox800 { clear:both;float:left;width:700px;margin:0;margin-top:30px;}
#mainnavBox800  ul.rex-navi1 { margin:0; padding:0; margin-left:15px; }
#mainnavBox800  ul.rex-navi1 li { float:left;padding:2px 5px 2px 5px;list-style-image:url('../files/arrow81.gif'); list-style-type:none;margin:0;margin-right:2px; }
#mainnavBox800 ul.rex-navi1 a { font-size:16px;color:rgb(221,11,26);font-family:calibri,arial;text-transform:uppercase;text-decoration:none; }
#mainnavBox800 ul.rex-navi1 li a.rex-current,#mainnavBox800 ul.rex-navi1 li a.rex-active { font-size:16px;font-weight:bold;font-family:calibri;color:rgb(221,11,26); }



#leftContentBox {  margin-top:30px;border:2px dotted #ddd;;width:165px;padding:10px 5px 10px 15px; }
#leftContentBox ul { margin:0;padding:0;margin-left:0px; }
#leftContentBox li { list-style-type:none;  background:url('../files/icon_nav_breadcrumb.png') no-repeat 0px 6px; padding-left:20px; margin-bottom:2px; }
#leftContentBox ul li a:link ,#leftContentBox ul li a:visited { color:rgb(221,11,26); border-bottom:1px dotted rgb(221,11,26); font-size:14px; text-decoration:none; }

#subnavBox { text-align:left;width:230px;margin:0;padding:0;padding-bottom:5px;background:#fff;border-bottom:2px dotted #ddd; } 
#subnavBox ul { margin:0;padding:0;padding-left:40px;}
#subnavBox  li { list-style-type:none; margin-left:-40px; } 
#subnavBox  li a:link , #subnavBox  li a:visited { display:block;width:210px;padding-left:20px;background:url('../files/icon_nav_breadcrumb.png') no-repeat 0px 8px;border-top:2px dotted #ddd;line-height:25px;text-decoration:none;color:rgb(221,11,26);font-family:calibri;font-size:14px;}
#subnavBox  .act2 li a:link {  display:block;width:210px;padding-left:20px;background:none;font-weight:normal;border-top:0;line-height:20px;text-decoration:none;color:rgb(221,11,26);font-family:calibri;font-size:13px;}
#subnavBox  .act2 a,#subnavBox  .act2 a:link { background:url('../files/icon_nav_breadcrumb.png') no-repeat 0px 8px; font-weight:bold; }
#subnavBox  li.act3 a:link, #subnavBox  li.act3 a:visited { padding-left:20px;background:#efefef;font-weight:bold;border-top:0;line-height:20px;text-decoration:none;color:rgb(221,11,26);font-family:calibri;font-size:13px;}

#domainchecker_form { width:550px;} 

.beispiel1 { color:rgb(221,11,26); }
.beispiel2 {  }
.beispiel2 img { float:left;width:50px;padding-top:0; margin-right:20px; } 
a.beispiel2:link, a.beispiel2:visited  { color:rgb(221,11,26); font-weight:bold; padding-top:10px;   }

.contentSlider { background:#eee;  box-shadow:0px 0px 0px #ddd; padding:5px;color:#aaa; margin-top:5px; }
.contentSlider span.header { background:url('../files/plus-icon.png') no-repeat 8px 5px; padding-left:30px; font-size:16px;font-family:calibri;font-weight:normal;color:rgb(221,11,26); }  
.contentSlider a:link, .contentSlider  a:visited {  text-decoration:none;   }

a.login:link, a.login:visited { float:right;margin-left:5px;margin-top:1px;border:1px solid rgb(221,11,26);color:rgb(221,11,26);text-decoration:none;font-weight:bold;font-size:14px;padding:4px 10px 3px 10px; }
a.login:hover { background-color:rgb(221,11,26);color:#fff; }

#contentBox a, #contentBox a:link, #contentBox a:visited { color:rgb(221,11,26); text-decoration:none; border-bottom:1px dotted rgb(221,11,26);padding:2px;}

h1 { font-size:45px;line-height:45px;margin:0;padding:0;margin-top:10px;margin-bottom:10px;font-family:'DINWebCondensedLight',calibri;color:rgb(221,11,26);font-weight:normal; }
h2 { font-size:28px;font-family:'DINWebCondensedLight',calibri;font-weight:normal;color:#666;color:rgb(221,11,26);margin-top:30px; }
h3 { font-size:28px;line-height:26px;font-family:'DINWebCondensedLight',calibri;color:#aaa;margin:0;padding:0;margin-bottom:30px;font-weight:normal;}
h4 { font-size:22px;line-height:22px;font-family:'DINWebCondensedLight',calibri;color:#aaa;margin:0;padding:0;margin-bottom:10px;font-weight:normal;}
h5 { font-size:22px;line-height:22px;font-family:'DINWebCondensedLight',calibri;color:#aaa;margin:0;padding:0;margin-bottom:10px;font-weight:normal;}
h6 { font-size:19px;margin:0;padding:0;margin-bottom:20px;font-family:calibri;font-weight:normal;color:rgb(221,11,26);color:#aaa; }

table { width:100%;border:4px solid #e6e6e6;margin-top:20px; }
table thead td { background:#eee;color:#666;line-height:25px;padding:4px;text-align:left;border-bottom:3px solid #ddd;font-weight:bold;}
table tbody td { text-align:left;color:#666;border-bottom:1px solid #ddd; vertical-align:top; }

table.contentTable2 { width:100%;margin-top:0px;border:0;border-top:2px dotted #ddd; }
table.contentTable2 thead td { background:#eee;color:#666;line-height:25px;padding:4px;text-align:left;border-bottom:0;font-weight:bold;}
table.contentTable2 tbody td { text-align:left;color:#666;border-bottom:2px dotted #ddd; vertical-align:top; padding-bottom:20px; padding-top:20px; }
table.contentTable2 tbody td h2 { font-size:40px;  }
table.contentTable2 tbody td img { margin-top:10px;  }


.dreispalter { margin-top:10px;margin-bottom:30px;margin-left:0px;padding-top:25px;border-top:0px dotted #ddd;}
.dreispalter h2 { margin:0; padding:0; margin-bottom:10px; margin-top:10px; font-weight:bold; font-size:27px; line-height:28px; height:70px;border-bottom:2px dotted rgb(221,11,26); }
.dreispalter .col1 { float:left;height:315px;border-right:2px dotted #ddd;margin-right:10px;width:200px;padding-right:15px; }
.dreispalter .col2 { float:left;height:315px;border-right:2px dotted #ddd;margin-right:10px;width:200px;padding-right:15px;padding-left:10px }
.dreispalter .col3 { float:left;height:315px;width:200px;padding-left:15px}

.dreispalter .colnews1, .dreispalter .colnews2 { float:left;border-right:2px dotted #ddd;margin-right:10px;width:200px;padding-right:15px;padding-left:15px }
.dreispalter .colnews3 { float:left;height:250px;width:200px;padding-left:15px}
.dreispalter .colnews1 h2 , .dreispalter .colnews2 h2, .dreispalter .colnews3 h2, 
.dreispalter .colnews1 h2 a:link , .dreispalter .colnews2 h2 a:link, .dreispalter .colnews3 h2  a:link,
.dreispalter .colnews1 h2 a:visited , .dreispalter .colnews2 h2 a:visited, .dreispalter .colnews3 h2  a:visited { 
	font-family:'DINWebCondensedLight',calibri; margin:0; padding:0; margin-bottom:10px; margin-top:10px; font-weight:bold; 
	font-size:27px; line-height:28px; height:90px;border-bottom:2px dotted rgb(221,11,26); 
}

#topthemen { border-bottom:2px dotted #ddd;padding-bottom:10px;margin-bottom:20px;} 
#topthemen h2 a:link, #topthemen h2 a:visited { font-family:'DINWebCondensedLight',calibri;  line-height:25px; font-weight:bold; }
.top { float:left;width:190px;border-right:2px dotted #ddd;padding-right:30px;margin-right:20px;min-height:250px }
.topLast {float:left;width:190px;min-height:250px}

input:focus { outline:none;}

#featured{ width:700px; height:260px; margin-left:-20px; margin-top:20px; position:relative;}
#features ul { }
#featured ul.ui-tabs-nav{ display:none; z-index:10;clear:left;position:relative;  padding:0; margin:0; width:230px; height:240px; margin-right:15px; margin-top:0px;   }
#featured ul.ui-tabs-nav li{ 	padding:0;  border:0; list-style-type:none; padding:10px; background:#efefef;background:#fff; border-bottom:2px dotted #ddd;  }
#featured li.ui-tabs-nav-item a{ display:block; text-decoration:none;  outline:none; border:0;  }
#featured ul.ui-tabs-nav li h2 {  font-size:22px; margin:0; padding:0; padding-top:3px;color:rgb(221,11,26); color:#aaa; font-weight:bold; margin-bottom:0px; }
#featured li.ui-tabs-nav-item a:hover{ color:rgb(221,11,26); }
#featured li.ui-tabs-selected h2, #featured li.ui-tabs-active h2 {  }
#featured ul.ui-tabs-nav li.ui-tabs-selected { background:#ddd; background:#fff;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a { color:rgb(255,255,255); }
#featured ul.ui-tabs-nav li.ui-tabs-selected h2 { color:rgb(221,11,26); }
#featured .ui-tabs-panel{ overflow:hidden; border:1px solid #eee; position:relative;height:146px;width:660px; margin-left:20px; margin-top:10px;background:#fff; box-shadow:0 0 0px #ddd;}
#featured .ui-tabs-panel .info{ position:absolute; bottom:0; left:0; height:70px;  }
#featured .ui-tabs-panel .info a.hideshow{ position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;}
#featured .info h2{ font-size:1.2em; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; font-weight:normal;	overflow:hidden; }
#featured .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0;}
#featured .info a{ text-decoration:none; color:#fff; }
#featured .info a:hover{ text-decoration:underline; }
#featured .ui-tabs-hide{ display:none; }

/* CONTACTABLE FORM */
#contactable-inner {
	background-image:url(../files/contact.png);	cursor:pointer;	height:102px; left:0; margin-left:-5px; *margin-left:-5px; overflow:hidden;	position:fixed;
	*position:absolute;	text-indent:-100000px;	top:132px;	*margin-top:0px; width:44px; z-index:100000; }

#contactable-contactForm {
	background-color:#dd0b1a;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	height:450px;
	left:0;
	margin-left:-400px;
	*margin-left:-434px;
	margin-top:-160px;
	overflow:hidden;
	padding-left:30px;
	position:fixed;
	top:293px;
	width:360px;
	*width:394px;
	z-index:99;
}

form#contactable-contactForm input,
form#contactable-contactForm textarea,
form#contactable-contactForm select {
	background:#FFFFFF none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #dfdfdf;
	font-size:1em;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:10px;
}

form#contactable-contactForm select {	width:335px;}
form#contactable-contactForm p {	width:325px;font-size:0.9em;}
form#contactable-contactForm .contactable-disclaimer {*margin-left:20px;}
#contactable-contactForm .contactable-green {color:	#fff;}
#contactable-overlay {	background-color:#666666;display:none;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:0;} 
.contactable-invalid { background-color: #aaa; }
#contactable-name.contactable-invalid { background-color: #aaa; } 
#contactable-email.contactable-invalid { background-color: #aaa; }
#contactable-message.contactable-invalid { background-color: #aaa; }

form#contactable-contactForm label{*margin-left:20px;line-height:150%;}
form#contactable-contactForm #contactable-loading {background: url(images/ajax-loader.gif) no-repeat;	width:66px;height:66px;	margin: 80px auto;display:none;}

#contactable-callback {	font-size:1.1em;color: #FFF;width:325px;margin: 100px auto;	display:none;}
.contactable-holder {margin:0 auto;*margin-left:20px;padding-top:20px;	}	

/* Submit button */
form#contactable-contactForm .contactable-submit {
  background-color: #ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #666));
  background-image: -webkit-linear-gradient(top, #ccc, #666);
  background-image: -moz-linear-gradient(top, #ccc, #666);
  background-image: -ms-linear-gradient(top, #ccc, #666);
  background-image: -o-linear-gradient(top, #ccc, #666);
  background-image: linear-gradient(top, #ccc, #666);
  border:0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: 338px; }

form#contactable-contactForm .contactable-submit:hover {
    background-color: #666;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #ccc));
  background-image: -webkit-linear-gradient(top, #666, #ccc);
  background-image: -moz-linear-gradient(top, #666, #ccc);
  background-image: -ms-linear-gradient(top, #666, #ccc);
  background-image: -o-linear-gradient(top, #666, #ccc);
  background-image: linear-gradient(top, #666, #ccc);
    cursor: pointer;
	border:0;
}

button.contactable-cupid-green:active {
    border: 0px;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }


/* Formular Definition */
.formgen {  }
  
/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor : pointer; }
.formgen form { line-height : 120%; }
.formgen .formblock { margin-bottom: 15px; margin-top: 10px; padding: 5px; }
.formgen .formtextfield { float:left; width: 300px; height: 200px; border:0; margin-left:10px; background-color: #f1f1f1; border-bottom-right-radius: 5px; border-top-left-radius: 5px;}
.formgen input { float:left; width:250px;padding:2px 5px 2px 5px;border:2px solid #ddd;margin-top:1px;}
.formgen label { width: 150px; clear: left; float: left; margin-right:5px;padding:2px 5px 2px 5px; color:#666; font-weight:bold; background-color: #eee; margin-bottom:2px }

.formgen .formselect { width: 200px; background-color: #fff; margin-left: 4px; color: #666; }
.formgen .formsubmit { width: 100%; font-family:calibri; font-size:16px; text-transform:uppercase; height:25px; font-weight:bold; font-style:italic; border:0; border-bottom-right-radius: 5px; border-top-left-radius: 5px; background:#aaa; color: #FFFFFF; }
.formgen .formsubmit:hover { background-color:#999da4;}
.formgen legend { color: rgb(221,11,26); font-weight:bold; width: 150px; padding-left:10px; }
.formgen .fieldset { border:0; margin-bottom: 10px; border:2px dotted #ccc; }
.formgen .clear { background:#fff;}

.formgen .formerror { border-bottom-width: 1px; color: rgb(221,11,26); }
.formgen .formcaptcha { float:left; vertical-align: top; margin-right: 10px; }
.formgen .formreq { color: rgb(221,11,26); }
.formgen .formheadline { color: #993300; background-color: #FFF7EA; }
.formgen .formhinweis { color: #000; margin-bottom:10px; }

#form-module-thanks  { background:#eee; padding-left:10px; padding-top:10px; padding-bottom:10px; color:#666; font-weight:bold; }

/* Suche */
.paginationAct { color:#fff; background: rgb(221,11,26); padding:5px 10px 5px 10px; margin-right:5px; }
a.pagination, a.pagination:link, a.pagination:visited { border:0; text-decoration:none; background:#eee; color: rgb(221,11,26); padding:5px 10px 5px 10px; margin-right:5px; }
#searchResult { border:0px dotted #ddd; }
.searchItem { border-bottom:2px dotted #ddd;padding-top:10px;padding-bottom:10px}
.searchItem h3 { margin-bottom:10px; }

.greybox { margin-bottom:10px;background:#f7f7f7;padding:5px 10px 5px 30px}

#headerImageBox { width: 658px; height: 120px; padding-top: 130px; padding-left: 30px;border:1px solid #eee;border-bottom: 10px solid #eee; }
#headerImageBox span.h1 { font-size: 40px; line-height: 40px; font-family: 'DINWebCondensedLight',calibri; background-color:rgb(221,11,26); color: #fff; padding: 2px 15px 2px 15px; top: 20px;}
#headerImageBox span.h2 { font-size: 30px; line-height: 30px; font-family: 'DINWebCondensedLight',calibri; color: rgb(221,11,26); background: #fff; padding: 2px 15px 2px 15px; top: 20px; }
#headerImageBox  h3 { margin-top:5px; }


.container {
	width:960px; 
	margin:0px auto; 
	position:relative;
	z-index:12;
	}
	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:368px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:289px;width:558px;
	background:#515151 url(../images/birdy.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	background:url(../images/contact_me.png); 
	position:absolute; 
	left:368px; bottom:-44px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:180px; 
	background:#6d6d6d url(../images/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:196px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

#dummycontent {padding-top:100px; height:900px; position:relative;}
.bottomlink {position:absolute; bottom:0;}


