/*****************************
 File: goyyastyle.css
******************************
 initial author: Nils Lindner
 last editor: Nils Lindner
 Version: 10.08.2006
******************************/

html {
	height: 99%;
	width: 99.99%;
}
body {
	color: #333333;
	margin: 0;
	padding: 0;
	font: 11px arial, verdana, helvetica, sans-serif;
	line-height: 16px;
}
/*Standardeinstellungen ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a {
	text-decoration: none;
	color: #009835;
}
a:hover {
	text-decoration: underline;
}
#linkgrey a {
	text-decoration: underline;
	color: #666;
	font-weight: bold;
}
#linkgrey a:hover {
	text-decoration: none;
	color: #009835;
}
img {
	border-width: 0;
	margin: 0;
	padding: 0;
}

hr {
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
.lipoint {
	list-style-type: square;
	list-style-position: outside;
}
.ulpoint {
	list-style-type: square;
	margin: 10px;
	padding: 10px;
}
.ulpoint_small {
	list-style-type: square;
	margin: 6px;
	padding-left: 8px;
}

td {font: 12px arial, verdana, helvetica, sans-serif;
	line-height: 17px;}
tr {font: 12px arial, verdana, helvetica, sans-serif;
	line-height: 17px;}
/*HEAD's ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#head {
	width: 100%;
	border-bottom: 5px solid #E0C700;
	padding-bottom: 3px;
	background: url(../images/bg_navihead.gif) repeat-x left 0;
	white-space: nowrap;
}
#headimageintro { 
	width: 100%;
	background: url(../images/bgheadimage.jpg);
	background-repeat: no-repeat;
	background-position: 820px top;
	white-space: nowrap; /*Intro Image*/
	background-color:#017C2C;
}
#headimage {
	width: 100%;
	background: url(../images/bgheadimage.jpg);
	background-repeat: no-repeat;
	background-position: 820px top;
	white-space: nowrap;  /*Image Unterseiten*/
	background-color:#017C2C;
}
#headgreenrow {
	width: 100%;
	color: #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #E0C700;
	white-space: nowrap;
	background: #009835;
	padding: 3px 0 3px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;  /*grne Zeile zwischen Head und Content*/
}
/*CONTENT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#content {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 820px;
	padding: 0;
	margin-bottom: 20px; /*Haupt-Content Container*/
	background-image:url(../images/bg_contentmain_lines.gif);
	background-repeat:repeat-y;
}
#boxleftintro {
	width: 200px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;	/*Box Links auf der Startseite*/
}
.boxenkleinleft {
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #CCCCCC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	padding-left: 20px;
	padding-right: 0px; /*Inhalte in der Box Links auf der Startseite*/
}

/*
.boxenkleinleft a {
	text-decoration: none;
	color: #222222;
}
.boxenkleinleft a:hover {
	text-decoration: underline;
	color: #009835;
}*/

#boxleft {
	width: 200px;
	padding-left: 0;
	padding-right: 20px;
	padding-top: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left; /*Box Links auf den Unterseiten - Bereich der zweiten Navi*/
}
#contentmain {
	width: 440px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	/*border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;*/
	font: 12px arial, verdana, helvetica, sans-serif;
	line-height: 17px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left; /*Box Center - Hauptinhaltsbereich*/
}
#boxright {
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 178px;
	padding-left: 20px;
	padding-right: 0;
	padding-top: 20px; /*Box Rechts*/
}

#kampagnenline {
	width: 100%;
	color: #FFF;
	border-top: 1px solid #CCCCCC;
	padding-left: 20px;
	margin: 0px;
	background-color: #EEEEEE;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 33px;
	/*background-image: url(../images/bgkampagnenline.gif);*/ /*Startseite Kampagnenzeile*/
}
.kampagnesmall {
	margin-right: 10px;
	margin-bottom: 5px;
}
.imagekampagneintro {
	border-width: 0;
	margin-left: 10px;
	margin-bottom: 5px;
}
.imagekampagneline {
	border-width: 0;
	margin-right: 52px; /*Abstand der Kampagnenbilder Startseite*/
} 
.imageeinstieg {
	margin-right: 10px;
	margin-bottom: 0px;
}

.imageright {
	margin-left: 10px;
	margin-bottom: 0px;
}

#col1 {
width: 160px;
float: left;
}
#col2 {
width: 238px;
float: left;
}

.pic120start {
float:left;
margin-right:10px;
margin-bottom:0px;
}

/*FOOTER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	width: 100%;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #CCC;
	color: #666;
	font-size: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#footer a {
	color: #666;
	font-size: 10px;
}

/*NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#menu {
	width: 180px;
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu li {
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
#menu li a.navi {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display:block;
	height: 25px;
	voice-family: inherit;
	text-decoration: none;
}
#menu li a.navi:link, #menu li a.navi:visited {
	color: #009835;
	border-top: 1px solid #CCCCCC;
	background-image: url(../images/arrow13x13green.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	padding: 5px 0 5px 40px;
}
#menu li a.navi:hover {
	color: #333;
	border-top: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	background-image: url(../images/arrow13x13gelb.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	padding: 5px 0 5px 40px;
}

/*unternavi*/
.subnavi {
	display: none;
	margin: 0px;
	padding: 0px;
}
body#marketing #beratung.subnavi, /*1*/
body#marketing #konzeption.subnavi,
body#marketing #umsetzung.subnavi,
body#marketing #auswertung.subnavi,
body#kampagnen #kampagne1.subnavi,
body#kampagnen #kampagne2.subnavi,
body#kampagnen #kampagne3.subnavi,
body#kampagnen #kampagne4.subnavi,
body#kampagnen #kampagne5.subnavi,
body#kampagnen #kampagne6.subnavi,
body#kampagnen #kampagne7.subnavi,
body#kampagnen #kampagne8.subnavi,
body#kampagnen #kampagne9.subnavi,
body#mobilecards #smscard.subnavi,
body#mobilecards #smscardplus.subnavi,
body#mobilecards #gamecard.subnavi,
body#mobilecards #wmhandycard.subnavi,
body#mobilecards #weihcard.subnavi,
body#mobilecards #goyyacard.subnavi,
body#mobilecrm #smsdialog.subnavi,
body#mobilecrm #smsdialogpro.subnavi,
body#mobilecrm #smsempfang.subnavi,
body#immo #smsobjekt.subnavi,
body#immo #smskomm.subnavi,
body#callcenter #callcenterprojekte.subnavi,
body#callcenter #callcenterpresse.subnavi,
body#callcenter #callcenterleistungen.subnavi,
body#callcenter #callcenterjobs.subnavi
{
	display:block;
	color: #333;
	border-top: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	background-image: url(../images/arrow9x9grey.gif);
	background-repeat: no-repeat;
	background-position: 40px;
	padding: 2px 0px 2px 50px;
	text-decoration: none;
}

/*Aktivierter Link fr die zweite Navigation*/

body#marketing #marketingnav a.navi, /*1*/
body#referenzen #referenzennav a.navi,
body#kampagnen #kampagnennav a.navi,
body#smsgateway #smsgatewaynav a.navi, /*2*/
body#mmsgateway #mmsgatewaynav a.navi,
body#mobilepayment #mobilepaymentnav a.navi,
body#telefonie #telefonienav a.navi,
body#mcm #mcmnav a.navi,
body#mobilestreaming #mobilestreamingnav a.navi,
body#smsmv #smsmvnav a.navi, /*3*/
body#mcs #mcsnav a.navi,
body#immo #immonav a.navi,
body#mobilecards #mobilecardsnav a.navi,
body#callcenter #callcenternav a.navi,
body#presse #pressenav a.navi, /*4*/
body#news #newsnav a.navi,
body#uebergoyya #uebergoyyanav a.navi,
body#awards #awardsnav a.navi,
body#unternehmen #unternehmennav a.navi,
body#team #teamnav a.navi,
body#jobs #jobsnav a.navi,
body#partner #partnernav a.navi,
body#kontaktformular #kontaktformularnav a.navi, /*5*/
body#ansprechpartner #ansprechpartnernav a.navi,
body#anfahrt #anfahrtnav a.navi,
body#sitemap #sitemapnav a.navi,
body#impressum #impressumnav a.navi
{
	color: #333;
	border-top: 1px solid #CCCCCC;
	background-color: #DDDDDD;
	background-image: url(../images/arrow13x13gelb.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	padding: 5px 0 5px 40px;
} /*id="impressum" muss in den body tag und id="impressumnav" muss in den Link der Navi*/

/*Text Konvertierungen +++++++++++++++++++++++++++++++++++++++++++*/
.headline {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding-left: 16px;
	background: url(../images/arrow_green.gif) no-repeat left;
	width: 100%;
}
h1 {
	font-size: 18px;
	color: #333333;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-bottom: 2px;
	border-bottom-width: medium;
	border-bottom-style: double;
	border-bottom-color: #CCCCCC;
}
h2 {font-size: 11px;
	font-weight: bold;
	color: #000;
	padding-left: 16px;
	background: url(../images/arrow_green.gif) no-repeat left;
	width: 100%;
	margin: 0px;
}

.txterror {
	font-weight: bold;
	color: #C00;
}
.txtsmall {
	font-weight: normal;
	color: #666666;
	font-size: 10px;
	line-height: 12px;
}
.txtmeta {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 2px;
	line-height: 0px;
}


.sitemapkat1 {
	width: 398px;
	line-height: 1em;
	border-bottom: 2px solid #999999;
	margin-top: 3px;
	padding-bottom: 1px;
	font-weight: bold;
	text-transform: uppercase;
} 
.sitemapkat2 {
	width: 358px; 
	margin-left: 40px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 3px;
	padding-bottom: 1px;
	font-weight: normal;
}
.sitemapkat3 {
	width: 318px; 
	margin-left: 80px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 3px;
	padding-bottom: 1px;
	font-weight: normal;
	font: 11px arial, verdana, helvetica, sans-serif;
}

.sitemapkat2text {
 float: left;
 position: relative;
 top: 5px;
 background-color: white;
 border-bottom: solid white .2em;
 margin-bottom: -.3em;
 text-align: left;
 padding-right: 10px;
}

.firstcol {
	width: 190px;
	float: left;
	padding-right: 10px;
	}
.secondcol {
	width: 190px;
	float: left;
	margin: 0px;
	padding-right: 5px;
}
.mapics{
	margin-top: 5px;
	margin-bottom: 5px;
}

/*Formular Konvertierung +++++++++++++++++++++++++++++++++++++++++++*/
.inputfeld {
	width: 398px;
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 3px 5px;
	color: #333;
	background: #F2F2F2;
}
.inputsms {
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 3px 5px;
	color: #333;
	background: #F2F2F2;
}
.inputfeldauto {
	width: auto;
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 3px 5px;
	color: #333;
	background: #F2F2F2;
}
.inputfelderror {
	width: 398px;
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #D00;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 3px 5px;
	color: #333;
	background: #FFA8A8;
}
.inputerror {
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #D00;
	color: #333;
	background: #FFA8A8;
}
input.btn {
	width: auto;
	margin: 5px 0 0;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	padding: 2px 5px;
	background: #009835;
}