@charset "utf-8";

.debug { border: 3px dotted red; }

/* *** TEXT *** */
body { font: normal 86% "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; line-height: 1.7em; color: #000;}

pre { font-family: "Lucida Console", "Bitstream Vera Sans Mono", "Andale Mono", "Courier New", Courier, monospace;}
h1, h2, h3, ul a, ul li a, dl dt a{ font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: normal; color: #150A03; }
/* *** /TEXT *** */

div#content p img {display: block;}
div#content p { line-height: 1.9em; padding-top: 12px; padding-bottom: 16px; }
div#content h1 { font-size: 1.8em; line-height: 1.1em; padding-top: 16px; padding-bottom: 8px;}
div#content a:hover h1 {  }

.rechts {  text-align: right; display: block;}
.rbg {  text-align: right; }
.lbg {  text-align: left; }
.info { padding-left: 32%; display: block;}
.b {display:block} /* rm! */
.block {display:block}

.weissbg { background-color:#FFF; }
.datum { font-size: 0.8em; color:#69625D; /*padding: 3em 3em 3em 3em;*/ height: 100%;}

.abstandoben { margin-top: 1em;}
.abstandunten { margin-bottom: 1em;}

.platzoben { margin-top: 3em;}
.platzunten { margin-top: 6em;}


div#header a {display: block; border: 0px;}
div#header h2 { color: #000; font-size: 11px; }

div#content { background-image: url(../img/weiss_bg.png); }
#navi li a, div#content h1, div#sidebar h3 { font-size: 2.2em; font-weight:700; line-height:104%; }
div#sidebar h3 { font-size: 1.6em; margin-bottom: 20px; }
#navi li a, div#content h1 a, div#sidebar h3 a { text-decoration: none;}

/* *** LINKS *** */
a { display:block; padding: 1em 0 0em 0; margin: 0 0 0.25em 0;
color: #443B35; outline: none; text-decoration: none; border-bottom: 1px dotted #000; } 
a:hover {	color: #000; outline: none; filter:alpha(opacity=75); -moz-opacity:.75; background-color: white; }
a:visited {	color: #000; outline: none;}
a:visited:hover {	} 

h1 a { padding: 0; }
p a { display: inline; }
/* *** /LINKS *** */

#navi, #sidebar h3 { text-align: right; }


/* *** KRAM *** */
body { background: url(../img/bg_schwer.jpg)}
#header { background: url(../img/ByteNirvana_Logo_web.gif); height: 140px;}

#sidebar ul { font-size: 1.1em; margin-left: 3em }
#sidebar li { margin: 7px; padding: 0 3px; }

.kasten { padding: 30px 10px 30px 20px; }


.bildunterschrift {background-color: #443B35; border: 12px solid #443B35; border-right: 22px solid #443B35; width: 368px;  padding-bottom: 0;}
.bildunterschrift img { display:block; border-bottom: 1px solid #150A03}

.weiterlesen {background-color: #443B35; border-left: 12px solid #69625D; width: 390px;  margin-bottom: 36px; padding-top: 12px; }

/* *** TWITTER *** */
#tweets li {
	font-size:0.7em;
	line-height: 140%;
	background:url('../img/twitter.png') no-repeat top left ;
	padding-left:20px;
	list-style-type:none;
}
#tweets .twit_date {display: block; opacity: 0.4; filter: alpha(opacity=40); -moz-opacity:0.4;}
#tweets .hash { color:#0066CC; } 

#tweets .reply { color:#0066CC; } 

#tweets a { padding: 0; }
#tweets a:link { text-decoration:none; color:#0066CC;}
#tweets a:active { text-decoration:none; color:#0066CC;}
#tweets a:hover { text-decoration:underline; color:#0066CC;}
#tweets a:visited { text-decoration:none; color:#0066CC;}

/* *** /TWEET *** */

hr { color: #B4EF77; background-color: #B4EF77; margin: 16px 0px; filter:alpha(opacity=2); -moz-opacity:.2;/*height: 1px; border:1px solid #B4EF77;*/}

#klick { cursor: pointer;}

/* skills */
.skill { margin-left: 7px; display: block; width: 160px; background: url('../img/skill_sterne_aus.png') 0 0 repeat-x; }
.skill span { display: block; height: 30px; background: url('../img/skill_sterne_an.png') 0 0 repeat-x;}
div.scrollable { position:relative; overflow:hidden; width: 600px; height:310px;}
#thumbs {	position:absolute; width:20000em;	clear:both; /*border:1px solid #443B35;*/ cursor: pointer;}
/* single item */ 
#thumbs div { float:left; width:190px; height:310px; border-left: 10px solid #443B35; cursor:pointer; } 
#thumbs div p {  line-height: 120%; border-left:0;}
#thumbs div h2 {  margin-left: -10px; color: #F2F2F2; border-left: 10px solid #69625D; font-size: 1.25em; 
background-color: #443B35; padding: 3px 0 3px 8px;}
/* mouseover */ 
#thumbs div.hover { /*background-color:#444;*/ color:#fff;} 
/* active*/ 
#thumbs div.active { cursor:pointer; }
a.prev, a.next { padding: 10px; margin-top: -10px;}
div#content ul.tabs  {border-left: 10px solid #443B35; list-style: none; padding-bottom: 16px;}
div#content ul.tabs li { margin-left: 8px; display: inline; border-bottom: 0; cursor: pointer;}
div#content ul.tabs li.active { border-bottom: 0;}
div#content ul.tabs li:hover {}


div#footer{ height: 220px; background-color: #443B35; padding: 24px 10px 12px 16px;}


/* *** FORM *** */
form { border-left: 10px solid #443B35; clear: both; margin: 0; padding: 0; width: 80%; }
fieldset { border: 1px solid #ccc; margin-top: 30px; padding: 16px 20px; }
fieldset legend { background:#fff; color: #F2F2F2; font-weight: bold; }
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
label { color: #F2F2F2; font-size: 100%; }
fieldset fieldset div { clear: left; margin: 0 20px; }
form div { clear: both; padding: .5em; vertical-align: text-top; }
form div.input { color: #444; }
form div.required { color: #333; font-weight: bold; }
form div.submit {
	border: 0;
	clear: both;
	margin-top: 0px;
	margin-left: 140px;
}
label { display: block; font-size: 100%; padding-right: 20px; }
input, textarea { border: 0; clear: both; font-size: 100%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px; width: 100%; }
select {
	clear: both;
	font-size: 100%;
	vertical-align: text-bottom;
}
select[multiple=multiple] { width: 100%; }
option {
	font-size: 100%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] { display: inline; font-size: 110%; padding: 4px 9px; width: auto;
vertical-align: bottom; }