@CHARSET "ISO-8859-1";
html {height:100%;}

form
{
  margin: 0px;
  padding: 0px;
}

body 
{
 height:100%;
 margin:0%;
 padding:0%;
 background-color: #f9f9f9;
}

h1
{
	text-indent: 5px;	
	color:#000000;
	line-height:20px;
	font-weight:normal;
	font-size: 18px;
	font-family: verdana;	
	margin: 0px;
	padding: 0px;
}

h2
{
	font-family: Verdana,Arial;
	font-size: 14px;
	font-weight:normal;
	line-height:18px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h3
{
	font-family: Verdana,Arial;
	font-size: 10px;
	font-style:italic;
	font-weight:bold;
	line-height:30px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h4
{
	font-family: Verdana,Arial;
	font-size: 10px;
	text-indent: 5px;	
	font-style:italic;
	font-weight:normal;
	line-height:14px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

hr{
	border:0px;
	border-bottom:1px solid #000000;
	margin:0px;
	padding:0px;
	padding-top:5px;
	margin-left:5px;
	margin-right:5px;
}

#header
{
	background: url("codefriends-bilder/codefriends-header_neu.jpg");
	background-repeat:no-repeat;
	margin:0px auto;
	width: 978px;
	height: 126px;
}

/*Headline Start*/
#headline
{
	background: url("codefriends-bilder/codefriends-headline.jpg");
	background-repeat:repeat-x;
	background-position: bottom;
	width: 100%;
	height: 126px;
}
#headline-image
{
	background: url("codefriends-bilder/codefriends-header2.jpg");
	background-repeat:no-repeat;
	
	margin:0px auto;
	width: 978px;
	height: 28px;
}

#headline-nav
{
	float:right;
	margin-top: 98px;
}
a.headnav-link:link, a.headnav-link:visited
{
	color:#ffffff;
}
a.headnav-link:active, a.headnav-link:hover
{
	color:#e5e5e5;
}
a.headnav-link {
	display:block;
	float :left;
	height:28px;
	line-height:28px;
	padding-left:5px;
	padding-right:5px;
	font-weight:normal;
	text-decoration:none;
	font-size: 10px;
	font-family: verdana;
}
/*Headline Ende*/

a.download-link:link, download-link:visited
{
	color:#125293;
}
.download-link:active, .download-link:hover
{
	color:#125293;
}
.download-link {
	color:#125293;
	float :left;
	text-decoration:none;
	font-size: 12px;
	font-family: verdana;
	font-weight:bold;
}


/*Pathway Start*/
#pathway-area
{
	margin:0px auto;
	width: 978px;
	height: 38px;
}
#pathway
{
	font-weight:normal;
	text-decoration:none;
	font-size: 10px;
	font-family: verdana;
	color:#000000;	
	margin:0px auto;
	width: 978px;
	height: 25px;
	line-height:25px;
}
#dotline
{
	background: url("codefriends-bilder/codefriends-dotline.jpg");
	background-repeat:repeat-x;	
	margin:0px auto;
	width: 978px;
	height: 1px;
}
/*Pathway Ende*/



/*Main Start*/

#main
{
	margin:0px auto;
	padding: 0px;
	width: 978px;
}

#main-left-umriss
{
	width:175px;
	float: left;	
}
#main-content-umriss
{
	float:left;
	width:603px;
}
#main-right-umriss
{
	width:200px;
	float:right;

}

/*Links*/
#main-left-box
{

	width:173px;
	border: 1px solid #e8e8e8;	
}

/*
 * Detail Fenster
 */

.df_kopf
{
	background: url('http://www.code-friends.de/codefriends-bilder/codefriends-df-o.jpg') no-repeat;
	width:570px;
	height:5px;
	font-size:0px;
	line-height:0px;
}

.df_k
{
	background: url('http://www.code-friends.de/codefriends-bilder/codefriends-df-k.jpg') repeat-y;
	width:570px;
}

.df_fuss
{
	background: url('http://www.code-friends.de/codefriends-bilder/codefriends-df-u.jpg') no-repeat;
	width:570px;
	height:5px;
}

.dfc_kopf
{
	background: url('http://www.code-friends.de/codefriends-bilder/codefriends-dfc-o.jpg') no-repeat;
	width:570px;
	height:5px;
	font-size:0px;
	line-height:0px;
}

.dfc_k
{
	background: url('http://www.code-friends.de/codefriends-bilder/codefriends-dfc-k.jpg') repeat-y;
	width:570px;
}

.dfc_fuss
{
	background: url('http://www.code-friends.de/codefriends-bilder/codefriends-dfc-u.jpg') no-repeat;
	width:570px;
	height:5px;
}

.df_code_kopf
{
	background: url('http://www.code-friends.de/codefriends-bilder/codefriends-df-code-o.jpg') no-repeat;
	width:570px;
	height:20px;
	
	text-indent:10px;
	font-family: verdana;
	font-size:12px;
	line-height:20px;
	color:#000000;
}


.sb_box
{
	width:120px;
}

.sb_box a
{
	padding-right:5px;
}

/*
 * Detail Fenster
 */
/*Content*/
.main-content-box
{	
	margin:0px auto;
	width: 580px;
	border: 1px solid #e8e8e8;
	background-color: #ffffff;	
}

.main-content-box-half
{	
	margin:0px auto;
	width: 285px;
	border: 1px solid #e8e8e8;	
}

.main-content-box-white
{	
	display:block;
	overflow:auto;
	
	padding:0px;
	margin:0px;
	width: 550px;

	background-color: #f9f9f9;
}

.main-content-box-or
{	
	margin:0px auto;
	padding:0px;
	width: 580px;
}

.main-content-box-or-klein
{	
	margin:0px auto;
	padding:0px;
	width: 570px;
}

/*Rechts*/
.main-right-box
{
	width:198px;
	border: 1px solid #e8e8e8;	
}

/*Main Ende*/






/*Footer Start*/
#footer{
	
	clear:both;
	margin:0px auto;
	width: 978px;
	height: 23px;
}


a.footnav-link:link, a.footnav-link:visited
{
	color:#000000;
}
a.footnav-link:active, a.footnav-link:hover
{
	color:#3e7dbd;
}
a.footnav-link 
{
	height:23px;
	line-height:23px;
	padding-left:5px;
	padding-right:5px;
	font-weight:normal;
	text-decoration:none;
	font-size: 10px;
	font-family: verdana;
}
/*Footer Ende*/



.tab-header
{
	background: url("codefriends-bilder/codefriends-content-head.jpg");
	background-repeat:repeat-x;
	width: 100%;
	height: 10px;
	text-indent: 5px;	
	color:#ffffff;
	line-height:24px;
	font-weight:bold;
	font-size: 10px;
	font-family: verdana;	
}
.tab-inner
{
	width: 100%;
	background-color: #ffffff;	
}
.tab-footer
{
	background: url("codefriends-bilder/codefriends-content-footer.jpg");
	background-repeat:repeat-x;
	width: 100%;
	height: 5px;
	line-height: 5px;
	font-size: 1px;	
}


.navigation
{
	background: url("codefriends-bilder/codefriends-nav.jpg");
	background-repeat:repeat-x;
		
	color:#000000;
	text-align:left;
	text-indent:20px;
	font-weight:bold;
	text-decoration:none;
	font-size: 10px;
	font-family: verdana;
	
	display:block;
	line-height:27px;		
	width:154px;
	height:27px;
}
.navigation:hover
{
	background: url("codefriends-bilder/codefriends-nav-sel.jpg");
	background-repeat:repeat-x;
	text-align:left;
	text-indent:20px;
	font-weight:normal;
}

/*Sontige Start*/

.line
{
	clear:both;
	background-color:#438bd5;
	width:100%;
	height:4px;
	line-height: 4px;
	font-size: 1px;
}

.spacer
{
	clear:both;
	height:10px;
	line-height:0px;
	font-size:0px;
}

.spacer-white
{
	clear:both;
	height:10px;
	background-color: #ffffff;
}

.col_line
{
	background: url("codefriends-bilder/codefriends-vline.jpg");
	background-repeat:repeat-y;
	width:2px;
	height:30px;
}

.farbschema0 a:link, .farbschema0 a:visited
{
	color:#184a91;
	text-decoration: none;
}
.farbschema0 a:active, .farbschema0 a:hover
{
	color:#000000;
	text-decoration: none;
}

.farbschema0
{
	display:block;
	background-color:#f5f3f3;
	width:100%;
	height:30px;
	color:#184a91;
	line-height:30px;	
	text-indent:5px;
	font-size: 10px;
	font-family: verdana;
	margin-bottom: 1px;	
	text-decoration: none;
}

.farbschema0:hover
{
	background-color:#d0d0d0;
	color:#000000;
}

.farbschema1 a:link, .farbschema1 a:visited
{
	color:#184a91;
	text-decoration: none;
}
.farbschema1 a:active, .farbschema1 a:hover
{
	color:#000000;
	text-decoration: none;
}

.farbschema1
{
	display:block;
	background-color:#d1e4f6;
	width:100%;
	height:30px;
	color:#184a91;
	line-height:30px;	
	text-indent:5px;
	font-size: 10px;
	font-family: verdana;		
	margin-bottom: 1px;	
	text-decoration: none;
}

.farbschema1:hover
{
	background-color:#d0d0d0;
	color:#000000;
	text-decoration: none;
}



#star0
{
	background: url("codefriends-bilder/codefriends-star-0.jpg");
	background-repeat:no-repeat;
	width:15px;
	height:30px;
	line-height:30px;
	float:left;	
	margin-left:2px;
}
#star1
{
	background: url("codefriends-bilder/codefriends-star-1.jpg");
	background-repeat:no-repeat;
	width:15px;
	height:30px;
	
	float:left;	
	margin-left:2px;	
}
/*Sontige Ende*/

.content
{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight:normal;
	line-height:15px;
	color: #000000;
}

.content_klein
{
	font-family: Verdana,Arial;
	font-size: 10px;
	font-weight:normal;
	line-height:15px;
	color: #000000;
}

.con_link_cl
{
	font-family: Verdana,Arial;
	font-size: 10px;
	line-height:11px;
	color: #000000;
	border-bottom: #000000 1px dashed;
	text-decoration: none;
}

.con_link_cl:hover
{
	color: #4288d0;
}