/*
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

www.alex.norm.at

*/

* {
border:0px none;
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: 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: 80px;
} 

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;
vertical-align:bottom; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0; background-color:transparent
}

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-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}
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-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}
.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 {
top:30px;
color: #000;
background-color: #FFF;
border: 1px solid #000;
margin: 30px 155px 15px;
padding: 3px;
}

.box4 {
top:30px;
float:right;
width:140px;
margin-right:0;
position:relative;
right:0;
padding:3px;
}
/* 
------------------------------------------------------------------------------				 
Contentboxen (links, mitte, rechts)
------------------------------------------------------------------------------				 
*/
.navtitle {
vertical-align: top;
background: url('images/navbox_head.gif') no-repeat;
font-weight:700; color:#000; height:16px; width:132px; text-align:left; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0; background-repeat:no-repeat
}

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

.navfooter {
background:url('images/navbox_foot.gif') no-repeat;
height:7px; width:132px; background-repeat:no-repeat
}
/* 
------------------------------------------------------------------------------				 
diverse styles (a, p, ....)
------------------------------------------------------------------------------				 
*/
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-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}

/* 
------------------------------------------------------------------------------				 
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:200px;
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.
------------------------------------------------------------------------------				 
*/

.shout {
width:145px;
overflow:hidden;
background:transparent;
text-align:left;
margin:5px;
}

/*
listenformatierung für die werbelinks
*/
ul.skills {
text-align:left;
display:block;
list-style-type:none;
list-style-image:url('images/link_bullet.gif');
margin:5px;
padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}
/*
ende
*/