@CHARSET "UTF-8";


/*
*  DEFAULTS
*
*  Reset Browser default paddings & margins 
*
*/

body, div, p, h1, h2, h3, img, a, ul, li, iframe {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px none;
}



a {
    color:#000;
}
a:hover, .black a:hover {
	color:#F00;
}

/*
*  LAYOUT STYLES
*
*  Define CSS classes to create a table-free, 3-column layout 
*
*/



/* With 3 columns, require a minimum width of 900px to ensure there is enough horizontal space. */
body {
  margin: 0px;
  padding: 0px;
  min-width: 900px;
}





/* center and margin */
#page {
	text-align: center;
}

#container {
  margin: 0 auto;
  text-align: left;
  max-width: 1250px;
}

#whitespace {
	padding: 0px 0px 0px 1em;
}






/* header elements */

#header {
	margin: 2em 0px 1.5em 0px;
	overflow: hidden;
}

#logo {
	float:left;
}

#subnav {
	float:right;
	height:3em;
}

#subnav ul li {
    float:left;
    list-style-type:none;
    padding-left:0.5em;
}

#mainnav {
	clear:both;
	height: 5em;
}




/* Define 99.9% width to avoid the body being too narrow for near-empty pages and horizontal scrolbars*/
#main {
  float: left;
  width: 99.9%;
  margin: 0px 0px 0px -210px; /* So we move the #main container over the sidebars to compensate */
}

#squeeze {
	margin: 0px 0px 0px 210px; /* And add blanks left and right for the sidebars to fill */
	position: relative;
}


/* We ensure the sidebars are still clickable using z-index */
#container .sidebar {
  /*margin: 0 0 5em;*/
  width: 210px;
  float: left;
  z-index: 2;
  position: relative;
}

.sidebar div{
	margin-bottom: 1.5em;
}


.content {
	clear: both;
	margin-bottom: 1.5em;
	overflow: hidden;
}

.halfcolumn {
	width:50%;
	float:left;
}

.quatercolumn {
	width:25%;
	float:left;
}

.box {
	margin-right: 1.5em;
	padding: 5px;
}
.tablebox {
	margin-right: 1.5em;
}
.firstbox {
    padding-left:0;
}



#footer {
  float: none;
  clear: both;
  margin: 4em 0 -3em;
}



ul.schriftart iframe{
	height: 45px;
	width: 166px;
}


ul.schriftart li, ul.prevnext li {
	float:left;
	list-style-type:none;
	padding-bottom:1.5em;
}

ul.schriftart li {
	display: inline;
	overflow: hidden;
	height: 170px;
	padding-bottom:0em;
}

ul.schriftart ul.gattung li {
	display:block;
	float: none;
	clear: both;
	height: 12px;
	list-style-type:none;
}

ul.schriftart p {
	margin-top: -5px;
	z-index=2;
}

ul.designer, ul.schriftart_detail {
    clear:both;
}

ul.designer li, ul.schriftart_detail li {
	float:left;
	list-style-type:none;
}

#randomfont{
	height: 80px;
	width: 100%;
}


#schriftschnitt {
    padding-right:1.5em
	padding-bottom:2em;
}
#schnitt{
	height: 450px;
	width: 100%;
}
#schnitt_img{
  margin-right: 1.5em;
}

#schnitt_img img{
  width: 100%;
}


#overviewtable, #overviewtable table  {
    width: 100%;
    table-layout: fixed;
}

#overviewtable tbody td {
    border-top: 1px solid #CCC;
}

#overviewtable td {
    padding:0.2em 0em 0.2em 0em;
}

#overviewtable tbody td td{
    border-top: 0px none;
}

#overviewtable td td {
    padding:0em;
}

table.sortable thead {    cursor: pointer;
}



.teasercell {
    overflow:hidden;
    white-space: nowrap;
    color: #666;
}
.teasercell div {
    display: inline;
}

div.textimg {
    clear:both;
    overflow:hidden;
}

div.textimg div.img {
    width:30%;
    float:left;
    padding-right:0.5em;
}




div.quatercolumn table {
	width:100%;	
}

div.quatercolumn ul {
	padding-bottom: 0.5em;	
}




/*
*   NAVIGATION
*
*  Behaviour and color of mainnav 
*/

.navi a{
	text-decoration:none;	
}

#mainnav a{
	font-size: 1.4em;
	font-weight:bold;
}

#mainnav ul{
	list-style:none;
}
#mainnav li{
	float: left;
	padding-right: 2em; 
}


#subnav a {
	font-size: 1.1em;
}







/*
*   COLORS AND BACKGROUNDS
*
*	Assign colors to site elements, fontcolors below
*/

body {
	background: #fff;
}

.black {
	background: #000;
	color: #fff;
}

.black a {
    color:#fff;
}

.active, a.active {
    color:#F00; 
}



/*
*   FONT STYLES 
*
*  Standardize font sizes and line-height across browsers 
*/

body {
  font:62.5% arial,verdana,sans-serif;
}

h1 {
	font-size: 1.4em;
}
h1 span.box{
	display: block;
	float:left;
}
span.light{
	/*font-weight:normal;*/
	color:#CCC;
}

h2 {
	font-size: 1.3em;
	padding-bottom: 0.5em;
  /*  padding-top: 0.5em;*/
}
h3 {
	font-size: 1.3em;
	font-weight:normal;
	padding-bottom: 0.2em;
}

#sidebar-title h3 {
	font-size: 1.4em;
	font-weight:bold;
}

p {
	line-height: 1.5em;
	padding-bottom:1em;
}

.content p {
	font-size: 1em;
}
.content .quatercolumn p{
	font-size: 1em
}

table {
  font-size:inherit;
  font:100%;
}
#overviewtable {
    font-size:1em;
}

#overviewtable th {
   text-align:left;
   font-weight:bold;
}


select, input, textarea {
  font:99% arial,helvetica,clean,sans-serif;
}

/*ul.schriftart a, ul.designer a, ul.prevnext a, ul.schriftart_detail a{
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
}
*/

ul.designer, ul.schriftart, ul.schriftart_detail, .content ul {
	font-size: 1em;
}

ul.schriftart {
    font-weight:bold;
}

ul.flatpage {
  margin-left:20px;
  list-style-type: square;
  font-size: 1em;
}

ul.flatpage li{
  padding-bottom: 0.4em;
}

.boldtext {
  font-weight:bold;
}






/* quicklist fontnav */

ul.fontnav ul {
	margin-left:10px;
	margin-bottom:10px;
	list-style-type: none;
}
ul.fontnav li {
	margin-left:0px;
}

.hide {
	display:none;
}

.invisible {
    visibility:hidden;
}
.visible {
    visibility:visible;
}

.show {
	display:block;
}

.error {
    color:#F00;
}
/* forms */
form label {
    float:left;
    display:block;
}

form br {
    clear:both;
}

form input {
    margin-bottom:5px;
}

/* gattungen ul */
ul.gattung li {
    clear:left;
    padding-bottom:0;
}