@import "itellico_form.css";
@import "itellico_whitemenu.css";
@import "itellico_boxes.css";
@import "itellico_blog.css";

/*BEGINN BASIC STYLE///////////////////////
/////////////////////////////////////////*/
body{
margin:0px;
/*
background-image:url(../images/bg_site.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
*/
}


/***
drop shadow
**/

.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }


body, div, td, input, textarea, select{
color:#515151;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
form{
padding:0px;
margin:0px;
}
h1{
color:#bb002b;
font-size:18px;
}
h2{
font-size:16px;
}
h3{
font-size:14px;
}
h4{
font-size:12px;
}
a{
color:#439ec0;
}
a:hover{
color:#bb002b;
}
/*END BASIC STYLE///////////////////////
/////////////////////////////////////////*/

/*Startseite/////*/
#start{
position:absolute;
left:0px;
width:780px;
text-align:left;
}
#fenster{
width:250px;
float:left;
margin-bottom:15px;
margin-top:15px;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
}
#fenster h1{
	background-image:url(../images/bg_fenster_h1.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	color:#7f7f7f;
	margin:0px;
	padding:23px 10px 10px 10px;
	}

.picbox{
border:solid 1px #cccccc;
margin-right: 10px;
padding:5px;
text-align: center;
margin-top:10px;
}

td.start_td0 {
	width:250px;
}

/*END Startseite/////*/

/*BEGINN SITE STYLE///////////////////////
/////////////////////////////////////////*/
#site{
position:absolute;
width:1000px;
left:50%;
margin-left:-500px;
}
#header{
height:106px;
}
	#header .logo{
	float:left;
	display:inline;
	margin-top:28px;
	margin-left:10px;
	margin-bottom:10px;
	border: 0;
	}
	#top_menu{
	text-align:right;
	padding:15px 10px 40px 0;
	}
		#top_menu a{
		text-decoration:none;
		}
		#top_menu a{
		color:#6c6c6c;
		}
		#top_menu a:hover, #top_menu .aktiv{
		color:#bb002b;
		}
		#langsel, #akronyme, #schriftgroesse{
		margin-right:40px;
		}
		#langsel a, #akronyme a, #schriftgroesse a{
		color:#bb002b;
		}
		#langsel a:hover, #akronyme a:hover, #schriftgroesse a:hover, #langsel .aktiv, #akronyme .aktiv, #schriftgroesse .aktiv{
		color:#bb002b;
		}
		.a{font-size:10px;}
		.aa{font-size:11px;}
		.aaa{font-size:12px;}
	#suche{
	height:10px;
	text-align:right;
	margin:0 10px 0 0px;
	}
	#suche form{
	float:right;
	width:200px;
	}
	.suchefeld{width:120px;}
	.suchebut{width:50px;}
	#rueckruf{
	margin-top:5px;
	font-weight:bold;
	font-size:11px;
	color:#a6a6a6;
	}
		#rueckruf a{
		color:#a6a6a6;
		}
		#rueckruf a:hover, #rueckruf .aktiv{
		color:#bb002b;
		}


#main_menu{
clear:both;
padding:16px 10px 17px 10px;
background-image:url(../images/menu_balken.gif);
background-repeat:no-repeat;
}
	#main_menu a{
	color:#7f7f7f;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-right:15px;
	}
	#main_menu a:hover, #main_menu .aktiv{
	color:#bb002b;
	}
	#online_bestellung{
	position:absolute;
	right:10px;
	top:118px;
	height:22px;
	width:100px;
	text-align:right;
/*	background-image:url(../images/bg_bestellung.jpg);*/
	background-repeat:no-repeat;
	background-position:right top;
	padding:4px 16px;
	}
	#online_bestellung a{
	font-size:11px;
	color:#FFFFFF;
	margin:0px;
	text-decoration:none;
	}
	#online_bestellung a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	}
	
#main{
padding-top:14px;
}

#left{
width: 200px;
float: left;
height: auto;
margin-right: 10px;
}

#starttopimage{
width:1000px;
padding-bottom: 14px;
}

#topimage{
width:790px;
float: left;
margin-bottom: 14px;
}

#content{
width:580px;
float: right;
margin-right: 10px;
}

.headerpic{
margin-bottom:20px;
}

#right{
width:200px;
padding-bottom:12px;
float: right;
}
	
#footer{
border-top:solid 1px #efefef;
color:#909090;
margin-top:40px;
padding:40px 0 40px 0;
text-align: center;
}

	#footer a{
	color:#909090;
	text-decoration:none;
	}
	#footer a:hover{
	color:#909090;
	text-decoration:underline;
	}
	
#footernote{
background-color:#ffffff;
color:#909090;
padding:20px 10px 20px 10px;
margin-bottom:20px;
}
/*END SITE STYLE///////////////////////
/////////////////////////////////////////*/


/* ACRONYMS ////////////////////*/

.info_link{
	background-image: url(../images/info_but.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: inline;
}


	.info_link img{
		border:0px;
		margin-left:2px;
		margin-right:5px;
		width:9px;
		height:13px;
	}
	
.info_box{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	visibility: hidden;
	width:300px;
	margin-left:15px;
	background-image:url(../images/bg_infobox.gif);
	padding:0 5px 6px 0;
}
	.info_box p{
		margin:0px;
		padding:5px;
		background-color:#FFFFFF;
		border-bottom:solid 1px #55a7db;
		border-left:solid 1px #55a7db;
		border-right:solid 1px #55a7db;
	}
	.info_box h3{
		background-color: #ffffff;
		color: #55a7db;
		border-top:solid 1px #55a7db;
		border-left:solid 1px #55a7db;
		border-right:solid 1px #55a7db;
		font-weight: bold;
		margin: 0px;
		padding: 5px 5px 0px 5px;
		font-size:12px;
	}

/* END ACRONYMS ////////////////////*/

.pfeillink{
margin-top:5px;
background-image:url(../images/mehrpfeil.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:10px;
}

.seiten_nav{
text-align:right;
margin:10px 0px 0px 0px;
padding:0px;
}
.seiten_nav li{
margin:0px;
padding:0px;
display:inline;
list-style:none;
}
.seiten_nav a{
padding:2px 5px 2px 5px;
margin-right:1px;
text-decoration:underline;
font-weight: bold;
}
.seiten_nav a:hover{
text-decoration:none;
}
.back_button{
background-image:url(../images/backpfeil.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:10px;
}

.highlight {
	background-color: #FFFF88;
}

.error {
	color: #FF0000;
}

#pfad {
color:#999999;
font-size:11px;
}

	#pfad a {
	color:#999999;
	}
	
	#pfad a:hover{
	color:#000000;
	}
	
.table_title{
background-color:#ffffff;
color:#000000;
text-align:left;
font-weight:normal;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
padding-left:15px;
}
.table_reiter{
background-image:url(../images/preis_tab_bg.gif);
background-repeat:repeat-x;
border-collapse:collapse;
color:#000000;
font-weight:normal;
text-align:center;
border-left:1px solid #8cb449;
border-right:1px solid #8cb449;
}
.table_title2{
background-color:#cccccc;
background-repeat:repeat-x;
border-top:3px solid #8cb449;
border-left:1px solid #999999;
border-right:1px solid #999999;
color:#000000;
font-weight:bold;
text-align:left;
padding-left:15px;
}
.table_content{
background-color:#f8f6f7;
text-align:center;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
}
.table_content2{
text-align:right;
}
.table_preis_header {
background-color:#d8d8d8;
color:#000000;
text-align:left;
padding-left:15px;
border:1px solid #999999;
}
.table_preis{
background-color:#d8d8d8;
color:#000000;
text-align:center;
border:1px solid #999999;
}

.sel_act a {
	color: #bb002b;
	text-decoration: none;
	font-size: larger;
	font-weight: bold;
}

.csc-firstHeader {
	margin-top: 0px;
	padding-top: 0px;
}

.imgtext-nowrap {
	margin-top: 0px;
	margin-bottom: 15px;
}

.content_tab {
	background-image:url(../images/tab_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	width: 112px;
	height: 30px;
	padding-top: 5px;
	text-align: center;
}

.content_tab a {
	color: #bb002b;
	text-decoration: none;
}

.content_tab a:hover {
	text-decoration: underline;
}

.content_tab a.active {
	color: #bb002b;
	font-weight: bold;
}

.tab_border {
	height: 2px;
	background-color: #999999;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 1px;
}

.download_box_top {
background-image:url(../images/downloads_box_top.gif);
background-repeat:no-repeat;
height:31px;
}

@media print {
	object {
		display: none;
	}
	#header {
		display: none;
	}
	#headerpic {
		display: none;
	}
	#left {
		display: none;
	}
	#main_menu {
		display: none;
	}
	#right {
		display: none;
	}
	#online_bestellung {
		display: none;
	}
	#main {
		margin-left: 0px;
		margin-right: 0px;
		padding: 0px;
		width: 580px;
	}
	#content {
		display: inline;
	}
	#start {
		margin-left: 145px;
		margin-right: 0px;
		padding: 0px;
		width: 580px;
	}
	#rootline {
		margin-left: 0px;
		margin-right: 0px;
		padding: 10px;
		width: 580px;
	}
	
	#footer {
		display: none;
	}
	#footnote {
		display: none;
	}

}

/******* X-MAS ***********

body{
background-image:url(../images/itellico_xmas.png);
background-repeat:repeat-x;
background-position:50% 0;
background-color:#FFFFFF;
}
.logo{
  padding-top: 36px;
}

#top_menu a{
  color: #FFFFFF;
}
#top_menu a:hover{
  color: #AECDEE
}

#top_menu{
  color: #CCCCCC;
  padding:5px
}

#rueckruf{
margin-top:60px;
}

#main_menu{
margin-top:10px;
}

/******* X-MAS ***********/

/* ****** UNTERNEHMEN/TEAM ******* */
.teamliste {
	overflow:hidden;
	width:560px;
	margin-bottom:15px;
	border-bottom:1px solid #dbdbdb;
	padding-bottom:10px;
}
* html .teamliste {
	height:1%;
}
.teamliste .portrait {
	float:left;
	width:85px;
}
.teamliste .desc {
	float:right;
	width:460px;
}
.teamliste h1 {
	font-size:18px;
	color:#bb002b;
	margin:0;
}
.teamliste h2 {
	font-size:12px;
	margin:10px 0;
}
.teamliste p {
	margin:10px 0;
}
.teamliste td {
	padding-bottom:5px;
}
.teamliste a {
	color:#515151;
}
/* ****** END ******** */

