@charset "UTF-8";
/* CSS Document */

html * { 
font-size: 100.01%;
}

html{
background-color:#dcddde;
background-image:url(../imgs/style/bg_html.png);
background-repeat:repeat-x;
}

body {
font-family:  Arial, sans-serif;
font-size: 12px;
color:#000000;
}


/*backgrounds*/
#header_hoch{
background-image:url(../imgs/style/bg_header_hoch.png);
background-repeat:no-repeat;
width:1019px;
height:458px;
padding-left:19px;
margin-left:auto;
margin-right:auto;
}

#header_niedrig{
background-image:url(../imgs/style/bg_header_niedrig.png);
background-repeat:no-repeat;
width:1019px;
height:345px;
padding-left:19px;
margin-left:auto;
margin-right:auto;
}

#content{
background-image:url(../imgs/style/bg_content.png);
background-repeat:repeat-y;
width:1019px;
margin-left:auto;
margin-right:auto;
padding-left:19px;

}

#footer{
background-image:url(../imgs/style/bg_footer.png);
width:1038px;
height:42px;
margin-left:auto;
margin-right:auto;
}

#bookmark {
margin-left:720px;
}

/*metanavi*/
#metanavi{
margin-left:535px;
}

#metanavi li{

}

.metanavipunkt{
background-image:url(../imgs/style/metanavi_pfeil.png);
background-repeat:no-repeat;
float:left;
padding-left:6px;
margin-right:13px;
list-style:none;
}

.metanavipunkt a,
.metanavipunkt a:visited,
.metanavipunkt a:link {
font-weight:normal;
color:#b0b0b0;
text-decoration:none;
}

.metanavipunkt a:hover,
.metanavipunkt a:active {
color:#dedb00;
}

.metanavipunkt a:focus {
color:#dedb00;
text-decoration:underline;
}

/*navi*/
.navipunkt{
float:left;
margin-right:20px;
list-style:none;
}

#navi{
margin-left:345px;
padding-top:54px;
}

#online-marketing{
background-image:url(../imgs/style/navi/online-marketing.png);
display:block;
width:144px;
height:23px;
text-indent:-999999px;
}

#online-marketing:hover,
#online-marketing_on{
background-image:url(../imgs/style/navi/online-marketing_hover.png);
display:block;
width:144px;
height:23px;
text-indent:-999999px;
}
#multitouch{
background-image:url(../imgs/style/navi/multitouch.png);
display:block;
width:96px;
height:23px;
text-indent:-999999px;
}
#multitouch:hover,
#multitouch:active,
#multitouch:focus,
#multitouch_on{
background-image:url(../imgs/style/navi/multitouch_hover.png);
display:block;
width:96px;
height:23px;
text-indent:-999999px;
}
#agentur{
background-image:url(../imgs/style/navi/agentur.png);
display:block;
width:77px;
height:23px;
text-indent:-999999px;
}
#agentur:hover,
#agentur:active,
#agentur:focus,
#agentur_on{
background-image:url(../imgs/style/navi/agentur_hover.png);
display:block;
width:77px;
height:23px;
text-indent:-999999px;
}
#referenzen{
background-image:url(../imgs/style/navi/referenzen.png);
display:block;
width:101px;
height:23px;
text-indent:-999999px;
}
#referenzen:hover,
#referenzen:active,
#referenzen:focus,
#referenzen_on{
background-image:url(../imgs/style/navi/referenzen_hover.png);
display:block;
width:101px;
height:23px;
text-indent:-999999px;
}
#kontakt{
background-image:url(../imgs/style/navi/kontakt.png);
display:block;
width:74px;
height:23px;
text-indent:-999999px;
}
#kontakt:hover,
#kontakt:active,
#kontakt:focus,
#kontakt_on{
background-image:url(../imgs/style/navi/kontakt_hover.png);
display:block;
width:74px;
height:23px;
text-indent:-999999px;
}


/*dropdown*/
.kontaktformular{
display:block;
background-image:url(../imgs/style/navi/kontaktformular.png);
width:323px;
height:31px;
margin:30px 0 0 20px;
text-indent:-999999px;
}

.anfahrt{
display:block;
background-image:url(../imgs/style/navi/anfahrt.png);
width:323px;
height:31px;
margin:20px 0 0 20px;
text-indent:-999999px;

}

#dropdown{
margin-left:-280px;
background-image:url(../imgs/style/navi/dropdown_bg.png);
width:373px;
height:149px;
}


/*restl. Header*/
.logo{
float:left;
margin-left:20px;
background-image:url(../imgs/style/logo.png);
display:block;
width:124px;
height:59px;
text-indent:-999999px;
}

#abstand{
margin-bottom:15px;
}

#flashoderbild{
width:1000px;
margin:0;
border-top:1px solid #dedb00;
border-bottom:1px solid #dedb00;
}





/*Content*/

h1{}

h2{
font-size:18px;
font-weight:normal;
margin:10px 0 0 0;
}

h3{
font-size:16px;
font-weight:normal;
margin:0;
color:#b0b0b0;
}

h4{

}

a,
a:visited,
a:link,
a:hover,
a:active,
a:focus {
color:#ab1111;
font-weight:bold;
line-height:16px;
border:none;
outline:none;
}

img {
border:none;
}

li{
list-style:none;
}

p {
line-height:16px;
}

.blau{
color:#008cd6;
font-weight:bold;
}

.gelb{
color:#dedb00;
font-weight:bold;
}

.projektbild{
border:1px solid #b0b0b0;
margin-top:20px;
}

.referenz_detail{
margin:20px 0 5px 0;
}

.rahmen{
border:1px solid #b0b0b0;
}

/*Partner Seite*/
.partner{
margin:30px 0 0px 0;
}

.partnerlogo{
float:left;
width:255px;
}

.partnertext{
width:438px;
height:128px;
margin-left:255px;
padding:1px 0 0 6px;
}

.partner_strich{
height:1px;
background-color:#b0b0b0;
width:400px;
margin-left:150px;
}


/*Layout 4-Spaltig*/

.linkespalte_4{
float:left;
width:500px;
margin-left:10px;
}

.linkespaltelinks{
float:left;
margin-left:15px;
}

.linkespalterechts{
margin-left:260px;
width:205px;

}

.rechtespalte_4{
margin-left:520px;
width:500px;

}

.rechtespaltelinks{
float:left;
width:205px;
}

.rechtespalterechts{
margin-left:245px;
}


/*Layout 2-Spaltig*/
 .linkespalte_2{
float:left;
width:690px;
margin-left:40px;
 }
 
.rechtespalte_2{
width:250px;
margin-left:750px;
 }



/*Layout 3-Spaltig*/
.linkespalte_3{
float:left;
width:690px;
margin-left:40px;
 }
 
.linkespalte_3_links{
float:left;
width:335px;
}

.linkespalte_3_rechts{
width:335px;
margin-left:355px;
}

.rechtespalte_3{
width:250px;
margin-left:750px;
}



/*Teaser*/
.teaser{
background-image:url(../imgs/teaser/balken_1_teaser.png);
width:250px;
height:304px;
background-repeat:no-repeat;
}

.teaserinhalt{
width:206px;
margin-left:15px;
}

.news{
background-image:url(../imgs/teaser/news/news_head.png);
background-repeat:no-repeat;
width:90px;
height:23px;
text-indent:-999999px;
}

.bild_newsteaser{
border-top:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
}

.ansprechpartner{
background-image:url(../imgs/teaser/ansprechpartner/ansprechpartner_head.png);
background-repeat:no-repeat;
width:206px;
height:23px;
text-indent:-999999px;
}

/*Tabelle*/

table{
margin-left:40px;
}

tr{
}

.kopf{
background-color:#008cd6;
height:25px;
}

th{
color:#FFFFFF;
text-align:left;
padding-left:5px;
}

td{
vertical-align:top;
text-align:left;
height:90px;
padding:5px 0 0 5px;
}

.tabelle img{
border:1px solid #b0b0b0;
}

.grau{
background-color:#ebf7fd;
}


/*Tagcloud*/

#tagcloud{
margin-top:30px;
}

#tagcloud ul li{
float:left;
margin:0 5px 0 0;
}

#tagcloud ul{
margin:0;
}

.cloudlink_1{}

.cloudlink_1 a,
.cloudlink_1 a:visited,
.cloudlink_1 a:link,
.cloudlink_1 a:hover,
.cloudlink_1 a:active,
.cloudlink_1 a:focus {
color:#b0b0b0;
font-weight:normal;
font-size:10px;
text-decoration:none;
}

.cloudlink_2 a,
.cloudlink_2 a:visited,
.cloudlink_2 a:link,
.cloudlink_2 a:hover,
.cloudlink_2 a:active,
.cloudlink_2 a:focus {
color:#b0b0b0;
font-weight:normal;
font-size:12px;
text-decoration:none;
}

.cloudlink_3 a,
.cloudlink_3 a:visited,
.cloudlink_3 a:link,
.cloudlink_3 a:hover,
.cloudlink_3 a:active,
.cloudlink_3 a:focus {
color:#b0b0b0;
font-weight:bold;
font-size:12px;
text-decoration:none;
}

.cloudlink_4 a,
.cloudlink_4 a:visited,
.cloudlink_4 a:link,
.cloudlink_4 a:hover,
.cloudlink_4 a:active,
.cloudlink_4 a:focus {
color:#b0b0b0;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

.cloudlink_5 a,
.cloudlink_5 a:visited,
.cloudlink_5 a:link,
.cloudlink_5 a:hover,
.cloudlink_5 a:active,
.cloudlink_5 a:focus {
color:#b0b0b0;
font-weight:bold;
font-size:16px;
text-decoration:none;
}



/*Akkordeon*/
.geschlossen{ 
background-image:url(../imgs/akkordeon/bg_akkordeon_kopf.gif);
width:600px; 
height:24px;
cursor: hand;
cursor: pointer;
font: normal 12px Arial;
color:black;
margin-top:3px;
}
.symbol {
padding-bottom:10px;
}

.offen {
}

.akkordeontext {
width:400px;
font:normal 12px Arial;
}

.akkordeontext_multitouch{
width:580px;
}

.akkordeonheadline {
width:645px;
height:20px;
font:bold 14px Arial;
background-color:#008cd6;
color:#FFFFFF;
padding: 4px 0 0 10px;
margin: 0;
}

.akkordeoninnen {
margin-left:55px;
}

.akkordeon_links{
float:left;
width:330px;
}
.akkordeon_rechts{
margin-left:350px;
}

.akkordeon_liste{
list-style-type:disc;
margin-bottom:5px;
width:340px;
}

.akkordeon_bg {
background-image:url(../imgs/akkordeon/bg_akkordeon_leer.png);
background-repeat:no-repeat;
width:600px; 
height:410px;
padding: 10px 10px 0px 10px;
}

.akkordeon_bg_hoch {
background-image:url(../imgs/akkordeon/bg_akkordeon_leer.png);
background-repeat:no-repeat;
width:600px; 
height:490px;
padding: 10px 10px 0px 10px;
}

.akkordeon_bg_k {
background-image:url(../imgs/akkordeon/bg_akkordeon_leer.png);
background-repeat:no-repeat;
width:600px; 
height:140px;
padding: 10px 10px 0px 10px;
}

#akkordeon_bg_1 {
background-image:url(../imgs/akkordeon/bg_akkordeon_koerper.gif);
background-repeat:no-repeat;
width:600px; 
height:140px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_2 {
background-image:url(../imgs/akkordeon/bg_akkordeon_konzeption.gif);
background-repeat:no-repeat;
width:600px; 
height:110px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_3 {
background-image:url(../imgs/akkordeon/bg_akkordeon_programmierung.gif);
background-repeat:no-repeat;
width:600px; 
height:140px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_4 {
background-image:url(../imgs/akkordeon/bg_akkordeon_webseite.gif);
background-repeat:no-repeat;
width:600px; 
height:144px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_5 {
background-image:url(../imgs/akkordeon/bg_akkordeon_suchmaschine.gif);
background-repeat:no-repeat;
width:600px; 
height:140px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_6 {
background-image:url(../imgs/akkordeon/bg_akkordeon_analyse.gif);
background-repeat:no-repeat;
width:600px; 
height:165px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_7 {
background-image:url(../imgs/akkordeon/bg_akkordeon_platzierung.gif);
background-repeat:no-repeat;
width:600px; 
height:140px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_8 {
background-image:url(../imgs/akkordeon/bg_akkordeon_adwords.gif);
background-repeat:no-repeat;
width:600px; 
height:144px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_9 {
background-image:url(../imgs/akkordeon/bg_akkordeon_email.gif);
background-repeat:no-repeat;
width:600px; 
height:165px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_10 {
background-image:url(../imgs/akkordeon/bg_akkordeon_mailkampagnen.gif);
background-repeat:no-repeat;
width:600px; 
height:155px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_11 {
background-image:url(../imgs/akkordeon/bg_akkordeon_entwicklung_banner.gif);
background-repeat:no-repeat;
width:600px; 
height:151px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_12 {
background-image:url(../imgs/akkordeon/bg_akkordeon_statistiken.gif);
background-repeat:no-repeat;
width:600px; 
height:140px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_13 {
background-image:url(../imgs/akkordeon/bg_akkordeon_design_banner.gif);
background-repeat:no-repeat;
width:600px; 
height:140px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_14 {
background-image:url(../imgs/akkordeon/bg_akkordeon_beratung_software.gif);
background-repeat:no-repeat;
width:600px; 
height:185px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_15 {
background-image:url(../imgs/akkordeon/bg_akkordeon_konzeption_banner.gif);
background-repeat:no-repeat;
width:600px; 
height:156px;
padding: 10px 10px 0px 10px;
}
#akkordeon_bg_16 {
background-image:url(../imgs/akkordeon/bg_akkordeon_analyse_bericht.png);
background-repeat:no-repeat;
width:600px; 
height:140px;
padding: 10px 10px 0px 10px;
}



/*Formular*/
#formular{
margin:0 0 0 0;
}

.formular_beschreibung{
width: 80px;
padding-bottom: 15px;
vertical-align: middle;
height:20px;
}

.formular_eingabe{
width: 210px;
padding-bottom: 15px;
vertical-align: middle;
height:20px;
}

.textinput {
	width: 210px;
	height: 14px;
	border: 1px solid #CCC;
	color: #666666;
	padding: 3px;
	font-size: 11px;
}

.textarea{
	width: 210px;
	height: 100px;
	border: 1px solid #CCC;
	color: #666666;
	padding: 3px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin-bottom:15px;
}

select {
	width: 100px;
	height: 20px;
	border: 1px solid #CCC;
	color: #666666;
	padding: 0px;
	font-size: 11px;

}


/*projekte*/
#projektflash{
display:block;
margin-left:auto;
margin-right:auto;
}