
/* =general section */

body {
    font-size: 11px;
    font-size: 10px;
    color: #535353;
    color: #444444;
    background-image: url(/img/bgd_page.gif);
    background-repeat: repeat-x;
    z-index:1;
    text-align:center;
    background-color:#fff;

}

body { background:url(/img/home_header_bg.png) top left repeat-x; }
body #headerarea{background:url(/img/trigami-seo-social-media-marketing.png) top left no-repeat;}
/*
body.home{ background:url(/img/home_header_bg.png) top left repeat-x; }
body.bloggers{ background:url(/img/home_header_bg_green.png) top left repeat-x; }
body.kunden{ background:url(/img/home_header_bg_yellow.png) top left repeat-x; }

body.home #headerarea{background:url(/img/home_header.png) top left no-repeat;}
body.bloggers #headerarea{background:url(/img/home_header_green.png) top left no-repeat;}
body.kunden #headerarea{background:url(/img/home_header_yellow.png) top left no-repeat;}
*/

* {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    border: none;
}

a, a:visited {
    color: #3bc5ff;
    color: #444444;
    /*font-weight: bold;*/
}
a:hover {
    color: #ffa229;
    color: #1aa1dd;         
    text-decoration: underline;
    text-decoration: none;
}

.u { font-weight: bold; }

/*
#headerarea {
	position: relative;
	height: 99px;
}
*/
#wrapper
{
    text-align:left;
    margin: 0 auto;
    width:937px;
}

/* =header section */

#logo
{
    position:relative;
    padding:0;
    height:99px;
    width:450px;
    display:block;
    float:left;
    text-decoration: none;
}

#logo img{
    visibility:hidden;
}

.select
{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; border: #000000;
}


#logo span {
	cursor: pointer;
	position: absolute;
	left: 230px;
	top: 50px;
	width: 380px;
	font-weight: bold;
	
	font-size: 20px;
	color: #fff;
}

#login {
    float: right;
    color:#fff;
    margin:10px;
    text-align:right;
}
body #login {background:#3dafdf;}
/*
body.home #login {background:#50a6d9}
body.bloggers #login {background:#30ac0e}
body.kunden #login {background:#fea801}
*/
#login p {
    font-size: 12px;
    background:#5cbbe4;
    padding:3px 5px;
}

#login img {
    margin-bottom:-5px;
    margin-right:4px;
}
/*
body #login{background:#4ba700;}

body.bloggers #login{background:#4ba700;}
body.bloggers #login p{background:#4bb855;}
body.kunden #login p{background:#ff9900;}
*/
* html #login p{ width:170px; }

#login a, #login a:visited {
    color:#fff;
    text-transform:uppercase;
    text-decoration: none;
    font-size:10px;
    font-weight: bold;
}

/** cebit */

#wrapper #headerarea .cebit a
{
	color: #fff;
}
/*
.kunden #wrapper #headerarea .cebit a
{
	color: #1aa1dd;
}
*/
/** end cebi9t */

#login a:hover {
    text-decoration: underline;
}

ul li {
     list-style-type: none;
}

#content ul li, #content ol li{
     margin-left: 25px;
}

#content ul li {
	list-style-type: disc;
}

#topnav {
    clear: both;
    background:#fff url(/img/menu_bg.png) top left repeat-x;
    border-top:2px #fff solid;
    overflow:hidden;
    height:1%;
    margin-bottom:3px;
    width:100%;
}

#topnav .right {
    float:right;
}

#topnav .right li a {
     color:#666666;
}

#topnav .hmenu li {
    float:left;
    background:url(/img/menu_separator.png) top left no-repeat;
}

#topnav .hmenu li a {
    color:#484342;
    color:#000000;
    text-transform:none;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    padding:5px 15px;
    float:left;
}

#topnav .hmenu .first{
    background:none;
}

/* =content section */

#contentarea {
    background:#fff;
    overflow:hidden;
    height:1%;
}

body.page #contentarea{ background:#fff url(/img/page_background.png) top left no-repeat; }

#contentarea a {
    text-decoration: underline;
}
#contentarea p {
    margin-bottom:6px;
}

#contentarea h2 {
    font-size: 16px;
    margin: 26px 0 0 0;
}

#contentarea h3, #contentarea h4, #infos h2 {
    font-size: 15px;
    letter-spacing: 0.02em;
    color: #00a6e6;
    color: #1aa1dd;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:5px;
}

#contentarea h4 {
    font-size: 14px;
}

/* =content page section */

#contentarea h1{
    font-size:22px;
    margin-left:245px;
    margin-top:15px;
}

#content div {
    clear:both;
}

#left-menu {
    display:inline;
    float:left;
    margin-top:20px;
    width:170px;
    margin-left:40px;
    font-size: 12px;  /* aliedit compensation body */
    clear: both;
}

#left-menuS {
    width:170px;
}

#left-menu a, #left-menu .spec li {
    display:block;
    /*text-transform:uppercase;*/ /* remo Lesbarkeit*/
    text-decoration:none;
    color:#333333;
    font-weight:normal;
    font-size:14px; /* remo Lesbarkeit*/
    border-bottom:1px #ddd solid;
    padding:1px;
}

#left-menu li {
    display:inline;
}
#left-menu .sub a {
    font-size:12px; /* remo Lesbarkeit*/
    margin-left:5px;
}
                                 
#left-menu .spec .sub 
{
	font-size:11px;
    margin-left:5px;
}


#left-menu a:hover, #left-menu .active a {
    background:#eeedee;
}

#content {
    width:675px;
    margin-top:10px;
    margin-right:15px;
    float:right;
}

#content h2{
	 color:#000000;
     /*text-transform: uppercase;*/

     margin:0;
     margin-bottom:10px;
     margin-top:10px;
     font-size: 16px; 
}

* html #content h2{ float:none; }

#content h2 span{
     margin:3px 10px;
}

#content p, #content div {
    clear:both;
}

#content .runded-block {
    background:#f2f2f2;
}

#content .rounded {
	padding: 5px;
    background:#f2f2f2;
}

#content .rounded ul li {
	margin-bottom: 2px;
}

#content .roundedTitle, .roundedNav {
	padding: 4px 10px 4px 10px;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 110%;
    background-color: #dfe0dd;
	border-top: 1px solid #bdbdbd;
}

.roundedNav {
	border-bottom: 1px solid #bdbdbd;
}

/* =content homepage section */ 

#activity, .activity {
    width:320px;
    float:left;
}

#activity h3, .activity h3, #right-column h3, .right-column h3, .bd h3, .box-references h3 {
    padding-bottom:10px;
    border-bottom:4px solid #f3f3f3;
}

#numbers
{
    position:relative;
    font-weight:bold;
    margin-bottom:6px;
}

#numbers p , #numbers ul {
    position:absolute;
}

#number1, #number2 {
    top:90px;
    top:100px;
    top:90px;    /* aliedit */
    /* font-size:75px;
    color:#fff;
    font-family: "arial";
    font-family: "verdana"; // aliedit // mo edit*/ 
}

#number1 a, #number2 a {
	font-size:75px;
    color:#fff;
    font-family: "arial";
    font-family: "verdana"; /* aliedit */
    text-decoration: none; 
}

#number1, #text1 {
    left:35px;
}

#number2, #text2 {
    right:35px;
}

#text1, #text2{
    top:75px;
}

#text1 a, #text2 a {
    color:#353535;
    font-size:28px;
    /*text-transform:uppercase; */ /*remo Lesbarkeit*/
    text-decoration: none;
}


#list1, #list2 {
    
    width: 230px;
    top: 25px;
    background-color: #FFF; 
    padding:5px;
    opacity: .3;
	filter: alpha(opacity=30);
}

#numbers ul li{
	
    list-style: disc inside;
    font-size: 13px;
    color:#a8834d; /*665f2e;*/
    color: black;
    
    
}

#numbers ul li a {
	text-decoration: none;
	color:#a8834d;
	font-family: "Verdana";
	color: black;
	
}

#right-column, .right-column
{
    float:right;
    width:280px;
    margin-left:15px;
}

.runded-block
{
    padding:10px;
}

#infos {
    clear:both;
    overflow:hidden;
    margin-bottom:18px; /** aliedit 20px */
    background:#fff;
}

#infos h3, #infos h2 {
    color: #222222;
}

#infos .left {
    background:#f5f5f5 url(/img/runded_block_left.png) top left no-repeat;
    width:442px;
    float:left;
}

#infos .right {
    background:#f5f5f5 url(/img/runded_block_right.png) top left no-repeat;
    width:442px;
    float:right;
    margin-left:10px;
}

.box1 {
    width:265px;
    padding:20px;
    padding-bottom: 40px;
    background:#eaebeb url(/img/box1_bg.png) top left no-repeat;
    float:left;
    margin-right:10px;
}

.box1 ul, .box1 li{
    margin:0;
    padding:0;
}

.box1 li{
    border-bottom:1px solid #ddd; 
    margin-bottom:5px;
    padding:5px;
}

.box-references a
{
    border: 2px #e4e8ea solid;
    padding: 3px;
    margin: 4px;
    float: left;
    width: 124px;
    height: 46px;
}

div.c3 {float:right; margin-right:20px;}
span.c2 {color:#00a500}
span.c1 {color:#ffa600}
span.c4 {color:#333333}

/* =footer section */


#footerarea
{
    margin-top:40px;
    padding:10px;
    background:url(/img/footer_bg.png) top left repeat-x;
    height:140px;
}

#footerarea .inner, #footernav {
    text-align:left;
    margin:0 auto;
    width:934px;
    clear: both;
}

#footerarea .inner {
	padding-top: 15px;
}

#footernav>ul>li {
    display: inline-block;
    width: 25%;
	margin-right: auto;
	float: left;
}

#footernav {
	line-height: 1.3;
}

#footerAwards {
	float:right;
	width: 300px;
	padding: 0;
	margin: 0;
}

#footerAwards * {
	padding: 0;
	margin: 0;
}

#footerAwards a {
	text-decoration: none;
}

/* =form section */

input, textarea, select {
    border: 1px solid #bbb;
    padding: 2px;
    font-weight: bold;
    /*background-color: #fff; aliedit */
}

input:hover, textarea:hover, select:hover {
    border: 1px solid #00a6e6;
}

form .checkbox{ border:0 }

.button /* aliedit */ , .submit {
   background:#00a6e6 url(/img/button_bg.png) top left repeat-x;
   color:#fff;
   font-size: 13px;
   font-weight: 600;
}

a.button {
	border: 1px solid #BBBBBB;
	padding: 2px 4px;
	line-height: 26px;
	text-decoration: none !important;
}

a.button:hover {
	color: #fff;
	border: 1px solid #00A6E6;
}

input.sendMessage {
	background-image: url('/img/messages/mailmessagenew_small.png');
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 20px;
}

/**aliedit*/
body
{
	font-size: 12px;
	font-size: 13px; /* aliedit */
}

#left-column, .left-column
{
    float:left;
    width:305px;
    margin-right:15px;
    clear: left;

}

#activity_wide {
    width:617px;
    float: right;
    
}

#activity_wide h3 
{
    padding-bottom:10px;
    border-bottom:4px solid #f3f3f3;
}

#right-column, .right-column
{
	clear: right;
}

#activity a, .activity a
{
	/* color: #AA9; EL v1.1 */
}


/*BLOG OPTIONS */

.blogtitle  {
 	padding-top:5px;
    border-top:6px solid #d7d7d7;
    font-size: 160%;
    
}
 
.blogtitle a, visited {
 	color: #2a2a2a;
 	text-decoration: none;
    
}
.blogdate {
	color: #319ce9;
	padding-bottom: 6px;
	text-transform: uppercase;
}
.serendipity_entry_body img {
	float:left;
}
.serendipity_entryFooter a {
	padding-bottom: 10px;
	padding-top: 10px;
}


.underline {
  margin-top: 10px;
  margin-bottom: 18px;
	border-bottom: 4px solid #ffa229;
	width: 100%;
}
.blogdate {
  font-size:12px;
  /* font-style:italic; */
  margin-bottom: 3px;
}
.blogcomment {
	
	background-color: #e7ff95;
	padding: 4px 0 8px 4px;
	margin: 21px 0 21px 0;
}
.blogboxtitle {
  font-size: 20px;
	font-weight: normal;
	color: #ff9000;
	margin: 5px 0 0 0;
}
.blogboxtext {
  margin-bottom: 5px;
}
.blogcontent {
  padding-left: 12px;
}

blockquote {
	background-color: #ccf0ff;
	padding: 14px 14px 14px 14px;
	margin: 2px 0 2px 0;
}

/*BLOG OPTIONS END*/
 
 .black
 {
  	color: black;
 }
                        
/** end aliedit */

/** alidit old trigami */
.message {
	background-color: #ccf0ff;
	padding: 8px 8px 8px 8px;
	margin: 0 0 4px 0;
}

.whitemessage {
	background-color: #FFFFFF;
}

.notice {
	background-color: #fde3b7;
	padding: 8px 8px 8px 8px;
	margin: 0 0 4px 0;
}
.messagetitle {
  font-size: 14px;
  font-weight: bold;
 	color: #00b4ff;
}
.noticetitle {
  font-size: 14px;
  font-weight: bold;
 	color: #e79303;
}

.tagDiv
{
    padding-bottom: 4px;
}

.tagW
{
	vertical-align: middle; line-height:30px;
}

.tag
{
	border: 1px #CDD solid;
    background: #E4F4F4;
    margin: 0px;
    padding: 3px;  
    white-space: nowrap;
}

.tagEnabled
{
	border: 1px #FFBD36 solid;
	background: #ffd380; 
}

.tagM
{
	border: 1px #BCC solid;
    background: #B0D0D0;
}

.tag a
{
	text-decoration: none;       
}

.markTag   { background-color: #3bc5ff;    }
.markTag a, .markTag a:visited { color: #9be1ff;            }

a.tagdel
{
	text-decoration: none;
	/*background: transparent url(/img/kreuz.gif) 100% 50% no-repeat;*/
	padding: 1px;
	/*width: 5px;*/
    height: 27px;
}

a.tagio
{
	text-decoration: none;
	/*/background: transparent url(/img/haken.gif) 100% 50% no-repeat;*/
	padding: 1px;
}


#campaignTable
{
	padding:5px;
}
#campaignTable td
{
	border: 1px solid #CDD;
	padding: 3px;

}

.caTaTitle
{
	background: #84A4D4;
	color: #640;
	font-size: 120%;
}
.caTaH
{
	background: #A4D484;
}
.caTaSel
{
	background:#E4F4F4;

}
.caTa
{
	clear: right;
	display: none;
}

a.delete:hover {
	background: #c00;
	color: #fff;
}
a.delete
{
	text-align:center;
	line-height:200%;
	width:100%;
	display:block;
}

#infoBoxW
{

}


#infoBox
{
	margin: 10px;
	padding: 20px;
	position: absolute;
	bottom: 12px;
	right: 10px;
	width: 400px; 
	
	background-color: #ccf0ff; 
	border:8px solid #D5FF42;
	text-align:left;
	
	display:none;
}


.faqol li
{
font-size:120%;
/* font-weight:bold;*/
line-height:150%;
}

.tableButtons {
	margin-bottom: -2px;
}

.tableButtons td
{
    padding:0px;
}

br.clearer, div.clearer {
	clear: both;
	font-size: 0;
	line-height: 0px;
	height: 0;
}

/** hm,  */
/* - table definitions - */
table {
	width: 100%;
	text-align: left;
	margin-bottom: 8px;
	margin-top: 8px;
}
table tr th {
  height: 30px;
	background-color: #dfe0dd;
	border-top: 1px solid #bdbdbd;
}

.roundedTh {
	padding: 7px 7px 0px 7px;  
}

.titlebar
{
  height: 20px;
  font-weight: bold;
  background-color: #dfe0dd;
  border-top: 1px solid #bdbdbd;
  vertical-align: top;
  padding: 3px 5px 3px 5px;
}
/*tr {
	background-color: #fff;
}*/
tr.alt {
	background-color: #ebebeb;
}
tr.problem {
	background-color: #d43333;
	color: white;
	font-weight: bold;
}
th, td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
}
.trlastrow td {  border-bottom: 1px solid  #bdbbc2; }
.bottomBorder {  border-bottom: 1px solid  #bdbbc2; }

.trfirstrow td, .topBorder { border-top: 1px solid  #bdbbc2; }

/**tab table    */
.tbbl {
	border: 1px #bdbbc2 solid;
	margin-top: 7px;
    
}
/** profile tabbing in page @todo clean    */
.tbblh, .tbblho {                                                                 
	margin: 0 0 0 6px;
	padding: 7px;
	background: #ebebeb;
	border: 1px #bdbbc2 solid;
}
.tbblho {
	background:#FFF;
	border-bottom:1px #FFF solid;
    padding-top: 12px;   
}    

/* end trigami old*/

textarea
{
 	font-size: 13px;
}

#loading
{
	position:fixed; 
	top:0px; 
	right:0px; 
	z-index:99; 
	background:red; 
	vertical-align:middle;
	color: white;
	font-weight: bold;
}

.tsmall tr td 
{
	font-size:80%;
}

.dateBoxSmall
{
 	font-size:80%;
 	font-weight: bold;
 	border-bottom: 1px solid #999;
 	
}
/* highlight table column */
.highlight td{
  background-color: #ccf0ff;
}

.tbold td
{
	font-weight:bold;
}

/* favorite Lights */
#favoriteLights label {
	display: block;
    text-decoration:none;
    height: 20px;
    font-size:14px;
    padding:1px;
    margin: 0;
    padding:0;
}

#favoriteLights input {
	margin: 0 10px;
}

/* speech bubble */

.speechbubbles {
	width:500px;
}

.speechbubblesTop {
	background-image: url('/img/speechbubbles/speechbubblesTop_450px.png');
	background-repeat: no-repeat;
	height: 10px;
	width: 450px;
}

.speechbubblesMiddle {
	background-image: url('/img/speechbubbles/speechbubblesMiddle_450px.png');
	width: 430px;
	padding: 0 10px;
}

.speechbubblesBottom {
	background-image: url('/img/speechbubbles/speechbubblesBottom_450px.png');
	background-repeat: no-repeat;
	width: 445px;
	padding-top:20px;
	padding-left: 55px;
}

.speechbubblesBottom img, .speechbubblesBottomIndex img {
	float: left;
	margin: 0 5px 0 0;
}

/** speech bubble index page **/
.speechbubblesTopIndex {
	background-repeat: no-repeat;
	height: 10px;
	width: 462px;
}

.speechbubblesMiddleIndex {
	width: 442px;
	padding: 0 10px;
}

.speechbubblesBottomIndex {
	background-repeat: no-repeat;
	width: 462px;
	padding: 20px 0 10px 50px;
}

.speechbubblesBottomIndex span {
	float:right;
	margin-right:45px;
}

.speechbubblesTopIndexCustomer {
	background-image: url('/img/speechbubbles/bubbleboxTop_462px_yellow2.png');
}

.speechbubblesMiddleIndexCustomer {
	background-image: url('/img/speechbubbles/bubbleboxMiddle_462px_yellow2.png');
}

.speechbubblesBottomIndexCustomer {
	background-image: url('/img/speechbubbles/bubbleboxBottom_462px_yellow2.png');
}

.speechbubblesTopIndexBlogger {
	background-image: url('/img/speechbubbles/bubbleboxTop_462px_green2.png');
}

.speechbubblesMiddleIndexBlogger {
	background-image: url('/img/speechbubbles/bubbleboxMiddle_462px_green2.png');
}

.speechbubblesBottomIndexBlogger {
	background-image: url('/img/speechbubbles/bubbleboxBottom_462px_green2.png');
}

/* speech bubble end */

#thumb img
{
	width: auto;
	height: auto;
	padding: 2px;
	margin-left: 3px;
	background: #ffffff;
	border: 1px solid #ddd;
}

#thumb a {
	text-decoration: none;
}

#thumb a:hover img
{
	border: 1px solid #1EA6FF
}


