/* ------------------------------------------------------------------------------------------
CSS Stylesheet von fair:collection.de, erstellt von David Beege (dbmedia.biz)
--------------------------------------------------------------------------------------------- */


/* Body
-------------------------------------------------------------- */

* {margin:0;padding:0;}
html {height:100%;}
body {min-height:101%;position:relative;font-size:16px;padding:0;}
	
	
/* Links
-------------------------------------------------------------- */

a {color:#B2D236;text-decoration:none;outline:none;}
a:hover {color:#C9E045;text-decoration:underline;}
a:active {outline:none;}

a img {text-decoration:none;}

a.external {background:url(../img/icon-external.gif) no-repeat right top;padding-right:12px;}


/* Base Font Settings
-------------------------------------------------------------- */

body {font-family:Arial, Verdana, Helvetica, sans-serif;line-height:1.5;color:#525252;}
body {font-size:75%;}
html > body {font-size:13px;}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {color:#393939;padding:0;font-weight:normal;}

h3 {font-size:18px;margin:0 0 10px 0;}
h4 {font-size:14px;font-weight:bold;margin:0;}
h5 {font-size:12px;font-weight:bold;margin:0;}



/* Text elements
-------------------------------------------------------------- */

p {font-size:13px;line-height:20px;margin: 0 0 15px 0;}

ol {list-style-type:decimal;margin: 0 0 1.5em 1.5em;}
ul {margin:0 0 35px 25px;}
ul li {margin:0 0 8px 0;}
dl {margin:0;}
dl dt {font-weight:bold;}

blockquote {margin:1.5em 0 1.5em 1.5em;color: #666;font-style: italic;}
strong {font-weight:bold;}
em {font-style:italic;}
pre {margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em;}
code {font:0.9em Monaco, monospace;}

.key {color:#B9D301;}
.box_address {padding:5px 0 5px 25px;background-color:#FFF;border-left:4px solid #CCC;}


/* Layout Container
-------------------------------------------------------------- */	

#page {position:absolute;left:50%;margin:0 0 0 -490px;width:980px;z-index:0;}
#page_header {clear:both;height:120px;overflow:hidden;}

#page_header h1, #main_menue {position:absolute;}

#page_header h1 {left:15px;top:55px;}
#page_header h1, #page_header h1 a {width:295px;height:40px;}
#page_header h1 a {display:block;background:url(../img/faircollection.gif) no-repeat left top;}
#page_header h1 a:hover {background-position:left -40px;}
#page_header h1 a:active {background-position:left -80px;}

#page_footer {border-top:1px solid #EFEFEF;text-align:center;padding:10px 0 50px 0;margin-top:40px;}
#page_footer p {font-size:10px;color:#979799;line-height:13px;margin:0;padding:20px 0 0 0;border-top:1px solid #EFEFEF;}
#page_footer p a {color:#333;}
#page_footer .page_links {border-bottom:1px solid #EFEFEF;padding:0 0 10px 0;}
#page_footer .page_links li {border-left:1px solid #DEDEDE;}
#page_footer .page_links li.first {border:0;}
#page_footer .page_links li a {font-size:12px;color:#6E6E6E;padding:3px 10px;}
	
	
/* Layout Elements
-------------------------------------------------------------- */

.column_left, .column_middle, .float_left, .image_left {float:left;}
.column_right, .float_right, .image_right {float:right;}

span.clean {display:block;clear:both;}

.image_left {margin:0 15px 20px 0;}
.image_right {margin:0 0 20px 15px;}
.image_block {margin-bottom:20px;}

.column_left {margin:15px 0 40px 65px;text-align:justify;}
.column_right {margin:15px 65px 40px 0;text-align:justify;}

#logo span, #page_header h1 span, #main_menue li a span, #about_toggle span, .bigbutton span {position:absolute;text-indent:-999em;}


.main_content {position:relative;clear:both;display:block;background:url(../img/teaser-end.gif) no-repeat center bottom;}
.main_content h2 {clear:both;background:url(../img/teaser-top.gif) no-repeat center top;font-size:22px;padding:30px 0 10px 65px;margin:0;color:#C4C5C7;}
/* .main_content h2 span {border-bottom:2px solid #FFF;} */
.main_content:after, .slide_content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.additional_content {padding:40px 65px;}
.disclaimer {text-transform:lowercase;text-align:justify;}
.disclaimer p {font-size:10px;}
.disclaimer h4 {margin:0 0 10px 0;}

a.bigbutton {display:block;float:left;width:244px;height:185px;background-position:left top;background-repeat:no-repeat;}
a:hover.bigbutton {background-position:left bottom;}
.fairseat {background-image:url(../img/bigbutton_fairseat.jpg);}
.fairtable {background-image:url(../img/bigbutton_fairtable.jpg);}
.fairstage {background-image:url(../img/bigbutton_fairstage.jpg);}


/* page Mods
-------------------------------------------------------------- */

body.page_home .main_content .column_left {width:470px;margin-top:0;}
body.page_home .main_content .column_right {width:330px;margin-top:0;}
body.page_kontakt .main_content .column_left {width:270px;}
body.page_kontakt .main_content .column_right {width:530px;}
body.page_impressum .main_content .column_left {width:270px;}
body.page_impressum .main_content .column_middle {width:270px;margin:15px 0 0 30px;}
body.page_impressum .main_content .column_right {width:250px;}

body.page_fairseat .main_content .column_left {width:400px;margin-top:0;}
body.page_fairseat .main_content .column_right {width:400px;margin-top:0;}
body.page_fairtable .main_content .column_left {width:400px;margin-top:0;}
body.page_fairtable .main_content .column_right {width:400px;margin-top:0;}

body.page_fairstage .main_content .column_left {width:520px;margin-top:5px;}
body.page_fairstage .main_content .column_right {width:280px;margin-top:5px;}


/* Navigation
-------------------------------------------------------------- */

#page_header ul, #page_footer ul, #main_menue {list-style:none;padding:0;margin:0;}
#page_header ul li, #page_footer ul li {margin:0;padding:0;display:inline;}

#main_menue {right:15px;top:70px;}
#main_menue li {margin:0;padding:0;}
#main_menue li a {display:block;float:left;height:30px;background-position:0 0;background-repeat:no-repeat;margin-left:30px;}
#main_menue li a:hover {background-position:0 -30px;}
#main_menue li a:active {background-position:0 -60px;}

body.page_fairseat #main_menue .button_fairseat, body.page_fairtable #main_menue .button_fairtable, body.page_fairstage #main_menue .button_fairstage, body.page_kontakt #main_menue .button_kontakt {background-position:0 -90px;}

.button_fairseat {background-image:url(../img/button_fairseat.gif);width:75px;}
.button_fairtable {background-image:url(../img/button_fairtable.gif);width:80px;}
.button_fairstage {background-image:url(../img/button_fairstage.gif);width:86px;}
.button_kontakt {background-image:url(../img/button_kontakt.gif);width:72px;}


#about_toggle {width:226px;height:50px;position:absolute;left:380px;top:560px;background:url(../img/about_toggle.gif) no-repeat left 0;cursor:pointer;margin:0;padding:0;}
#about_toggle.close:hover {background-position:left -50px;}
#about_toggle.close:active {background-position:left -100px;}
#about_toggle.open {background-position:left -100px;}
#about_toggle.close {background-position:left 0;}

#about_info {background:url(../img/info_slide.gif) no-repeat center bottom;}
.slide_content {padding:30px 120px;}


#relations {margin:0;padding:0;height:130px;clear:both;}
#relations li {margin:0;padding:0;}
#relations li, #relations li a {display:block;width:324px;height:130px;background-repeat:no-repeat;border:0;}
#relations li {background-position:0 -130px;float:left;}
#relations li a {background-position:left top;}
#relations #logo1, #relations #logo1 a {background-image:url(../img/logo_productionplate.gif); }
#relations #logo2, #relations #logo2 a {background-image:url(../img/logo_dzm.gif); }
#relations #logo3, #relations #logo3 a {background-image:url(../img/logo_ichmachwasichwill.gif); }
#relations li a span {text-indent:-90000em;position:absolute;}

#relations li a:link, #relations li a:visited {opacity:0.00001;}
#relations li a:hover, #relations li a:active {opacity:1;}


/* Tooltip
-------------------------------------------------------------- */
	
.exampletip {z-index:13000;width:206px;height:140px;background:#015085;}
.exampletip .tip {padding:3px;}
.exampletip h3 {font-size:14px;color:#FFF;padding:5px 10px;margin:0;}

.fototip {z-index:13000;width:220px;height:145px;background:#015085;}
.fototip .tip {padding:3px;line-height:13px;}
.fototip .tip-title {font-size:11px;color:#FFF;padding:5px 10px;margin:0;font-weight:bold;}
.fototip .tip-text {font-size:11px;color:#FFF;padding:5px 10px;margin:0;}


/* Forms
-------------------------------------------------------------- */

.input_textarea textarea {font-family:Arial, Verdana, sans-serif;}
.input_field {padding:0 0 10px 0;}
.input_field input, .input_textarea textarea {border:1px solid #E5E5E5;font-size:12px;padding:5px 8px;background:url(../img/bg_input.gif) repeat-x left top #FFF;}
.input_field input:focus, .input_textarea textarea:focus {border-color:#B9D301;}
.input_field label, .input_textarea label {display:block;font-size:12px;font-weight:bold;padding:0 0 0 5px;}
.input_textarea {clear:both;}
.input_button {text-align:right;padding-top:5px;}

.input_textarea, .input_field {position:relative;}

#contact_form .input_field input {width:235px;}
#contact_form input#betreff, #contact_form #nachricht {width:512px;}
#contact_form #nachricht {height:200px;}
#contact_form .input_button input {background:url(../img/button_submit.gif) no-repeat left top;width:122px;height:32px;cursor:pointer;border:0;}
#contact_form {position:relative;}

.input_field input.errorElement, .input_textarea textarea.errorElement {border-color:#E75C58;}
.errorText {position:absolute;right:10px;top:0px;font-size:11px;font-weight:bold;color:#FFF;background:#B9D301;padding:4px 8px;border:1px solid #FFF;}

.message {padding:20px 50px;}
.error {background-color:#E75C58;color:#FFF;}
.erfolg {text-align:center;background-color:#B9D301;border:2px solid #FFF;color:#FFF;padding:10px 30px;}


/* Others
-------------------------------------------------------------- */