/*#############################################################



Date: 1.10.2008



Author: Florian Hötzinger

Email: florian@hoetzinger.de







#############################################################*/



/* standard elements */

* {

	margin: 0;

	padding: 0;

}

body {

	background: black url(img/backgr.jpg) repeat-y center top;

	font: normal 0.7em Tahoma,Verdana,sans-serif;

}

div a {

	color: #FFF;

	cursor: pointer;

	text-decoration: none;

}



div a img{

	border:none;

	

}

h1 {

	color: #EFEFEF;

	font: normal 2em sans-serif;

	margin: 18px 0 0 0;

}



h2 {

	color: #EFEFEF;

	font: normal 1.5em sans-serif;

	margin: 13px 0 0 0;

}



blockquote {

	background: url(img/quote.gif) no-repeat;

	color: #555;

	display: block;

	font: bold 1.2em "Trebuchet MS",serif;

	margin: 6px 0;

	padding-left: 28px;

}



/* structure */

.main { border-left:solid 1px #222122;

        border-right:solid 1px #222122;

	width: 680px;

	margin: 0 auto;

}

.main_menu {

	float: left;

	margin: 18px 0 0 0;

	width: 200px;

}

.main_left {

	float: left;

	padding-top: 0px;

	width: 680px;

}

.main_right {

	border-top: 6px solid #FFF;

	float: right;

	width: 254px;

}

.footer {clear: both;}



/* misc */

.left {

	float: left;

}

.right {

	float: right;

}

.header,.link_projects,.lbl,.link_updates a {

	

}

div.link_projects a:hover,div.link_updates a:hover, .content a:hover, div.footer div.left a:hover {

	background: #D7162C;

	color: #FFF;

}



/* logo */

.header {

	background: #D91623 url(img/bgheader.gif) repeat-x;

	height: 180px;

}





.header h1 {

	margin: 0;

	padding: 124px 0 0 24px;

	font: normal 2.2em Verdana,sans-serif;

}



/* main navigation */

.menubox { width:170px; background-color:#3A3839; height:22px; margin-left:19px; color:#EFEFEF;}

.main_menu_top {background: url(img/menubox3.gif) no-repeat top right;}



.menubox ul {  padding-left:20px; font-size:1.2em;}

.menubox li {  padding-top:5px;}

.menubox li a {color: #FD1C24;}

.menubox li a:hover { text-decoration:underline;}



img.corner_left { border:none; display:block !important;}



/* projects */

.lbl {

	background: #222 url(img/bglbl.gif) repeat-x;

	clear: both;

	color: #FFF;

	font: normal 2em "Lucida Sans Unicode",sans-serif;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	text-align: center;

}

.link_projects a {

	display: block;

	height: 100px;

	text-align: center;

	color: #FFF;

	padding-top: 24px;

	width: 124px;

	font-size: 0.9em;

	font-family: sans-serif;

}

.link_projects a span {

	font: normal 5em sans-serif;

}

a.g1 {

	background: #888;

}

a.g2 {

	background: #666;

	border-left: 6px solid #FFF;

}



/* updates */

.link_updates {

	background: #222 url(img/grdnt_gray.gif) repeat-x;

}

.link_updates .lbl {

	border-top: 6px solid #FFF;

	height: 100px;

	line-height: 100px;

}

.link_updates a {

	clear: right;

	display: block;

	font: normal 1.2em "Trebuchet MS",sans-serif;

	height: 55px;

	padding: 10px 0;

	text-align: center;

}

.link_updates a span {

	float: left;

	font: normal 3em Verdana,sans-serif;

	letter-spacing: -2px;

	margin-left: 10px;

	margin-top: 3px;

}

/*Show Item*/

.showitem { margin-left:20px; width:170px; float:left;margin-right:20px;}

.showitem .head { background-color:#3A3839; line-height:25px; text-align:center; font-weight:bold;}

.showitem .sub {background-color:Black; font-size:x-small; line-height:15px;}

/* content */ 

.content 

{    min-height:400px;

    float:left; 

	color: #EFEFEF;

	font-family: Verdana,sans-serif;

	line-height: 1.3em;

	padding: 0 10px 10px; 

}

.content a {

	color: #FD1C24;

}

.content p {

	margin: 4px 0 10px 0;

}

.content .descr {

	color: #666;

	margin-bottom: 6px;

}

.content li {

	list-style: url(img/li.gif);

	margin-left: 18px;

}



/* footer */

.footercontainer

{    

    padding-left:130px;

    background: #cccccc url(img/footer-normal-back.gif) repeat-x;

	color:Black;

	clear: both;

	height:25px;

	margin:0 auto 0 auto;

	overflow:hidden;



	

}

.footer 

{

    background: #cccccc url(img/footer-normal-back.gif) repeat-x;

	color:Black;

	clear: both;

	height:25px;

	width:600px;

	margin:0 auto 0 auto;

	overflow:hidden;



	

}

.footer ul {text-align: center;}

.footer li

{

list-style:none;	

display:inline;											



}





.footer li a

{

    padding:0px 10px 0px 10px;

    white-space: nowrap;

    text-decoration: none;

    text-transform:uppercase;

    float: left;

    color:Black; font-weight:bold;

    line-height:25px;

    height:25px;

    #height:25px;



    }

.footer ul li a:hover {background: #cccccc url(img/footer-hover-back.gif) repeat-x;}