/* www.hinterding.com basic css layout */
/* (c) 04 Ingo Hinterding */

body{
	font-family:Georgia,Arial,Geneva,Verdana;
  	font-size: 12px;
  	}

#bodyId{	
	background-image: url(../pic/bg.jpg);
	background-repeat:repeat-x;
	
	}

#header{
	padding-left: 220px;
	/*background-image:url(../pic/verlauf_oben_1.jpg);*/
	background-repeat:no-repeat;
	height: 120px;
	background-color:#ffffff;	
	}

#content{	
	padding-left: 20px;
	padding-top: 40px;	
	font-family:Georgia,Arial,Geneva,Verdana;
  	font-size: 16px;
  	line-height: 21px;
  	color: #000000;  	
	}
	
#colLeft{		
	position: absolute;
	left: 30px;
	width:160px;	
	top:20px;
	}

#colMiddle{	
	position: absolute;
	left: 220px;	
	}
	
#colRight{
	position: absolute;
	left: 900px;
	width: 200px;
	}
	    
a:hover {
  	color: #F26522;
  }
  
  
a {
  	text-decoration: none;
  	color: #993333;
  } 
  
  
p,li,td {
  	font-family:Georgia,Arial,Geneva,Verdana;
  	font-size: 12px;
  	line-height: 17px;
  	color: #000000;
	}
  
.datum {
	font-family:Arial,Geneva,Verdana;
	font-size: 13px;
	color: #AE7B66;
	}
	
.dept {
	font-family:Arial,Geneva,Verdana;
	font-size: 12px;
	color: #AE7B66;
	}
	
.sourcelink  {
	font-family:Arial,Geneva,Verdana;
	font-size: 13px;
	color: #555555
	}

	

.button {
	background-color:#ffffff;
	border:1px solid #993333;
	color: #000000;
	}
	
.inputfield {
	background-color:#ffffff;
	border: 1px solid #993333;
	text-align:justify;
	}
	
.commentname {
	font-family:Arial,Geneva,Verdana;
	font-size: 12px;
	line-height: 13px;
	color: #828992;
	}
	
	
.commentFormRow{
	padding-left:40px;
	padding-top:10px;	
	font-family:Georgia,Arial,Geneva,Verdana;
  	font-size: 12px;  	
	line-height: 16px;
	color: #000000;
	width:450px;
	}


.maincolor-top {background-color:#ffffff;}
.maintable {background-image:url(../pic/verlauf_unten_2.jpg);}
.verlaufoben {background-image:url(../pic/verlauf_oben_1.jpg);}

.tenpx {font-size: 10px;line-height: 10px;}

.posting{
	width:650px;	
	padding-bottom:40px;
	}

.boxTitle{
	background-color: #993333;
	color: #ffffff;
	padding:0px;
	padding-left:5px;
	font-family:Arial,Geneva,Verdana;
	font-size: 10px;
	width:100px;
	}
	
.box{
	background-image:url(../pic/boxverlauf.jpg);
	background-repeat:repeat-x;
	border: 1px solid #993333;
	padding:10px;	
	font-size: 11px;
	line-height: 15px;
	color: #666677; 
	}
	
	
	
.boxSearch{
	background-image:url(../pic/boxverlauf.jpg);
	border: 1px solid #993333;
	padding:5px;
	padding-bottom:10px;
	background-color: #eeeeea;
	font-family:Arial,Geneva,Verdana;
	font-size: 10px;
	line-height: 15px;
	color: #666677;
	width:148px;
	}
	
.boxRandomMedia{
	background-image:url(../pic/boxverlauf.jpg);
	border: 1px solid #993333;
	background-color: #eeeeea;
	}	
	
.boxDept{
	background-image:url(../pic/boxverlauf.jpg);
	width:148px;
	font-family:Arial,Geneva,Verdana;	
	border: 1px solid #993333;
	padding:5px;
	background-color: #eeeeea;
	font-size: 10px;
	line-height: 15px;
	color: #666677;
	padding-bottom:10px;	
	}

.zitat {
	margin:20px;
	padding:5px;
	border: 1px dotted #666666;
	color:#666666;
}

a img {
	border: none;
	}
	
#commentForm{
	padding-top:20px;
	padding-left:60px;
	}
	
#commentPosting{
	margin-left:40px;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;	
	width:650px;
	
	background-image:url(../pic/boxverlauf.jpg);
	background-repeat:repeat-x;
	border: 1px solid #993333;	
	
	color: #666677; 
	}

.shadowHeader{
	background-image:url(../pic/shadowHeader.jpg);
	background-repeat:repeat-x;	
	height:8px;
	}
	
.shadow{
	background-image:url(../pic/shadowbottom.jpg);
	background-repeat:repeat-x;	
	height:8px;
	}

.shadowLeft{
	background-image:url(../pic/shadowbottom.jpg);
	background-repeat:repeat-x;	
	height:8px;
	width:148px;
	
	/* weird IE exit bug hack */
	/* no definitions after this one are parsed !! */
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:auto;
  	}
  	
.title{
	font-size: 22px;
	color:#555555;
	line-height:36px;
	}
	
.twitter_logo{
	position	: relative;
	right		: -680px;
	top			: -84px;
	width		: 100px;
}
