/**
* (c) virtualcolors.de
* #D5AC5C;
**/

body {
  margin: 0px;
  background-color: #313131;
  background-image: url(images/grid_dark4.png);
  background-attachment: fixed;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  line-height:14pt;
}

h1,h2,h3,h4,h5,h6{	
	font-weight: normal;
	color: #498DBF;
}

h2 {
  font-size: 16pt;
  line-height:18pt;
  border-bottom: 1px solid #cccccc;
}

h3 {
	font-size: 13pt;
	line-height:15pt;
}

h4 {
	font-size: 11pt;
	line-height:11pt;
}


a{
  text-decoration: none;
  color: #17A3FF;
}

a:hover{
  text-decoration: underline;
}

#sky{
	position: relative;	
	height:140px;
	width:100%;
	background-color:#ffffff;
	filter:alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
	
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90,strength=4);*/
	-moz-box-shadow: 	0px 6px 10px 10px #ffffff;
	-webkit-box-shadow: 0px 6px 10px 10px #ffffff;	
	box-shadow: 		0px 6px 10px 10px #ffffff;
	z-index:-100;
}

#page_container{
	position:relative;
	
}

#page {
	position:relative;
	width: 900px;
	margin: -119px auto;
	padding: 0px;
	text-align: left;
	background-image: url(images/page.png);
}

#page_trans_container{
    position:absolute;
    bottom:11px;
    height:120%;
	width:100%;		
	margin: -0px auto;	
}

#page_trans{
    position:absolute;
    bottom:0px;
    height:100%;
	width:100%;		
	margin: -0px auto;	

	background-color:#ffffff;
	filter:alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
  
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90,strength=4);*/
	-moz-box-shadow:	0px 0px 10px 10px #ffffff;
	-webkit-box-shadow: 0px 0px 10px 10px #ffffff;
	box-shadow: 		0px 0px 10px 10px #ffffff;
	
	z-index: -101;
}


#content_header{
	width: 900px;
	margin: 0px auto;
	height:109px;
}

#content_header_bg{
	background-image: url(images/bg_header.png); 
	border: 1px solid #ffffff;
	border-left: none;
	margin-left: 44px;
	width:855px;
	height: 109px;
}

#header_corner{
	float:left;
	background-image: url(images/bg_header_corner.png);
	width:45px;
	height:111px;
	margin-left: -44px;
	margin-top: -3px;
}

#menu_container{	
	position:relative;
	height: 32px;
	width: 500px;
	padding-top: 85px; 
	left: -15px;
 }
ul#menu{
	margin: 0;
	padding: 0px;
	
	text-align: left;
}
ul#menu li{
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 3px;  
	font-size: 12pt;
	line-height: 12pt;

}
ul#menu a{
	color: #555555;
}

ul#menu a:active {
	text-decoration:underline;
}
#submenu_container{
	background-image: url(images/submenu_bg.png);
	height: 24px;   
	padding-left: 1px;
 }
ul.submenu{
	margin: 0px; 
	text-align: left;
	padding-top: 3px;
	padding-left: 30px;
}
ul.submenu li{
	list-style: none;
	display: inline;
	padding: 3px;
	font-size: 10pt;
	line-height: 10pt;
}
ul.submenu a{
	color: #666666;
}

ul.submenu a:active {
	text-decoration:underline;
}

#logo{
	float:right;
	background-image: url(images/logon.png);
	background-repeat:no-repeat;
	width:238px;
	margin-top:30px;
	margin-right:30px;
	padding-top:23px;
	text-align:right;
	color: #999999;
	font-size:9pt;	
	
}

#logo_small{
	position: fixed;
	bottom:5px;
	left:50%;	
	margin-left:-440px;
	
}


#body_glow{
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#363636,direction=90,strength=4);
	-moz-box-shadow: 	0px 10px 10px 4px #363636;
	-webkit-box-shadow: 0px 10px 10px 4px #363636;
	box-shadow: 		0px 10px 10px 4px #363636; 
	background-color: #ffffff;
	
}

#content_body_deco_start{
	margin-left: 0px;
	width: 900px;
	height: 50px; 
	background-image: url(images/slogan_bg.png);  
}
#slogan{
	position:relative;
	width:452px;
	height:33px;
	padding-top:10px;
	padding-left:27px;
	
}

#intro{
	position:relative;
	margin: 0px auto;
	width: 914px; 
	margin-top: -5px;
	margin-left: -8px;
	background-image: url(images/intro_box_bg_blue.png);
	background-repeat:repeat-x;
	background-color: #217CBC;   
	border: 1px solid #003366; 
}
#intro_corner{
	position:relative;
	margin-top:-89px;
	margin-right:-1px;
	float:right;
}

#intro_content{
	padding:24px 22px 24px 22px;
	
}

#intro_fold_left{
	position:absolute;
	bottom:-25px;
	left:0px;
}

#intro_fold_right{
	position:absolute;
	bottom:-25px;
	right:0px;
}

#teaser{
	position: relative;
	margin:  0px;
	height: 170px;
}

.teaser_box{
	position: relative;
	width: 264px;
	height: 150px;
	float:left;
	margin-left:0px;
	margin-right:8px;	
	border: 10px solid #ffffff;
    overflow:hidden;
	
	-moz-box-shadow: 	0px 0px 5px  #003366;
	-webkit-box-shadow: 0px 0px 5px  #003366;	
	box-shadow: 		0px 0px 5px  #003366;
}
	
.teaser_box_last{
	margin-right:0px;	 
}
	
.teaser_box_content{
	float:left;
	/*height:275px;*/
    display: block;    
	background-color:#064075;
	color:#ffffff;	
	transition-property: margin;
	transition-duration: 1s;
	-moz-transition-property: margin;
	-moz-transition-duration: 1s;
	-o-transition-property: margin-top;
	-o-transition-duration: 1s;	
	-webkit-transition-property: margin;
	-webkit-transition-duration: 1s;
	margin-top:0px;
	padding-bottom: 5px;
	
}
	
.teaser_box_content:hover{    
	position: relative;
	transition-property: margin;
	transition-duration: 0.2s;	
	-moz-transition-property: margin;
	-moz-transition-duration: 0.2s;	
	-o-transition-property: margin-top;
	-o-transition-duration: 0.2s;	
	-webkit-transition-property: margin;
	-webkit-transition-duration: 0.2s;
	margin-top:-125px;
}

.teaser_box_more {
	position: absolute;
	float:right;
	font-size: 10pt;
	top: 25px;
    right:0px;	
	color: #ffffff;
	background: #990000;
	padding: 3px;
	z-index:10;
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	box-shadow:inset 0 0 10px #550000;
}		

.teaser_text{
	display:block;
	padding:10px;
	padding-top:5px;
	padding-top:5px;
	font-size: 8pt;
 
}
.teaser_text a{
	color: #3897DC;
}

.showcase_h{
	position: relative;
	overflow: hidden;
	height: 70px;
	margin-top: 15px;	
	margin-bottom: 15px;	
	padding:0px;
}
.showcase_h:hover, .showcase_h:focus{
	height:240px;
}

.showcase_content{
	height:240px;
	width: 950px;
	overflow:hidden;
}

.showcase_box_first{
	width:250px;
	height: 240px;	
    overflow:hidden;	
}
.showcase_box{
	position: relative;

	height: 100%;
	float:left;	
    overflow:hidden;	
	
	transition-property: width;
	transition-duration: 0.4s;
	-moz-transition-property: width;
	-moz-transition-duration: 0.4s;	
	-o-transition-property: width;
	-o-transition-duration: 0.4s;	
	-webkit-transition-property: width;
	-webkit-transition-duration: 0.4s;	
	width: 70px;
}

.showcase_box:hover, .showcase_box:focus{

	transition-property: width;
	transition-duration: 0.4s;	
	-moz-transition-property: width;
	-moz-transition-duration: 0.4s;	
	-o-transition-property: width;
	-o-transition-duration: 0.4s;	
	-webkit-transition-property: width;
	-webkit-transition-duration: 0.4s;	
	width:250px;	
}


.showcase_box_content{
	padding:10px;	
	/*float:left;*/
	height:100%;
	font-size:8pt;
	width: 230px;
    display: block;
	overflow: hidden;

	}
	
.showcase_box_content:hover{	

}

.c0{
	background-color:#CBE6F8;
}

.c1{
	background-color: #B3DAF4;
}
.c2{
	background-color: #97CCF0;
}
.c3{
	background-color: #7DBFEC;
}

.h_icon{
	padding-left: 65px;
	background-repeat: no-repeat;
	background-position: 7px 0;
	line-height:50px;
}

h4.h_java{	
	background-image: url(images/icons/coffee.png);
}
h4.h_database{	
	background-image: url(images/icons/database.png);
}
h4.h_internet{	
	background-image: url(images/icons/earth.png);
}
h4.h_documents{	
	background-image: url(images/icons/documents.png);
}

.box_float{
	position:relative;
	float:left;
	width:250px;
}


#content_body {
	position:relative;  
	margin: 0px auto;
	padding: 29px;
	padding-right:320px;
	text-align: left;
	background-color: #ffffff;

}

p.em{
	color: #727272;
	font-style: italic;
	font-size: 11pt;
}

div.offer{
	background-color: #CBE6F8;
	color: #001529;
	border: 1px solid #9ED0F1;
	padding: 15px;
}

div.offer h4{
	margin: 4px 0 8px 0;
	
}

.p_learn{
	background-color: #FF9D5B;
	color: #ffffff;
	padding-left:2px;
	padding-right:2px;
}

.p_picfab{
	font-style: normal;
	font-weight: bold;
	padding-left:2px;
	padding-right:2px;
}




body#p_index a.a_index{color: #aa0000;}
body#p_index_sub a.a_index{color: #aa0000;}

body#p_software a.a_software{color: #aa0000;}
body#p_software_trainer a.a_software{  color: #aa0000;}
body#p_software_trainer a.a_software_trainer{  color: #aa0000;}
body#p_software_graphics a.a_software{  color: #aa0000; }
body#p_software_graphics a.a_software_graphics{  color: #aa0000; }
body#p_software_granulat  a.a_software{  color: #aa0000; }
body#p_software_granulat a.a_software_granulat{  color: #aa0000; }

body#p_web a.a_web{color: #aa0000;}
body#p_web_vcard  a.a_web{  color: #aa0000; }
body#p_web_vcard  a.a_web_vcard{  color: #aa0000; }
body#p_web_homepage  a.a_web{  color: #aa0000; }
body#p_web_homepage  a.a_web_homepage{  color: #aa0000; }
body#p_web_homepageplus  a.a_web{  color: #aa0000; }
body#p_web_homepageplus  a.a_web_homepageplus{  color: #aa0000; }

body#p_design a.a_design{color: #aa0000;}
body#p_design_web  a.a_design{  color: #aa0000; }
body#p_design_web  a.a_design_web{  color: #aa0000; }
body#p_design_print  a.a_design{  color: #aa0000; }
body#p_design_print  a.a_design_print{  color: #aa0000; }
body#p_design_logo  a.a_design{  color: #aa0000; }
body#p_design_logo  a.a_design_logo{  color: #aa0000; }

body#p_contact a.a_contact{color: #aa0000;}
body#p_contact_imprint  a.a_contact{  color: #aa0000; }
body#p_contact_imprint  a.a_contact_imprint{  color: #aa0000; }



#page_footer{
	position:absolute;
	background: #313131;
	background-image: url(images/footer_bg.png);
	color: #aaaaaa;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:20px;
	padding-bottom:50px;
		
	width: 858px;
	text-shadow:0 1px 0 #222;
	
	
	text-align: left;
	
	font-size: 8pt;
	line-height: 16pt;
	
	border: 1px solid #303030;
	
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#363636,direction=90,strength=4);
	-moz-box-shadow:	0px 10px 10px 4px #363636;
	-webkit-box-shadow: 0px 10px 10px 4px #363636;	
	box-shadow: 		0px 10px 10px 4px #363636;
}



#footer_links{
	width: 260px;
	
	float:left;
	margin-left:0px;
	margin-right:10px;	
}

#footer_middle{
	width: 260px;
	float:left;
	margin-left:0px;
	margin-right:10px;	
}

div#footer_links a, div#footer_middle a{
  color: #ffffff;
}

#deco_colors_big{
	position: fixed;
	top:0px;
	left:50%;

	margin-left:-1000px;
	margin-top:-240px;
	
	width: 2000px;
	height: 2000px;
	background-image: url(images/colors_large_blue.png);
	background-position: 780px 00px;
	background-repeat: no-repeat;

	transition: transform 2s  ease-in 10s;	
	-moz-transition: -moz-transform 10s ease-in 10s;
	-o-transition: -o-transform 2s  ease-in  10s;
	-webkit-transition: -webkit-transform 2s  ease-in  10s;
}

#deco_colors_big:hover{

	transform:rotate(295deg);
	-webkit-transform: rotate(295deg);
	-moz-transform: rotate(295deg);
	-o-transform: rotate(295deg);
	
	transition: transform 8s  ease-out  5s;	
	-moz-transition: -moz-transform 8s ease-out 5s;
	-o-transition: -o-transform 8s  ease-out  5s;
	-webkit-transition: -webkit-transform 8s  ease-out  5s;
}

div#vc_link a{
  font-weight: bold;
  color: #cccccc;
}

#footer_feedback{	
	position: relative;
	width: 280px;
	float:right;
	margin-left:0px;
	margin-right:0px;
	margin-top:-25px;
	padding: 00px;
	text-align:right;
	
	background-color: #252525;
	transform:rotate(4deg);
	-moz-transform:rotate(4deg);
	-webkit-transform:rotate(4deg);
	-o-transform:rotate(4deg);
	-ms-transform:rotate(4deg);
}

#footer_feedback form{	
	padding: 10px;
}

div.footer_header{
	background-image: url(images/icons/mailfront.png);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	background-color:#444444;
  }

h4.footer_header{
  color: #aaaaaa;
  font-size: 16pt;  
  border-bottom: 1px dashed #888888;
  text-align:left;
  padding-left: 85px;
  margin: 0px;  
  padding-top:18px;
  padding-bottom:18px;
}

#footer_feedback .error{
	width: 250px;
	color: #efefef;
	background-color:#990000;
	text-align:left;
	padding: 5px;
	margin-bottom:5px;
}

#footer_feedback .hint{
	width: 250px;
	color: #efefef;
	background-color:#217CBC;
	text-align:left;
	padding: 5px;
	margin-bottom:5px;
}

#footer_feedback input,select,textarea{
	
}

#footer_feedback_msg{

}

#footer_feedback select:hover,#footer_feedback input:hover,#footer_feedback textarea:hover,#footer_feedback input:focus,#footer_feedback select:focus,#footer_feedback textarea:focus,#footer_feedback textarea{
	-ms-overflow-y: auto;
	box-shadow:none;	
}


#footer_feedback_submit{
	color: #ffffff;
	font-family:   inherit;
	font-size: inherit;
	font-weight: inherit;
	border: none; 
	
	background-color: #660000;
	height: 22px;
	width: 70px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}


input.feedback_input,textarea.feedback_input,select.feedback_input{
	color: #000000;
	border: none;
	background-color: #cccccc;
}

#footer_feedback_msg{
	width: 180px;
	height: 110px;
	font: inherit;
	margin:0px;
	padding:3px;
}
#footer_feedback_email, #footer_feedback_name{
	width: 180px;
	font-family: inherit;	
	font-size: inherit;	
	margin:0px;
	padding:3px;
}


#footer_feedback div.row{
	width: 260px;
	margin-bottom: 5px;
	padding:0px;
	display:block;
	
}

#footer_feedback label{
	top:0px;
	left:0px;
	text-align:left;
	float:left;
	width:60px;
}


img{
border:none;

}

img.thumb{
width: 150px;
}

img.thumb:hover{
width: 100%;
}