/*******************************************/
/*************** Typo
/*
/* Bronze:  #8e6a2d
/*
/*
/*******************************************/

/*************************** Webfonts laden */
/* @group webfonts */

@font-face {
   font-family: "TheMixTT7";
   src: url(../fonts/TheMix/TheMix_cls_TT7_.eot);
   src: local("☺"),
   url(../fonts/TheMix/TheMix_cls_TT7_.woff) format("woff"),
   url(../fonts/TheMix/TheMix_cls_TT7_.svg#TheMix-Bold) format("svg");
}

@font-face {
   font-family: "TheMixTT6";
   src: url(../fonts/TheMix/TheMix_cls_TT6_.eot);
   src: local("☺"),
   url(../fonts/TheMix/TheMix_cls_TT6_.woff) format("woff"),
   url(../fonts/TheMix/TheMix_cls_TT6_.svg#TheMix-SemiBold) format("svg");
}

@font-face {
   font-family: "TheMixTT5";
   src: url(../fonts/TheMix/TheMix_cls_TT5_.eot);
   src: local("☺"),
   url(../fonts/TheMix/TheMix_cls_TT5_.woff) format("woff"),
   url(../fonts/TheMix/TheMix_cls_TT5_.svg#TheMix-Plain) format("svg");
}

@font-face {
   font-family: "TheMixTT3";
   src: url(../fonts/TheMix/TheMix_cls_TT3_.eot);
   src: local("☺"),
   url(../fonts/TheMix/TheMix_cls_TT3_.woff) format("woff"),
   url(../fonts/TheMix/TheMix_cls_TT3_.svg#TheMix-Light) format("svg");
}


/*************************** Basics */

body {
	font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	text-align:left;
	background-color:#fff;
	font-size:12px;
}

.center {
	line-height:140%;
}

/*************************** Absatz */
p		{ margin:0; padding:4px 0 8px 0; }
.align-right { text-align:right; }
.center p {	font-size:13px;}


/*************************** Ueberschriften */
h1, h2, h3, h4, h5, h6 { font-size:13px; margin:0; padding:0; }

h1 { font-family: "TheMixTT5", Arial !important; font-size:16px; line-height:115%; padding:8px 0 0px 0; color:#666; font-weight:normal; }
h2 { font-family: "TheMixTT5", Arial !important; font-size:25px; line-height:115%; padding: 5px 0 5px 0; color:#8e6a2d; font-weight:normal;}
h3 { font-family: "TheMixTT3", Arial !important; padding:12px 0 4px 0; color:#333; font-weight:normal; font-size:18px; }
h4 { font-family: "TheMixTT5", Arial !important; font-size:16px; line-height:145%; padding:0px 0 0px 0; color:#666;font-weight:normal; }
h5 { padding:12px 0 4px 0; color:#666; }
h6 { padding:12px 0 4px 0; font-weight:normal; font-style:italic; }

.side-col h4 { font-size:14px; }

/*************************** Liste */
ul, ol	{ margin:0; padding:5px 0 1px 16px; }
ul		{ list-style-type:square; }
li		{ padding-bottom:4px; }


/*************************** Links */
a		{ color:#8E6A2D; text-decoration:none; outline:none; }
a:hover	{ color:#000 !important; }

a.backlink         { background:url(../images/news-back.gif) 0 0 no-repeat; padding:2px 0 2px 25px; color:#000; }
a.backlink:hover   { background-position:0 100%; color:#8e6a2d !important; }


/*************************** HTML Tags  */
img         { border:0; }
acronym		{ cursor:help; border-bottom-style:dashed; }
hr			{ border:0 solid #ccc; border-bottom-width:2px; margin-top:10px;  margin-bottom:10px; clear:both; }
pre			{ padding:1px 3px;  background-color:#eee;border:1px dashed #333; color:#000; white-space:normal; font-size:9px; width:auto; }


/*************************** Globale Klassen */
.clear			{ clear:both; }
.border			{ border:1px solid #8e6a2d; }
.line			{ border-top:1px solid #8e6a2d; }
.display-none	{ display:none; }


/*************************** Formulare */
input, textarea, select, button { font-family: "TheMixTT3"; font-size:12px; margin-bottom:10px; border:0; border-bottom:1px solid #ccc; background:transparent; }
textarea { }
select { border-width:0; }
button { margin-bottom:0; }
input:hover, input:focus, textarea:hover, textarea:focus { border-color:#000; background-color:#f1f1f1; }

input.button,
input.submit,
input.powermail_submit,
input.tx-powermail-pi1_mandatory_submit
    { font-family: "TheMixTT5"; color:#8E6A2D; border-width:0; padding-left:0; padding-right:0; }

input.powermail_submit {width: 100px; height: 25px; color: white; background: #8e6a2d; font-weight: bold; font-size: 14px;}
input.powermail_submit:hover {color: black;}

label { font-family: "TheMixTT3"; }


/*************************** Tabellen */
td, th	{ font-size:13px; vertical-align:top; }

table.destable { margin-bottom:12px; }
table.destable th,
table.destable td,
table.destable td { background-color:#eee; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:0 5px; }
table.destable th,
table.destable thead td { background-color:#444; color:#fff; font-weight:bold; }
table.destable thead td { background-color:#8e6a2d; }