/* CSS Document */

@charset "utf-8";
/* CSS-Styles for thorsten
	 creation date: 2009-07-11
*/

/* ------ BEGIN STRUCTURE ------ */

body, html {
        text-align:center;
        top:0px;bottom:0px;left:0px;right:0px;
        margin:auto;
}

body {
        background-color:#666;
	font-family:Arial,FreeSans,"Bitstream Vera Sans","DejaVu Sans",Helvetica,Geneva,Verdana,sans-serif;
	font-size: 0.8em;

}


h1, h2, h3, h4, h5, h6  { line-height: 1.5em;color:#00a500; font-weight: bold; text-decoration: underline;}

h1 { font-size: 1.7em; color:#000; text-decoration: none; margin-left:3px;}
h2 { font-size: 1.3em; color:#000; text-decoration: none; margin-top:-1px; margin-left:1px;}
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; color: #000;}
h6 { font-size: 1.0em; text-decoration: underline;}

a, a:link, a:visited  { color:#eee; text-decoration: none; list-style-type:none; font-family: 'Verdana', Arial, Helvetica, 'sans-serif'; }
a:hover, a:focus, a:active { color: #E38217;list-style-type:none; text-decoration: none; text-style:;font-family: 'Verdana', Arial, Helvetica, 'sans-serif';font-weight:bold;}

/*
#main{
text-align:center;
margin:0 auto;
}
*/

#main {
position:absolute;
width:951px;height:720px;
top:0px;bottom:0px;left:0px;right:0px;
margin:auto;
}


#page {
height: 0 auto;
width: 950px;
} 

#meta {
float:right;
height: 30px;
width: 1023px;
padding:0 auto;
margin:0 auto;
}

#metacont {
float:right;
height: 37px;
width: 76px;
padding:0 auto;
margin:0 auto;
}

#head {
height: 12px;
width: 0 auto;
padding:0 auto;
margin-left:58px;
}

#headcont {
float:left;
padding:5px;
margin:0 auto;
width:0 auto;
}

#headleft {
float:left;
height:11px;
width: 700px;
}

#headright {
float:right;
text-align:right;
height:11px;
width: 200px;
}


#boxcontent {
height: 0 auto;
width: 900px;
margin-left:25px;
}

#boxli {
float:left;
margin-right:4px;
width:295px;
height:200px;
border:#fff 1px solid;
background-image: url(../img/veith-media_fotografie.jpg);
}

#boxmi {
float:left;
width:295px;
height:200px;
border:#eee 1px solid;
background-image: url(../img/veith-media_programmierung.jpg);
}

#boxre {
float:right;
width:295px;
height:200px;
border:#eee 1px solid;
background-image: url(../img/veith-media_blog.jpg);
}

#twitter {
float:left;
margin-left:95px;
margin-top:-12px;
height:25px;
width: 25px;
background-image: url(../img/twitter.png);
}

#footer {
margin-top:474px;
height: 0 auto;
width: 951px;
padding:0 auto;
background: url(../img/f_bg.jpg) repeat-yx;
border-top:#dcdcdc 1px solid;
}

#footerbox {
height:215px;
width:0 950px;
padding:0 auto;
margin-right:0px;
border-top:#666 1px solid;
/*background: url(../img/f_bg.jpg) repeat-x;*/
}

#fooboxli {
float:left;
text-align:center;
margin-top:5px;
margin-left:0px;
width:295px;
height:155px;
color:#eee;
}

#fooboxmi {
text-align:center;
margin-left:300px;
margin-top:18px;
width:295px;
height:155px;
color:#eee;
}

#fooboxre {
text-align:center;
margin-left:610px;
margin-top:-165px;
width:295px;
height:155px;
color:#eee;
}
