/****************************************/
/*         	  	General                	*/
/****************************************/

* {
	margin: 0;
	padding: 0;
}

html {

}

body {

}


@font-face {
    font-family: 'uni_sansbook';
    src: url('../fonts/UniSans-Book-webfont/uni_sans_book-webfont.eot');
    src: url('../fonts/UniSans-Book-webfont/uni_sans_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/UniSans-Book-webfont/uni_sans_book-webfont.woff') format('woff'),
         url('../fonts/UniSans-Book-webfont/uni_sans_book-webfont.ttf') format('truetype'),
         url('../fonts/UniSans-Book-webfont/uni_sans_book-webfont.svg#uni_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/****************************************/
/*         	  	Page                	*/
/****************************************/

#page {
	display: block;
	position: relative;
	width: 800px;
	margin: auto;
}

#horizon {
	display: block;
	position: relative;
	float: left;
}

#inner_page {
	display: block;
	position: relative;
	float: left;
}

/****************************************/
/*         	  	Header                	*/
/****************************************/

#header {
	display: block;
	position: relative;
	width: 100%;
	height: 261px;
	margin-top: 40px;
}

#header_download {
	display: block;
	position: relative;
	width: 100%;
	height: 180px;
	margin-top: 40px;
}

.hallo {
	display: block;
	float: left;
	width: 400px;
}

.download {
	display: block;
	float: left;
	width: 500px;
}


/* Navigation Level 1
----------------------------------------*/

#nav01 {
	display: block;
	float: right;
	margin-top: 25px;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
}

#nav01 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

#nav01 li {
	display: block;
	float: left;
}

/* Links in Titillium and 
with an arrow
------------------------*/

#nav01 a, #login_index a {
	display: block;
	float: right;
	padding-right: 12px;
	margin-left: 10px;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 16px;
	background: url(../images/arrow01.gif) right no-repeat;
}

#nav01 a:link, #nav01 a:visited, #nav02 a:link, #nav02 a:visited, #login_index a:link, #login_index a:visited {
	color: #fa515a;
}

#nav01 a:hover, #nav01 a:active, #nav02 a:hover, #nav02 a:active, #login_index a:hover, #login_index a:active {
	color: #fa515a;
	background: url(../images/arrow01_hi.gif) right no-repeat;
}

/****************************************/
/*         	  	Content                	*/
/****************************************/


/* Regular Content
----------------------------------------*/

#content{
	display: block;
	float: left;
	width: 780px;
	margin: 25px 0 25px 20px;
	text-align: left;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
	color: #515151;
	
}

/* Content Index
----------------------------------------*/

#content_index {
	display: block;
	float: left;
	width: 100%;
	padding: 36px 0 36px 0;
	text-align: left;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
	font-size: 33px;
	color: #515151;
	line-height: 41px;
	border-bottom: 1px solid #515151;
}

/* Content Download
----------------------------------------*/

#content_download {
	display: block;
	float: left;
	width: 100%;
	padding: 36px 0 36px 0;
	text-align: left;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #515151;
	line-height: 41px;
	border-bottom: 1px solid #515151;
}

#download {
	display: block;
	float: left;
	padding: 36px 0 36px 0;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

#download p {
	margin-bottom: 18px;	
}

#download label {
	display: block;
	float: left;
	width: 112px;
}

#download input {
	display: block;
	width: 220px;
	height: 24px;
	border:  1px solid #515151;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}


#login_index .error {
	color: #fa515a;
}

/****************************************/
/*  	 Content - Projects          	*/
/****************************************/

#overview {
	display: block;
	float: left;
	width: 780px;
	margin: 0;
	padding: 0;
}

#overview ul {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#overview li {
	display: block;
	float: left;
	/*width: 195px;*/
	height: 140px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#overview span {
	width: 195px;
	margin: 0;
	padding: 0;
}

#overview img {
	border: none;
	height: 140px;
}

/* IE7 */
*:first-child+html #overview img{} 

/* Detail Page
----------------------------------------*/

#project_detail{
	display: block;
	float: left;
	width: 561px;
	padding: 30px 20px 30px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}

#project_detail_header {
	display: block;
	float: left;
	width: 561px;
	height: 29px;
	margin-bottom: 20px;
	border-bottom: 1px solid #515151;
}

#project_detail_content {
	display: block;
	float: left;
	width: 500px;
}

#project_detail_content p {
	margin-bottom: 10px;	
}

#project_detail_content img.screenshot {
	margin-bottom: 30px;
}

#project_detail ul {
	margin: 10px 0 10px 12px;
	list-style-type: square;
}

#project_detail a {
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
	background: url(../images/arrow02.gif) right no-repeat;
	outline: none;
}

#project_detail a:link, #project_detail a:visited {
	color: #00aeef;
}

#project_detail a:hover, #project_detail a:active {
	color: #515151;
	background: url(../images/arrow02_hi.gif) right no-repeat;
}

#project_detail_footer {
	display: block;
	float: left;
	width: 561px;
	height: 29px;
	border-top: 1px solid #515151;
}

.top {
	font-size: 0px;
	line-height:0px;
	margin-left: 25px;
}

#project_detail_footer a {
	display: block;
	float: right;
	margin-top: 10px;
	text-decoration: none;
	font-weight: bold;
	padding-right: 13px;
	background: url(../images/arrow_top.gif) right no-repeat;
}

#project_detail_footer a:link, #project_detail_footer a:visited {
	color: #00aeef;
}

#project_detail_footer a:hover, #project_detail_footer a:active {
	color: #515151;
	background: url(../images/arrow_top_hi.gif) right no-repeat;
}



/****************************************/
/*         	  	Login                	*/
/****************************************/

/* Login Index
----------------------------------------*/

#login_index {
	display: block;
	float: left;
	padding: 36px 0 36px 0;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

#login_index p {
	margin-bottom: 18px;	
}

#login_index label {
	display: block;
	float: left;
	width: 112px;
}

#login_index input {
	display: block;
	width: 220px;
	height: 24px;
	border:  1px solid #515151;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}


#login_index .login-btn {
	float: right;
	padding: 5px 10px;
	color: #ffffff;
	background-color: #fa515a;
	border-radius: 4px;
	border-style: none;
}

#login_bad {
	padding-bottom: 10px;
	color: #fa515a;
}



/****************************************/
/*         	  	Footer                	*/
/****************************************/

#footer {
	display: block;
	float: left;
	width: 800px;
	padding-top: 16px;
	border-top: 1px solid #515151;
	font-family: uni_sansbook, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
}

#footer a {
	text-decoration: none;	
}

#footer a:link, #footer a:visited {
	color: #fa515a;
}

#footer a:hover, #footer a:active {
	color: #fa515a;
	text-decoration: underline;
}

/* Latest Tweet, Contact
----------------------------------------*/

#latest_tweet, #contact {
	display: block;
	float: left;
	width: 190px;
}

#contact {
	margin-left: 0px;	
}

#latest_tweet p, #contact p {
	margin-top: 8px;
}


/* Footer Logout
----------------------------------------*/

#footer .logout-btn {
	float: right;
	padding: 5px 10px;
	color: #ffffff;
	background-color: #fa515a;
	border-radius: 4px;
	border-style: none;
}

#footer .error {
	color: #fa515a;
}

#footer .hidden {
	display: none;
}