/*  ***************************************
raith.it - Standardstylesheet
Datei: std.css
Media: screen, projection 

Datum: August 2009
Autor: Michael Raith
Mail:  info@raith.it
Web:   http://www.raith.it
                                   
Farben:

Orange:
#FE7107

Hellorange:
#FECFAC

*************************************** */

/**************************/
/** RESET                **/
/**************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
}

/**************************/
/** Allgemeine Regeln    **/
/**************************/

html, body {
	height: 100%;
}


a, a:visited, a:hover, a:active  {
	text-decoration: none;	
}

a img {
	border: none;
}

/* remove firefox (active) link outline */  
a:focus { 
	outline: none;
}  

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;	
	height: 101%;
}


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

#header {
	position: absolute;	
	width: 100%;
	height: 149px;
	background-color: #ffffff;
	z-index: 10;
}

#spider {
	position: absolute;
	top: 4px;
	left: 0;
	width: 355px;
	height: 300px;
	background: url(../img/spider.gif) 0px -20px;
	background-repeat: no-repeat;
	z-index: 2;
}

#header h1 {
	float: right;	
	padding: 45px 45px 0 0;
	color: #FE7107;
	font-size: 36px;
	letter-spacing: 1px;
}

#headline {
	position: absolute;
	top: 115px;
	left: 0;
	width: 100%;
	height:30px;		
	background-color: black;		
	border-bottom: 2px solid #FE7107;
	border-top: 2px solid #FE7107;
	z-index: 1;
}

#headline h2 {
	color: #FECFAC;
	font-size: 14px;
	line-height: 30px;
	padding-left: 355px;	
}

a.emailad {
	color: #FECFAC;	
}

.head_re {	
	position: absolute;	
	top: 0;
	right: 0;	
	color: #FE7107;	
	padding-right: 45px;		
}


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

/* Aufbau */

#container {		
	position: relative;
	top: 0px;
	width: 100%;	
	height: auto;	
	min-height: 100%;
	background-color: #ffffff;		
	background-image: url(../img/background.gif);	
}

#spiderweb {
	position: relative;	
	padding-top: 149px;
	padding-bottom: 40px;
	width: 100%	;
	height: auto;	
	display: none;	
}

#spiderweb img {	
	margin: 0;
}


#content {
	position: relative;
	top: 0px;
	margin: 0 auto;
	padding-top: 200px;
	padding-bottom: 50px;
	width: 404px;		
}

/* Allgemeine Styles */

#content div {
	background-color: #ffffff;
	border: 2px solid #FE7107;
	margin-bottom: 30px;	
}

#content h1 {
	background-color: #000;
	color: #FE7107;
	border-bottom: 2px solid #FE7107;	
	border-top: 2px solid #FE7107;	
	font-size: 18px;	
	padding: 5px 0;	
}

#content h1.boxhead, #fancy_div h1.boxhead {
	border-top: none;
	color: #FE7107;	
	font-size: 18px;
	padding: 10px 0 5px 10px;	
	width: 390px;
	margin-bottom: 5px;
}

#content h1.boxhead {
	font-size: 14px;
}

#fancy_div h1 {
	border-top: 2px solid #ba5100;
	padding-top: 8px;	
}

#content p, #fancy_div p {	
	padding: 5px 10px;	
	font-size: 11px;
}

/* Referenzen */

a.reflink {
	color: #FE7107;	
	font-size: 14px;
	padding: 10px;		
	background-image:url(../img/linkicon.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 20px;
	margin-left: 10px;	
}

.refhead {
	color: #FE7107;	
	margin: 5px 0 5px 10px;	
}	

.refdesc, .refhead, .reftext {	
	font-size: 11px;	
}

.reflist {
	margin-left: 30px;
}

.reflist li {
	margin-bottom: 5px;
}

/* Profil */

#keyaspects {
	margin-left: 25px;
	font-size: 11px;
}

/* Skills */

.profihead, .solidhead, .grundhead {
	padding-left: 5px;	
	margin-right: 18px;
	
}

.profihead {
	margin-left: 20px;
	border-left: 20px solid  #FE7107;
}

.solidhead {
	border-left: 20px solid #FECFAC;
}

.grundhead {
	border-left: 20px solid #666666;
}

.skills li{
	list-style-type: none;
	display: inline;	
	padding: 0 8px;	
}

.profi {
	color: #FE7107;
	font-size: 36px;
}

.solide {
	color: #FECFAC;
	font-size: 30px;	
}

.grund {
	color: #666666;
	font-size: 24px;
}

.skills {
	margin-top: 20px;
	text-align:justify;
	padding: 0 15px;
}

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

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 40px;
	border-top: 2px solid #FE7107;
	background-color: black;
	text-align: center;	
	display: none;
}

#footer a, #footer a:visited, #footer a:hover, #footer a:active {
	color: #FECFAC;
	line-height: 40px;
	margin-right: 30px;
}