/* GLOBAL STYLES  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
* { margin: 0; padding: 0;}/* removes defaults from all elements */
html {background: #cccccc;}
body {font-size: 90%; text-align: center; background: #cccccc ;padding-top:15px;border-top: #821e16 solid 5px;}
p { font: 11px Geneva, Arial, Helvetica, sans-serif;color: #1a130d;padding:0;margin: 0 10px 10px 10px;line-height: 18px;}
strong {font: 11px Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}
a {	color: #fd4d0c;	text-decoration: none;}
a:hover {color: #181616;text-decoration: underline;}
.fill {clear:both;}


/* NAV  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#navcontainer {height: 80px; width:100%; background:url(../images/navback.jpg) repeat-x top;}
#navblock {margin: 0px auto; width: 808px; height: 80px;}
#sitelogo {width: 128px; float: left; text-align:left; margin-left:35px; margin-top:15px;}
h1 a {background:url(../images/tfutfu_logo.png) no-repeat top; display: block; width: 142px; height: 52px; text-decoration: none;}
.mainnav {width: 610px; float: right; text-align: right; margin: 0px; padding: 0px;}
.mainnav a {text-transform: uppercase; color:#3e3e3e; text-decoration:none; font: normal 120% "Myriad Pro",Arial,Verdana,sans-serif;}
.mainnav a:hover {color: #b08c36;}
.mainnav ul { padding: 0px; float: right; margin:0px; list-style:none; background:url(../images/navback.jpg) repeat-x top; width: 610px; height:80px}
.mainnav li {margin-left: 0px; margin-bottom: 0; margin-right: 0px; margin-top: 0; font: normal 120% 'Myriad Pro', Arial, Verdana, sans-serif; float:left; font-size:13px; _font-size:13px; padding:0; _width:10%}
.mainnav li a {height: 80px; padding-left:15px; padding-bottom:4px; padding-right:10px; padding-top: 32px; display:block; font: normal 110% 'Myriad Pro', Arial, Verdana, sans-serif; font-weight:bold;}
.mainnav li a:hover {background: url(../images/navback_hover2.jpg) repeat-x top;}



/* CONTENT BLOCK  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#container {margin: 0 auto; padding: 55px 0 0 0; height: 100%; width:100%; background:#ffffff;}
#content-block {text-align: left; margin: 0px auto; width: 740px;height: auto; color: #ffffff;}
#content-block p { margin: 0; color: #3e3e3e; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#content-block ul { margin: 10px 0 10px 20px; color: #3e3e3e; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#content-block strong { font-weight: bold; margin: 0; color: #000000; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#content-block h2 { margin-bottom: 15px; font-family: "Century Schoolbook", Baskerville, "Goudy Old Style", "Times New Roman", Times, serif; font-style: normal; font-weight: normal; color: #3e3e3e; line-height: 28px; font-size: 26px;}
#content-block h3 { font-family: "Myriad Pro", Geneva, "Lucida Sans", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #3e3e3e; line-height: 18px; font-size: 16px;}
#content-block a, #content-block h3 a { color: #b08c36; text-decoration:none;}
#content-block h2 a { color: #b08c36; text-decoration: none;}
#content-block a:hover { color: #cccccc; text-decoration: underline;}
div.content-c1 {float: left;width: 510px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #3e3e3e;}
div.content-c2 {float: left;width: 180px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #3e3e3e;}



/* LOWER BLOCK - FOOTER  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#lower-container {margin: 0 auto; padding: 55px 0 0 0; height: 100%; width:100%; background:url(../images/papertear-spsite-2.jpg) repeat-x top #3e3e3e;}
#lower-block {text-align: left; margin: 0px auto; width: 740px;height: auto; color: #ffffff;}
#lower-block p { margin: 0; color: #cccccc; line-height: 16px; font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#lower-block strong { font-weight: bold; margin: 0; color: #f1f1f1; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#lower-block h2 { margin-bottom: 15px; font-family: "Century Schoolbook", Baskerville, "Goudy Old Style", "Times New Roman", Times, serif; font-style: normal; font-weight: normal; color: #b08c36; line-height: 26px; font-size: 26px;}
#lower-block h3 { font-family: "Myriad Pro", Geneva, "Lucida Sans", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #cccccc; line-height: 20px; font-size: 18px;}
#lower-block a, #lowerblock h3 a { color: #b08c36; text-decoration:none;}
#lower-block h2 a { color: #b08c36; text-decoration: none;}
#lower-block a:hover { color: #b08c36; text-decoration: underline;}
#bullets ul, li { color: #cccccc; padding: 0; margin: 3px 0 3px 25px; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
div.lower-c1 {float: left;width: 440px;margin: 10px 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #b08c36;}
div.lower-c2 {float: left;width: 250px;margin: 10px 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #b08c36;}
div.lower-c3 {position: relative; float: left;width: 180px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #ffffff;}
div.lower-leftbox {float: left;width: 530px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #ffffff;}
/* footer */
div.footer { float: left;width: 710px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #b08c36;}
div.footer h5 {
	margin: 0;
	color: #aaaaaa;
	line-height: 12px;
	font-size: 10px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: justify;
}
/* header */
#header-block {
	width: 740px;
	height: auto;
	margin: 0 auto;
	text-align:right;
}

#header {
	width: 710px;
	height: auto;
	margin: 0px auto;
	background-color: #ccc;
	text-align:right;
}

.roundedcorners {
	-webkit-border-radius: 40px; /* Safari, Chrome */
	-khtml-border-radius: 40px;	/* Konqueror */
	-moz-border-radius: 40px; /* Firefox */
	border-radius: 40px;
}

#header h1 {
	padding: 15px 40px 15px 40px; font-family: "Myriad Pro", Arial, sans-serif; letter-spacing: 1px;
	font-size:12px; line-height: 13px;
	color: #3e3e3e; 
}

#header h2 {
	padding: 0 40px 15px 40px; font-family: "Myriad Pro", Arial, sans-serif; letter-spacing: 1px;
	font-size:13px; color: #3e3e3e; font-style:italic; 
}

/* LOWER BLOCK - PRESETS  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#plower-container {margin: 0 auto; padding: 55px 0 0 0; height: 100%; width:100%; background:url(../images/papertear-spsite-2.jpg) repeat-x top #3e3e3e;}
#plower-block {text-align: left; margin: 0px auto; width: 740px;height: auto; color: #ffffff;}
#plower-block p { padding-left: 30px; width: 600px; margin: 0; color: #cccccc; line-height: 16px; font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#plower-block ul { width: 500px; padding-left: 25px; padding-bottom: 20px; padding-right: 40px; padding-top: 20px; margin: 20px; color: #dfdfdf; background:#373737;}
#plower-block li { margin-bottom: 10px; color: #c0c0c0; line-height: 16px; font-size: 13px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#plower-block strong { font-weight: bold; margin: 0; color: #cccccc; line-height: 16px; font-size: 13px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#plower-block h1 { text-align:right; margin-bottom: 15px; font-family: "Century Schoolbook", Baskerville, "Goudy Old Style", "Times New Roman", Times, serif; font-style: normal; font-weight: normal; color: #b08c36; line-height: 26px; font-size: 26px;}

#plower-block h2 { margin-bottom: 15px; font-family: "Century Schoolbook", Baskerville, "Goudy Old Style", "Times New Roman", Times, serif; font-style: normal; font-weight: normal; color: #b08c36; line-height: 26px; font-size: 26px;}

#plower-block h3 { margin-left: 30px; font-family: "Myriad Pro", Geneva, "Lucida Sans", Verdana, Arial, sans-serif; font-weight: bold; color: #b08c36; line-height: 22px; font-size: 20px;}
#plower-block a, #lowerblock h3 a { font-weight: bold; color: #ff9900; text-decoration:none;}
#plower-block h2 a { color: #f0e9dd; text-decoration: none;}
#plower-block a:hover { color: white; text-decoration: underline;}
#plower-block h4 {
	margin: 0;
	color: #ccc;
	line-height: 14px;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: justify; font-weight:normal;
}

#plower-block h6{ margin: 0; color: #cccccc; line-height: 16px; font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; text-align: right; font-weight: normal;}

#plower-block h7{ margin: 0; color: #cccccc; line-height: 16px; font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; text-align: left;}

#plower-container h5 {
	margin: 0;
	color: #aaaaaa;
	line-height: 12px;
	font-size: 10px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: justify;
}



#plower-container img { margin-left:8px; }

div.plower-c1 {float: left;width: 345px;margin: 10px 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #b08c36;}
div.plower-c2 {float: left;width: 345px;margin: 10px 0 0 0px;padding: 20px 10px 0 10px;border-top: 3px solid #b08c36;}
div.plower-c3 { position:inherit;  width: 700px;margin: 20px 0 0 10px;padding:150px 10px 0 0; text-align:center;}
div.plower-leftbox {float: left;width: 530px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #ffffff;}
div.pfooter { float: left; width: 700px;margin: 0 0 0 10px;padding: 20px 10px 0 0; border-top: 3px solid #b08c36; }

#kontakt-block {text-align: left; margin: 0px auto; width: 740px;height: auto; color: #ffffff;}
#kontakt-block p {  width: 500px; padding-left: 10px; color: #cccccc;  16px; font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#kontakt-block ul { width: 400px;  padding-top: 20px; margin: 20px; color: #dfdfdf; background:#373737;}
#kontakt-block li { margin-bottom: 10px; color: #c0c0c0; line-height: 16px; font-size: 13px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}

/* IMAGES  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
img {border: 0;}
.right {float: right;margin: 0 0 10px 10px;}
.left {float: left;	margin: 0 10px 10px 0;}
.center {position: relative;margin-left: auto;margin-right: auto;}
.rssicon {float: right; margin: 10px 10px auto 20px;} 
.more-link {font-style: italic;text-align: right;}



/* POPUP BOX */


div.box-footer { float: left;width: 400px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #000000;}


#box-content-block {text-align: left; margin: 0px auto; width: 430px;height: auto; color: #ffffff;}
#box-content-block p { margin: 0; color: #cccccc; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#box-content-block ul { margin: 10px 0 10px 20px; color: #cccccc; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#box-content-block strong { font-weight: bold; margin: 0; color: #000000; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#box-content-block h2 { margin-bottom: 15px; font-family: "Century Schoolbook", Baskerville, "Goudy Old Style", "Times New Roman", Times, serif; font-style: normal; font-weight: normal; color: #b08c36; line-height: 28px; font-size: 26px;}
#box-content-block h3 { font-family: "Myriad Pro", Geneva, "Lucida Sans", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #cccccc; line-height: 18px; font-size: 16px;}
#box-content-block a, #content-block h3 a { color: #cccccc; text-decoration:none;}
#box-content-block h2 a { color: #cccccc; text-decoration: none;}
#box-content-block a:hover { color: #2f2f2f; text-decoration: underline;}




/* forms */

/* General form styles
----------------------------------------*/
div.box-contact {float: left;width: 400px;margin: 0 0 0 10px;padding: 10px 10px 0 0;border-top: 3px solid #821e16;}

fieldset {
    border: none;
    padding: 0;
    }

fieldset ul {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0 !important;
    }
    
fieldset ul li {
    padding-bottom: 0;
    }
    
fieldset input, 
fieldset select,
fieldset textarea {
	font: 1em/1.2em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
	font-weight: normal;
	border: 0;
	border-bottom: 1px dotted #b08c36;
	padding: 3px 3px 3px 0;
	margin: 2px 0 0 0;
	color: #cccccc;
	background-color: #3e3e3e;
}

fieldset input:hover, 
fieldset select:hover,
fieldset textarea:hover {
	border-bottom: 1px solid #a8a18f;
}
	
fieldset textarea {
    overflow: auto;
	font: 1em/1.2em "Myriad Pro", "Lucida sans", Verdana, sans-serif; color:#CCC;
}

fieldset select {
	padding: 1px;
	padding: 2px 1px 2px 0;
}

fieldset select option {
    padding: 0 1em 0 2px;
}

fieldset label {
	font: 1em/1.2em Georgia, "Times New Roman", serif; 
    color: #b08c36;
    display: block;
    margin: 1em 0 0.5em 0;
}

fieldset label.note {
	font: 0.8em "Baskerville", Georgia, "Times New Roman", serif; 
    font-weight: normal;
    color: #cccccc;
    margin: 0.2em 1em 0 0;
    font-style: italic;
}

.required {
    color: #ff6600 !important;
}

fieldset label.checkbox_note {
    font-weight: normal;
    display: inline;
    float: none;
}

fieldset label.full, fieldset input.full,
fieldset select.full, fieldset textarea.full { width: 94%; }

fieldset label.full {
    float: left;
}

fieldset p {
    margin-bottom: 0.5em !important;
}


/* Buttons */

.buttons button{
    display:block;
    float:left;
    margin:0 7px 0 60px;
    background-color:#3e3e3e;
    border:1px solid #b08c36;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#b08c36;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 100px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:10px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#3e3e3e;
    border:1px solid #2a1b08;
    color:#ccc;
}

