/*

           TEMPLATE CSS BY

           ROBERT HARTL FOR

           TEXTPATTERN 4.0.3

           http://www.hartl.info

*/



/*-----------General-hack--------------*/

*

{

 margin:0;

 padding: 0;

}



p, form, table 

{

 margin:10px 0 10px 0;

}



/* ----- Layout - Struktur --------------- */



body 

{

 background: #eee url(../site_images/7.jpg) top repeat-x; /*change this to 3.jpg or 4.jpg for dark/blue Background*/

 margin:  0;

 padding: 0;

 text-align: center;

 font-size : 76%; /*sets 12px to normal */

 font-family :  'Trebuchet MS', Tohama, Verdana, Arial, Sans-Serif;

 color:#464646;

 letter-spacing:0.05em;

 line-height:1.6em;

}



#paging

{

 font-size:1.1em;

 width:70% !important;

 width:760px; /*a hack for IE would be too hard to change for non-freaks*/

 min-width:760px;

 padding: 0; 

 background: #fff;

 margin: 20px auto;

}



/*-------------Access-------------------------*/

ul#access {display:none;}



/*--------------Heading----------------------*/

h1#heading a

{

 display:block;

 width:100%;

 height:120px;

 border:none;

 text-decoration: none;

 font:50px bold georgia, 'times new roman', serif; /*due to IE em-problems fix but huge enough*/

 letter-spacing:0.1em;

 text-transform:lowercase;

 margin:0;

 padding:0;

 padding-top:30px;

 color:#eee;

 background: #2339a8 url(../site_images/14.jpg) top no-repeat; /*this should be the sky-background*/

}



h1#heading a:hover

{

 color:#fff;

}



/*----------------------Navi-------------------*/

#fullnavig 

{

 width:100%;

 height:27px;

 background: #e0e0e0;

 border-bottom:1px solid #ddd;

 border-top:1px solid #ddd;

}



ul#navig

{

 margin: 0;

 padding : 0;

 list-style : none;

}



ul#navig li

{

 float:left;

}/* thanks IE(intelligence ...)*/



ul#navig li a

{

 font: 1em bold Tahoma, 'Tretbuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;

 text-decoration: none;

 text-transform: uppercase;

 letter-spacing: 0.3em;

 padding: 6px 18px 0px 16px;

 border:none;

 display:block;

 float:left;

 height:21px;

 border-right: 1px solid #d4d4d4;

 background:#e0e0e0;

}



ul#navig li a:hover

{

 background: #fff;

}



.underline {border-bottom:2px dotted #fff;}



/*----------------actual-section-trick---------*/

/*   the actual section ist always marked only by css

      look at the default section at the body start tag

*/

#default a#navig1, #article #navig2, #information #navig3, #contact #navig4

{

 background:#2339a8;

 color:#fff;

}



/*-------------box-wrapping------------------*/

#box 

{

 width:90% !important;

 width:760px; /*a hack for IE would be too hard to change for non-freaks*/

 min-width:760px;

 margin: 0 auto;

 background: #fff;

}



/*----------------content------------------------*/

#content

{

 float:left;

 width:500px;

 padding:10px 25px;

 margin:0;

 text-align:left;

 background:#fff;

}



#content h1

{

 font-size:1.8em;

 color:#c30;

 text-transform:uppercase;

 letter-spacing:0.05em;

 line-height:1.1em;

 border-bottom:2px solid #eee;

}



#content h2, #content h3, #content h4, #content h5

{

 font-size:1.2em; /*because of this all headings h2, h3, ...are same size, feel free to change*/

 margin-top:25px;

 color:#c30;

 text-transform:uppercase;

}



.postdetails

{

 text-align:right;

 font-size:0.8em;

 color:#999;

}



.emph /*this is the grey emphasise box */

{

 border:1px solid #ddd;

 background:#eee;

 padding:3px;

 text-align: center;

}



h1#cat-heading {margin-bottom:25px;}

.space {margin:15px 0 35px 0;}

img.space{border:none;}



/*---------comments and form-----------*/

ol.comments

{

 list-style:none;

}



.commentform textarea

{

 width: 450px;

 height: 130px;

}



.commentform input, .commentform textarea

{

 padding: 1px 2px 1px 1px;

 margin-bottom:5px;

 font:1em verdana, arial, sans-serif;

}



.who{

 background: #eee;

}



/*--------------------sidebar-------------------*/

#sidebar

{

 float:right;

 width:160px;

 padding:7px 20px 10px 10px;

 text-align:left;

 margin:0;

 background:#fff;

 line-height:1.6em;

}



#sidebar h2

{

 text-align:right;

 font: 1.4em bold georgia, 'times new roman', serif;

 text-decoration: none;

 text-transform: lowercase;

 letter-spacing: 0.25em;

 padding: 7px 0px 0px 0px;

 border-bottom: 2px solid #eee;

 color:#c30;

}



#sidebar ul, #sidebar ol

{

 line-height:1.2em;

 margin:5px 0 20px 20px;

 list-style-image: url(../site_images/11.gif); /*icons in the sidebar for pages*/

 list-style-position:outside;

}



#sidebar ul.cats

{

 list-style-image: url(../site_images/12.gif); /*category sidebar icons*/

}



#sidebar ul.feeds

{

 list-style-image: url(../site_images/13.gif); /*feed icons*/

}



/*----------------------footer---------------*/

#footer

{

 font:0.8em normal verdana, arial, sans-serif;

 letter-spacing:0.1em;

}



/*-------------content images---------------*/

img

{

 margin:5px;

 padding:2px;

 border:1px solid #eee;

 background:#fff;

}



.right

{

 float:right;

}

.left

{

 float:left;

}



/*-----------------links------------------------*/



a, a:link, a:visited, a:active

{

 color: #2339a8;

 text-decoration: none;

 border:none;

}



a:hover

{

 color: #36f;

 text-decoration:none;

 border-bottom:none;

}



code

{

 font: 1em normal 'courier new', courier, serif;

}



del

{

 color:#aaa;

}



ul, ol

{

 list-style-position:inside;

}



acronym, abbr

{

 cursor: help;

 border-bottom: 1px dotted #d48d77;

}



blockquote, cite

{

 margin: 15px 30px 0 20px;

 padding-left: 15px;

 border-left:6px solid #eee;

}



hr {visibility:hidden;}

.clearleft {clear:left; line-height:1px;}

.clearright {clear:right; line-height:1px;}

.clearboth { clear: both;  line-height: 1px;}