@charset "utf-8";
/* Detailkram CSS */ 

* {margin: 0; padding: 0;}

body {
	font-size:76%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 100%;
	color: #d0d0d0;	
	background: url(../pics/bg.jpg) left top repeat;
}

p	{font-weight:normal;}
	
ul {
	margin:0px;
	padding:0px;
	list-style-image: url(../pics/icons/detailkram_pfeil.gif);}

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

a:hover	img	 		{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
	
.dk_no_list {
	list-style-type: none;
	list-style-image:none;
	margin-bottom:-18px;}
	
h3 {
	font-size:1.3em;}
	
img {
	margin:0px;
	padding:0px;
	border:none;}
	
a:link {
	outline:none;
	color: #d0d0d0;
	text-decoration:none;}
	
a:visited {
	text-decoration:none;
	color:#999;}
	
a:hover {
	color: #c0c0c0;
	text-decoration:underline;}
	
a:active {
	text-decoration:underline;
	color:#999;}
	
#wrapper {
	position:relative;
	width:990px;
	min-height:100px;
	margin:0 auto;}


/*####################################################################
		Layout
####################################################################*/

#dk_l {
	float:left;
	width:115px;
	height:658px;
	background: url(../pics/risse/riss_links.png) no-repeat;
	}

* html #dk_l{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/risse/riss_links.png',sizingMethod='scale');}
	
#dk_m {
	float:left;
	width:760px;}
	
#dk_r {
	float:right;
	width:115px;
	height:327px;
	position:absolute;
	bottom:0px;
	right:0px;
	background: url(../pics/risse/riss_rechts.png) no-repeat;
	}

* html #dk_r{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/risse/riss_rechts.png',sizingMethod='scale');}
	
#dk_clear {
	clear:left; 
	height:70px;}


/*####################################################################
		Header
####################################################################*/

#dk_header{
	position:relative;
	width:760px;
	height:129px;
	background: url(../pics/navi/navi_bg.png) no-repeat;
	text-align:left;}
	
* html #dk_header{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/navi/navi_bg.png',sizingMethod='scale');}
	
#dk_logo {
	position:absolute;
	top:17px;
	right:34px;
	width:232px;
	height:97px;
	background: url(../pics/logo/logo.png) no-repeat;}
	
.dk_logo {
	width:232px;
	height:97px;}
	
* html #dk_logo{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/logo/logo.png',sizingMethod='crop');}
	
.dk_zitat {
	width:400px;
	position:absolute;
	top:58px;
	left: 25px;
	color:#888888;
	font-size:0.9em;}
	
#dk_nav ul {
	position:absolute;
	top:-29px;
	left:20px;
	margin: 0;
	padding: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;}
	
#dk_nav li {
	margin: 0;
	padding: 0px 2px 0px 0px;
	float: left;}
	
#dk_nav li a {
	text-decoration: none;
	text-indent: -1000em;
	outline: 0;}
	
/*Home*/	
#navhome a {
	display: block;
	width: 88px;
	height: 29px;
	background: url(../pics/navi/navi_home.jpg) 0 0 no-repeat;}
	
#navhome a:hover {
	background: url(../pics/navi/navi_home.jpg) 0 -30px no-repeat;}
	
#navhome.aktiv a,
#navhome.aktiv a:hover {
	cursor: default;
	background: url(../pics/navi/navi_home.jpg) 0 -60px no-repeat;}

/*About*/
#navabout a {
	display: block;
	width: 88px;
	height: 29px;
	background: url(../pics/navi/navi_about.jpg) 0 0 no-repeat;}
	
#navabout a:hover {
	background: url(../pics/navi/navi_about.jpg) 0 -30px no-repeat;}
	
#navabout.aktiv a,
#navabout.aktiv a:hover {
	cursor: default;
	background: url(../pics/navi/navi_about.jpg) 0 -60px no-repeat;}
	
/*Portfolio*/
#navportfolio a {
	display: block;
	width: 108px;
	height: 29px;
	background: url(../pics/navi/navi_portfolio.jpg) 0 0 no-repeat;}
	
#navportfolio a:hover {
	background: url(../pics/navi/navi_portfolio.jpg) 0 -30px no-repeat;}
	
#navportfolio.aktiv a,
#navportfolio.aktiv a:hover {
	cursor: default;
	background: url(../pics/navi/navi_portfolio.jpg) 0 -60px no-repeat;}
	
/*Blog*/
#navblog a {
	display: block;
	width: 88px;
	height: 29px;
	background: url(../pics/navi/navi_blog.jpg) 0 0 no-repeat;}
	
#navblog a:hover {
	background: url(../pics/navi/navi_blog.jpg) 0 -30px no-repeat;}
	
#navblog.aktiv a,
#navblog.aktiv a:hover {
	cursor: default;
	background: url(../pics/navi/navi_blog.jpg) 0 -60px no-repeat;}
	
/*contact*/
#navkontakt a {
	display: block;
	width: 88px;
	height: 29px;
	background: url(../pics/navi/navi_contact.jpg) 0 0 no-repeat;}
	
#navkontakt a:hover {
	background: url(../pics/navi/navi_contact.jpg) 0 -30px no-repeat;}
	
#navkontakt.aktiv a,
#navkontakt.aktiv a:hover {
	cursor: default;
	background: url(../pics/navi/navi_contact.jpg) 0 -60px no-repeat;}


/*####################################################################
		Extras
####################################################################*/

#dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background: url(../pics/eyecatcher/eyecatcher.jpg) no-repeat;}

.floatleft 			{float:left;}

.abstand01			{margin:0 20px 20px 0;}	


/*####################################################################
		Content
####################################################################*/

#dk_content {
	position:relative;
	width:750px;
	background: url(../pics/content/content_bg.png) repeat;
	padding:0 0 10px 10px;
	text-align:left;
}
	
* html #dk_content {
	width:760px;}
	
* html #dk_content{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/content/content_bg.png',sizingMethod='scale');}


#dk_content table p	{line-height:140%; font-size:1.1em;}
*html #dk_content p	{line-height:140%; font-size:0.8em;}

/*Tabellenwerte*/	
#dk_k table {
	width:740px;
	border:none;}
	
.dk_table_w10px {
	width:10px;}
	
.dk_table_h10px {
	height:10px;}

/*Contentbox oben links*/
.dk_content_l_o {
	width:480px;
	background-color: #282829;
	vertical-align: top;
	text-align:left;}
	
.dk_content_l_o p {
	padding: 10px 20px 10px 20px;
	text-align: justify;}
	
.dk_content_l_o img {
	float:left;}

/*Contentbox Rechts*/	
.dk_content_r {
	width:250px;
	background-color: #282829;
	vertical-align: top;
	padding-bottom:10px;}
	
.dk_content_r a:link {
	outline:none;
	color: #888888;
	text-decoration:none;}
	
.dk_content_r a:visited {
	text-decoration:none;
	color:#888888;;}
	
.dk_content_r a:hover {
	color: #c0c0c0;
	text-decoration:underline;}
	
.dk_content_r a:active {
	text-decoration: underline;
	color:#888888;}
	
.dk_r_p p {
	padding: 10px 20px 10px 20px;}
	
.dk_r_p ul {
	padding: 10px 20px 10px 35px;
	font-size:12px;}
	
.dk_recent {
	width:210px; 
	margin-left:16px; 
	text-align:left; 
	margin-top:10px;
}
	
.dk_recent p {
	margin:2px 0 10px 0;
	width:118px;
	float:right; 
	font-size:1.0em;
	padding:0 10px 0 0;}
	
.dk_recent img {
	float:left;}
	
.dk_recent a:link {
	color: #ac7029;}
	
.dk_recent a:visited {
	text-decoration:none;
	color:#ac7029;}
	
.dk_recent a:hover {
	color: #ac7029;
	text-decoration:underline;}
	
.dk_content_r a:active {
	text-decoration: underline;
	color:#ac7029;}
	
.dk_recent_trenner {
	clear:left;
	width: 205px;
	height:19px;
	margin:20px 0 0 22px;
	padding:20px 0 0 0;
	background: url(../pics/content/recent_work_divisor.gif) left bottom no-repeat;}

/*Contentbox unten Links*/	
.dk_content_l_u {
	width:480px;
	height:90px;
	background-color: #282829;
	vertical-align: top;}
	
.dk_content_l_u p {
	padding:10px 20px 10px 20px;
	text-align:left;}
	
.dk_content_l_u ul {
	padding:10px 20px 10px 40px;
	text-align:left;
	font-size:12px;}
	
.dk_abschluss_ul {
	padding: 0px 0px 10px 37px;
	list-style-image: url(../pics/icons/detailkram_pfeil.gif);
	font-size:12px;}
	
.dk_port_ulul {
	margin-left:15px;}
	
.dk_workflow {
	float:right;
	width:257px;
	margin:15px 15px 0px 0px;
	text-align:left;}
	
* html .dk_workflow_img {
	margin-top:-10px;}
	
.dk_workflow_img {
	margin-top:5px;}
	
* html .dk_workflow {
	float:right;
	width:257px;
	margin:15px 10px 0px 0px;
	text-align:left;}
	
.dk_workflow a {
	padding-right:6px;
	cursor: help;}

#dk_flash {
	position:absolute; top:199px; left:17px; visibility:hidden;}
	

/*####################################################################
		Footer
####################################################################*/

#dk_footer_b {
	width:760px;
	height:61px;
	background: url(../pics/footer/footer.png) no-repeat;
	}

#dk_footer_a  {
	position:relative;
	height:10px;}

#dk_footer_a p {
	position:absolute;
	top:22px;
	left:0px;
	margin-left:20px;
	text-align:left;
	color: #888888;
	font-size:0.9em;
	line-height: 120%;}
	
* html #dk_footer_a p {
	position:absolute;
	top:22px;
	left:0px;
	margin-left:20px;
	text-align:left;
	color: #888888;
	font-size:0.9em;
	line-height: 120%;}
	
#dk_footer_a a:link {
	outline:none;
	color: #888888;
	text-decoration:none;}
	
#dk_footer_a a:visited {
	text-decoration:none;
	color:#999;}
	
#dk_footer_a a:hover {
	color: #c0c0c0;
	text-decoration:underline;}
	
#dk_footer_a a:active {
	text-decoration: underline;
	color:#888888;}
	
* html #dk_footer_b{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/footer/footer.png',sizingMethod='scale');}


/*####################################################################
		Kontaktformular
####################################################################*/

#contact form {
	padding:0px;
	margin:0px 0px 0px 20px;
	padding-bottom:15px;
	width:460px;
	font-size:1.1em;}
				
label {
	display: block;
	padding-bottom:2px;	}
				
#name,
#email,
#betreff,
#str,
#plz,
#vorname,
#telefon,
#firma  {
	width: 140px;
	border: 1px solid #5f5f5f;
	margin-bottom:6px;
	font-size:9px;
	background-color: #313131;
	color: #d0d0d0;}

#betreff  {
	width: 303px;
	border: 1px solid #5f5f5f;
	margin-bottom:6px;
	font-size:9px;
	background-color: #313131;}
				
textarea {
	height: 9em;
	width: 303px;
	border: 1px solid #5f5f5f;
	margin-bottom:8px;
	font-size:11px;
	background-color: #313131;}
				
input:focus, textarea:focus {
	color:#d0d0d0;}
	
.dk_kontakt {
	height: 270px;
	 width:100%;}
	 
.dk_kontakt_l {
	width:30%; 
	float:left;}
	
.dk_kontakt_r {
	width:65%; 
	float:right;}
	
.dk_kontakt_rl {
	width:100%; 
	float:right;}
	
#text {	
	color:#fff;}
	
#senden {
	float:right;
	padding: 0px 10px 10px 0px;
	margin-top: -93px;}	
	
	
/*####################################################################
		Recent Work
####################################################################*/

.cm_packets {
	color: #d0d0d0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration:underline;}
	
.iconspan{
	margin:0px;
	cursor:pointer;
	font-weight: bold;}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
	font-weight: bold;
	color: #d0d0d0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding: 0px 35px 0px 23px;}

div.eg-bar{
	width: 85%;}

.icongroup1{
	width: 200px;
	padding: 0px 0px 0px 0px;
	text-align:left;	
	margin-left:0px;
	position:relative;}
	
.icongroup1 ul{
	margin-left:12px;
	width:240px;}
	
.port {
	padding-top:10px;}


/*####################################################################
		Seiten spezifische Headergrafiken
####################################################################*/

#portfolio #dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background-image: url(../pics/eyecatcher/portfolio_intro_detailrender.jpg);
	background-repeat: no-repeat;}
	
#portfolio-abschluss #dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background-image: url(../pics/eyecatcher/portfolio_abschlusspruefung_3d.jpg);
	background-repeat: no-repeat;}
	
#portfolio-commingsoon #dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background-image: url(../pics/eyecatcher/portfolio_comingsoon_3d.jpg);
	background-repeat: no-repeat;}

#portfolio-taufe #dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background-image: url(../pics/eyecatcher/portfolio_taufe_3d.jpg);
	background-repeat: no-repeat;}
	
#portfolio-casino-news #dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background-image: url(../pics/eyecatcher/portfolio_casino-news_3d.jpg);
	background-repeat: no-repeat;}
	
#portfolio-deutsche-casinos #dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background-image: url(../pics/eyecatcher/portfolio_deutsche-casinos_3d.jpg);
	background-repeat: no-repeat;}

#portfolio-code-malan #dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background-image: url(../pics/eyecatcher/portfolio_code-malan_3d.jpg);
	background-repeat: no-repeat;}
	
#portfolio-os-commerce-templates #dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background-image: url(../pics/eyecatcher/portfolio_onlineshop-template_3d.jpg);
	background-repeat: no-repeat;}

#portfolio-mittelalter-romantik #dk_nav {
	position:relative;
	width:760px;
	height:285px;
	background-image: url(../pics/eyecatcher/portfolio_mittelalter-romantik_3d.jpg);
	background-repeat: no-repeat;}	


/*####################################################################
		Spezifisch: Contentbox Links Oben
####################################################################*/

.dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/content_header_portfolio.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}

#blog .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/blog_header_meinweblog.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#contact .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/contact_header_contact.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#about .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/about_header_uebermich.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_meinearbei.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-abschluss .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_ihk-abschlusspruefung.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-taufe .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_taufe.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-casino-news .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_casino-news.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}

#portfolio-deutsche-casinos .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_deutsche-casinos.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-code-malan .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_code-malan.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-os-commerce-templates .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_onlineshop-template.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-mittelalter-romantik .dk_content_lo_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_mittelalter-romantik.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}


/*####################################################################
		Spezifisch: Contentbox Links Unten
####################################################################*/

.dk_content_lu_header_start {
	float:left;
	width:173px;
	height:38px;
	background-image: url(../pics/content/content_header_workflow.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
.dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/content_header_portfolio.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#blog .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/blog_header_medienvirus.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#contact .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/contact_header_disclaimer.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#about .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/about_header_ziele.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_ansichten.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-commingsoon .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_ansichten.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-abschluss .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_pdfs.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}

#portfolio-taufe .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_ansichten.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-casino-news .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_ansichten.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-deutsche-casinos .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_links.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-code-malan .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_links.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-os-commerce-templates .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_ansichten.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio-mittelalter-romantik .dk_content_lu_header {
	width:468px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_ansichten.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}


/*####################################################################
		Spezifisch: Contentbox Rechts
####################################################################*/

.dk_content_r_header {
	width:239px;
	height:38px;
	background-image: url(../pics/content/content_header_recentwork.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#blog .dk_content_r_header {
	width:239px;
	height:38px;
	background-image: url(../pics/content/blog_header_partner.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#contact .dk_content_r_header {
	width:239px;
	height:38px;
	background-image: url(../pics/content/contact_header_impressum.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#about .dk_content_r_header {
	width:239px;
	height:38px;
	background-image: url(../pics/content/about_header_curriculumvita.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}
	
#portfolio .dk_content_r_header {
	width:239px;
	height:38px;
	background-image: url(../pics/content/portfolio_header_catgory.jpg);
	background-repeat: no-repeat;
	margin:10px 0px 0px 6px;}