/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */


/*
@font-face {
    font-family: 'Fontin Sans';
    src: url('./webfontkit-20110208-124700/fontin_sans_sc_45b-webfont.eot');
    src: local('☺'), url('./webfontkit-20110208-124700/fontin_sans_sc_45b-webfont.woff') format('woff'), url(./fonts/Fontin_Sans_SC_45b.otf) format('OpenType'), url('./webfontkit-20110208-124700/fontin_sans_sc_45b-webfont.svg#webfontUWmuBvzg') format('svg');
    font-weight: normal;
    font-style: small-caps;
}
*/

@font-face {
    font-family: 'Fontin Sans';
    src: url('./webfontkit-20110208-124700/fontin_sans_i_45b-webfont.eot');
    src: local('☺'), url('./webfontkit-20110208-124700/fontin_sans_i_45b-webfont.woff') format('woff'), url(./fonts/Fontin_Sans_I_45b.otf) format('OpenType'), url('./webfontkit-20110208-124700/fontin_sans_i_45b-webfont.svg#webfontIvrgD0A4') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Fontin Sans';
    src: url('./webfontkit-20110208-124700/fontin_sans_r_45b-webfont.eot');
    src: local('☺'), url('./webfontkit-20110208-124700/fontin_sans_r_45b-webfont.woff') format('woff'), url(./fonts/Fontin_Sans_R_45b.otf) format('OpenType'), url('./webfontkit-20110208-124700/fontin_sans_r_45b-webfont.svg#webfonttTJf5ZXE') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fontin Sans';
    src: url('./webfontkit-20110208-124700/fontin_sans_b_45b-webfont.eot');
    src: local('☺'), url('./webfontkit-20110208-124700/fontin_sans_b_45b-webfont.woff') format('woff'), url(./fonts/Fontin_Sans_B_45b.otf) format('OpenType'), url('./webfontkit-20110208-124700/fontin_sans_b_45b-webfont.svg#webfontIXTqVZHz') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*
@font-face {
    font-family: 'Fontin Sans';
    src: url('./webfontkit-20110208-124700/fontin_sans_bi_45b-webfont.eot');
    src: local('☺'), url('./webfontkit-20110208-124700/fontin_sans_bi_45b-webfont.woff') format('woff'), url(./fonts/Fontin_Sans_BI_45b.otf) format('OpenType'), url('./webfontkit-20110208-124700/fontin_sans_bi_45b-webfont.svg#webfontFH0i9tHp') format('svg');
    font-weight: bold;
    font-style: italic;
}
*/


body {
	background-color: #6a675c;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	color: #222222;
	font-family: "Fontin Sans", Helvetica, Tahoma, Verdana;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
}

#main {
	margin-left: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#badges {
	background-color: #000;
	padding: 10px;
}

#backhome {
	float: left;
	margin: 5px;
}

.recommendation {
	float: right;
	margin-right: 20px;
}




.tweet {
	background-color: #FFF;
	padding: 10px;
	font-style: italic;
	font-size: 20px;
	line-height:25px;
}

.firsttweet {
	font-size: 40px;
	line-height:45px;
}

.tweetDate {
	font-size: 12px;
	line-height:14px;
	margin-top: 3px;
	font-style: none;

}

.content {
	background-color: #EEEEEE;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 450px;
	height: 450px;
}

.textframe {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 65px;
	background-color: #FFFFFF;
	min-height: 370px; /* ohne margin */
}

.inactive_link {
	background-color: #FFFFFF;
	font-style: italic;
	font-weight: normal;
	color: #ACACAC;
}

a {
	background-color: #FFFFFF;
	font-style: italic;
	font-weight: normal;
	color: #f71df0;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: line-through;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #f71df0;
}
a:hover	{
	text-decoration: underline;
}
a:focus	{
	text-decoration: underline;
}




/* TITLE, first content square */
#title {
	background-color: #000000;
	color: #BBBBBB;
}
/* title */
#title h1 {
	font-size: 36pt;
	line-height: 33pt;
	font-weight: bold;
}
/* description, in italic */
#title p {
	font-size: 18pt;
	line-height: 22pt;
	font-style: italic;
	font-weight: normal;
}
/* reverse italic back to upright */
#title p em {
	font-style: normal;
	color: #FFF;
}


/* ########## NAVIGATION ############## */

ol.navigation {
	position: relative;
	left: -10px;
}

img.navigation_tags {
	margin-top: -2px;
	position: relative;
	top: 3px;
}

.navigation {
	list-style-type: lower-roman;
	list-style-position: outside;
}






.item_navigation {
	padding: 5px;
	background-color: #FFFFFF;
}

.item_footer {
	position: absolute;
	bottom:0px;
	left:0px;
}

.item_title {
	background-color: #444444;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 23px;
}

.item_description {
	background-color: #444444;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 16px;
}

.item_credits {
	background-color: #444444;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 12px;
}


p {
	margin-top: 0px;
	margin-bottom: 6px;
}

h1 {
	line-height: 33px;
}

h1,h2,h3 {
	margin-top: 0px;
	margin-bottom: 10px;
}

img {
	border: 0px;
}


/* BLOG */

.msgbody {
}

.msgdate {
	font-style: italic;
}

.msgheadline {
	font-size: 24px;
	line-height: 23px;
	text-transform: uppercase;
	font-weight: bold;
}


/* CODE */

code {
	background-color: #DDD;
}

.codeexample {
	margin: 10px;
	padding: 5px;
	border: 1px solid #000;
	overflow: auto;
	background-color: #DDD;
}



/*---------------clear-------------*/
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear { display:block; }
/* End hide from IE Mac */
* html .clear {height:1px;}
/*---------------clear-------------*/


/*round borders 3px*/ 
.rall3 {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
.rtl3 {border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -khtml-border-top-left-radius:3px;}
.rtr3 {border-top-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; -khtml-border-top-right-radius:3px;}
.rbl3 {border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -khtml-border-bottom-left-radius:3px;}
.rbr3 {border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -khtml-border-bottom-right-radius:3px;}

/*round borders 4px*/ 
.rall4 {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;}
.rtl4 {border-top-left-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -khtml-border-top-left-radius:4px;}
.rtr4 {border-top-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -khtml-border-top-right-radius:4px;}
.rbl4 {border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -khtml-border-bottom-left-radius:4px;}
.rbr4 {border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; -khtml-border-bottom-right-radius:4px;}

/*round borders 5px*/ 
.rall5 {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
.rtl5 {border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -khtml-border-top-left-radius:5px;}
.rtr5 {border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -khtml-border-top-right-radius:5px;}
.rbl5 {border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-bottom-left-radius:5px;}
.rbr5 {border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -khtml-border-bottom-right-radius:5px;}

/*round borders 6px*/ 
.rall6 {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px;}
.rtl6 {border-top-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; -khtml-border-top-left-radius:6px;}
.rtr6 {border-top-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; -khtml-border-top-right-radius:6px;}
.rbl6 {border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -khtml-border-bottom-left-radius:6px;}
.rbr6 {border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -khtml-border-bottom-right-radius:6px;}

/*round borders 7px*/ 
.rall7 {border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px;}
.rtl7 {border-top-left-radius:7px; -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px; -khtml-border-top-left-radius:7px;}
.rtr7 {border-top-right-radius:7px; -moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; -khtml-border-top-right-radius:7px;}
.rbl7 {border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; -webkit-border-bottom-left-radius:7px; -khtml-border-bottom-left-radius:7px;}
.rbr7 {border-bottom-right-radius:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px; -khtml-border-bottom-right-radius:7px;}

/*round borders 8px*/ 
.rall8 {border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px;}
.rtl8 {border-top-left-radius:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -khtml-border-top-left-radius:8px;}
.rtr8 {border-top-right-radius:8px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; -khtml-border-top-right-radius:8px;}
.rbl8 {border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; -khtml-border-bottom-left-radius:8px;}
.rbr8 {border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; -khtml-border-bottom-right-radius:8px;}