/* layout.css - project: benjamin
 *
 * author Benjamin Leiter
 */
 
 
/*
 * 	general tag style
 */
 
*{
	padding:0px;
	margin:0px;
}

body{
	background-color: #777777;
	font-family: Arial, sans-serif, Verdana, Helvetica;
	font-size: 10pt;
	color: #000000;
	text-align: center;
}

h1{
  font-size:28px;
}

a{
	border: 0px;
	color: 	#333333;
	text-decoration: none;
	text-shadow: gray;
	font-weight: bold;
}
a:hover,active{
	color: 	#102090;
	text-decoration: underline;
	text-shadow: aqua;
}
a:visited,link{
	border: 0px;
	color: 	#333333;
	text-decoration: none;
	text-shadow: gray;
}

img{
	border: 0px;	
}

h3{
	margin-bottom: 10px;	
}

h5{
	font-weight: bold;	
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*
 *	basic.tpl ids
 */
 
#basic{
	margin-top:30px;
	width: 1000px;
		height: 600px;
	margin-left: auto;
  margin-right: auto;
  display:block;
  text-align: left;
  background-image: url("background2.png");
  background-repeat: no-repeat;
}

#basicpage{
	width: 900px;
	height: 600px;
	float: left;
	display:block;
	border:0px solid #111111;
}


#basicmainmenu{
	background-repeat: no-repeat;
	background-position: 0px -20px;
	height: 45px;
	display:block;
	text-align: center;
}

#mainmenu{
	width: 880px;	
	margin-left: 80px;
	padding-top:7px;	
	text-align: left;
}

#basiccontent{
	margin-top:30px;
	margin-left: 130px;
	width:870px;
	height: 500px;
	display:block;
}

#basiccontentinner{
	width: 730px;	
	margin-left: 0px;
	padding-top:0px;
	text-align: left;
	float:left;
}

#basiccontentadsense{
	width: 120px;
	margin-top: 30px;
	margin-right: 4px;
	float:right;
}


#bottom{
	margin-top:25px;
}

#basicskyscraper{
	margin-top: 40px;
	height: 600px;
	width: 120px;
	float: left;
	display:block;
}

#errorMessage{
	text-align: center;
	font-weight: bold;
	color: red;
}


/*
 *	other style
 */
 
#submit{
	width: 100px;
}
 
/* mainmenu */
.menucontainer{

}

.menutitle{
	color: #333333;
	display:inline;
	width: 60px;
	float: left;	
}

.menuitem{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	background-image:url("menu-hover.png");
	width: 90px;
	height:26px; /*32px-6px*/
	text-align: center;
	margin-top:10px;
	margin-left: 20px;
	padding-top: 6px;
	float:left;
}

* html .menuitem{ /*internet explorer hack*/
	heigh/t:26px;
	height:32px;
}

.menucontainer a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	width: 90px;
	height:26px; /*32px-6px*/
	text-align: center;
	margin-left: 20px;
	padding-top: 6px;
	background: transparent;
	float:left;
}

* html .menucontainer a{ /*internet explorer hack*/
	heigh/t:26px;
	height:32px;
}

.menucontainer a:hover{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	background-image:url("menu-hover.png");
}
.menucontainer a:visited,link{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
}


/* language picture */
.language{
	margin-left:15px;
}

/* people */
.resumeetable{
	margin-top:20px;
	width:100%;	
	font-size: 13px;	
	background-color: #EEEEEE;
	margin-bottom:20px;
}
.resumeetable th{
	border: 0px #FFFFFF solid;	
	background-color: #333333;
	color:#FFFFFF;
	height:30px;
	font-size: 15px;
}
.resumeetable tr{
	border-top: 1px #333333 solid;
	text-indent: 2px;	
}
.resumeetime{
	width:120px;
}
.resumeeinstitute{
	width:190px;
}
.resumeework{
	width:390px;
}
.resumeecity{
	width:150px;
}
.resumeedesc{
	border-top: 1px #333333 solid;	
	background-color: white;
	font-size: 12px;	
}
.resumeeproject{
	font-weight: bold;
}
.resumeeused{
	text-decoration: underline;
}
.resumeesplitter{
	height: 2px;
	background-color: #222222;
}
.resumeerow{
	font-weight: bold;
	height: 40px;
}

/* private */
.privatepage{
	background-color: #102030;
	text-align: center;
}

/* company */
.companypage{
	height:480px;	
}
.companytable{
	width:800px;
	height:340px;
	font-size: 13px;
	/*background-color: #333333;*/
	background-image: url("image/companytable.png");
	color: white;
	font-weight: bold;
	margin-left: 40px;
}
.companytable ul{
	margin-left:40px;
	margin-top:20px;
	margin-bottom: 20px;	
}
 
/* contact */
.contactpage{
	height: 550px;
}
.contactaddress{
	border: 1px solid black;
	margin: 10px;
	padding: 10px;
	width: 400px;
	background-color: #EEEEEE
}
.contactform{
	border: 1px solid black;
	margin: 10px;
	padding: 10px;
	width: 830px;
	background-color: #EEEEEE;
}
.contactform label{
	display:block;
	margin-top:5px;
}
.contactform input{
	width: 300px;
}
.buttondiv{/*
	margin-top: 10px;
	padding: 10px;
	width: 60px;
	background-color: white;
	border: 2px solid black;*/	
}
#contactsubject{
	width: 600px;
}

/* projects */
.projectpage{
	height:680px;
}
.projectitem{
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	border: 1px solid black;
	background-color: #EEEEEE;	
	height: 300px;
	width: 250px;
	padding: 5px;
}
.projectitem img{
	/*
	max-width: 150px;
	max-height: 150px;	*/
	width:250px;
	height:200px;
}
.projectdescription{
	/*width: 350px;
	display:inline;
	float: left;*/
}
.projectmovie{
	/*display:inline;	
	float: left;*/
}

/* home */
.homepage{
	height:480px;
}
.homeheader{
	text-align: center;
	width:880px;
	height:150px;
	margin-top: 15px;
	font-size: 14px;
	background-color: #EEEEEE;
	background-image: url("image/homeheader.png");
	padding-top:10px;
	padding-bottom:10px;
	border: 1px solid black;
}
.homeheader h1{
	margin-bottom: 20px;
}
.homecurrent{
	margin-top: 40px;
}
.homecurrent ul{
	margin-left: 100px;	
	margin-top: 25px;	
}
.homecurrent li{
	margin-top: 15px;	
}

/* impressum */
.impressumpage{
	height: 450px;	
}