/*
hallo, 
danke das ihr euch für meine templates interessiert :-)
in diesem css file könnt ihr so ziemlich alles verändern was mit dem aussehen der seite zu tun hat, farben, positionen der boxen etc.

viel spass beim experimentieren



*/

* {
border:0;
margin:0;
padding:0;

}
html {
height:100%;
font-size:62.5%
}

html,
body {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
background:url(images/bg.gif);
}
/*
------------------------------------------------------------------------------
header, navigation, footer
------------------------------------------------------------------------------				           
*/
.header {
background: transparent url(images/header.gif) no-repeat;
color: #FFF;
height: 93px;
margin: 0;
padding: 0;
}

/*
hier wird die position des titels im header formatiert
*/
#domain {
position: absolute;
left: 318px;
} 

h1 {
font: bold 36px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
color: Green;
padding-left: 2px;
margin: 2px;
}

/* 
ende
*/

#navcontainer {
background-color:#000;
color:#FFF;
position:absolute;
left:0;
top:93px;
width:100%;
height:20px;
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
padding:0;
}

ul#navigation {
list-style:none;
margin:0;
padding:0;
}

ul#navigation li {
line-height: 20px;
display:inline;
vertical-align:middle;
}

ul#navigation a {
color: #fff;
background: url(images/link_bullet.gif) no-repeat 0 50%;
text-decoration: none;
font-weight: 700;
background-color: transparent;
vertical-align: bottom;
padding: 0 0 0 12px;
}

ul#navigation active {
color: #fff;
background-color: transparent;
background: url(images/link_bullet.gif) no-repeat 0 50%;
text-decoration: none;
font-weight: 700;
vertical-align: bottom;
padding: 0 0 0 12px;
}
ul#navigation hover {
color: #fff;
background-color: transparent;
background: url(images/link_bullet.gif) no-repeat 0 50%;
text-decoration: none;
font-weight: 700;
vertical-align: bottom;
padding: 0 0 0 12px;
}
.footer {
clear: both;
background-image: url(images/footer_bg.gif);
background-repeat: repeat-x;
height: 21px;
bottom: 0;
margin: 0 auto;
}
/*
------------------------------------------------------------------------------
div boxen (links, mitte, rechts)
------------------------------------------------------------------------------			 
*/
.box2 {
top:30px;
float:left;
width:145px;
margin-left:5px;
margin-top:0;
position:relative;
left:0;
padding:3px;
}

.box3 {
color: #000;
background-color: #FFF;
width:795px;
border: 1px solid #000;
margin-top:35px;
margin-left: 155px;
padding: 3px;
}

/* 
------------------------------------------------------------------------------				 
Contentboxen (links, mitte, rechts)
------------------------------------------------------------------------------				 
*/
.navtitle {
vertical-align: top;
background: url(images/navbox_head.gif);
background-repeat: no-repeat;
font-weight: 700;
color: #fff;
height: 16px;
width: 132px;
padding: 0 5px;
text-align: left;
}

.navcontent {
background:url(images/navbox_bg.gif);
background-repeat:repeat-y;
color:#000;
width:132px;
background-color:transparent;
padding:10px 5px;
}


.navfooter {
background:url(images/navbox_foot.gif);
background-repeat:no-repeat;
height:7px;
width:132px;
}

.navrecent {
vertical-align: top;
background: url(images/navrecent_head.gif);
font-weight: 700;
color: #fff;
height: 80;
width: 800;
padding: 20;
text-align: left;
}
/* 
------------------------------------------------------------------------------				 
diverse styles (a, p, ....)
------------------------------------------------------------------------------				 
<table width="100%" cellpadding="1" cellspacing="1" border="0" align="center" class="forumline">
  <tr>
        <th colspan="5">{L_RECENT_TITLE}</th>
  </tr>
  <!-- BEGIN recent -->
  <tr> 
        <td class="{recent.ROW_CLASS}" align="center" valign="middle"><img src="{recent.TOPIC_FOLDER_IMG}" alt="{recent.TOPIC_FOLDER_ALT}" title="{recent.TOPIC_FOLDER_ALT}" /></td>
        <td class="{recent.ROW_CLASS}" nowrap="nowrap"><span class="topictitle">{recent.NEWEST_IMG}{recent.TOPIC_TYPE}<a href="{recent.U_VIEW_TOPIC}" class="topictitle">{recent.TOPIC_TITLE}</a></span>
                                                                                       <span class="gensmall">{recent.GOTO_PAGE}<br />{recent.FIRST_TIME}{recent.FIRST_AUTHOR}<br /></span></td>
        <td class="{recent.ROW_CLASS}" width="8%" align="left"><span class="postdetails">&nbsp;{recent.L_REPLIES}: {recent.REPLIES}
                                                                                                   <br />&nbsp;{recent.L_VIEWS}: {recent.VIEWS}</span></td>
        <td class="{recent.ROW_CLASS}" width="25%" nowrap="nowrap">&nbsp;<span class="forumlink"><a href="{recent.U_VIEW_FORUM}" class="forumlink">{recent.FORUM_NAME}</span></td>
        <td class="{recent.ROW_CLASS}" width="25%" nowrap="nowrap"><span class="postbody">{recent.POST_TEXT}</span><br />
                                                                                                           <span class="gensmall"> {recent.LAST_URL} {recent.LAST_TIME}&nbsp;&nbsp;{recent.LAST_AUTHOR}</span></td>
  </tr>
  <!-- END recent -->
</table>
*/
a:hover {
color:#000;
background-color:#fff;
}

a,a:visited {
color:#000;
background-color:#fff;
}

p {
text-align:left;
margin:5px;
}

ul.commentlink {
text-align: right;
margin-right: 10px; 
vertical-align: text-bottom;
display: block;
list-style-type: none;
list-style-image: url(images/bullet.gif);
padding: 0 0 0 12px;
}

/* 
------------------------------------------------------------------------------				 
Headlines
------------------------------------------------------------------------------				 
*/

h2 {
font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
color: Green;
padding-left: 2px;
margin: 5px;
}

h3 {
font:bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align:left;
color:#000;
margin:5px;
}

h4 {
font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align:left;
color:#000;
margin:5px;
}


/* 
------------------------------------------------------------------------------				 
diverses
------------------------------------------------------------------------------				 
*/
.imagefloat {
float:left;
margin:1px 0 0;
}

.trenner {
padding: 10px;
width: auto;
height:auto;
min-height: auto;
margin-top: 15px;
border-bottom: 1px dotted Gray;
} 

/* 
------------------------------------------------------------------------------				 
diverses
------------------------------------------------------------------------------				 
*/

.clear {
clear:both;
height:25px;
min-height:25px;
}
.clear2 {
clear:left;
}

/* 

------------------------------------------------------------------------------				 
Formular formatierung
------------------------------------------------------------------------------				 
*/

label {
text-align : left; 
color: #000;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
padding-right : 5px; 
padding-bottom : 5px; 
padding : 2px; 
} 
input.log {
width: 90px;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 1px 0 4px;
padding: 2px;
background: #F9FFF0;
border: 1px solid Gray;
}

input{
width:100px;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin:1px 0 4px;
padding:2px;
background:#F9FFF0;
border:1px solid gray;
}

textarea {
width:350px;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin:1px 0 4px;
padding:2px;
background:#F9FFF0;
border:1px solid gray;
}
select{
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 4px 0 4px;
padding: 2px 2px;
background: #F9FFF0;
}
#submit {
width:70px;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
background:#000;
color:#fff;
font-weight: bold;
text-align:center;
border:1px solid gray;
}

/* 
------------------------------------------------------------------------------				 
rechte box zb. für shoutbox, etc.
------------------------------------------------------------------------------				 
*/

/*
ende
*/