body {

	background-color: #e7eff8;

	font-size: 0.75em;

	font-family: Arial, Sans-Serif;

	padding: 0;

	margin: 0;

	background-image: url(../images/BG.jpg);

	background-repeat: repeat-x;

	line-height: 1.5em;

}

h1 {

	font-size: 1.5em; 

	font-weight: normal;

	color: #004c93;

	padding-top: 15px;

	line-height: 24px;

 }



h2 {

	font-size: 1.33em;

	font-weight: normal;

	color: #0098d4;

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #ccdcf1;

	width: 520px;

	padding-top: 15px;

}

div.hr {
  height: 15px;
  background: #fff url(../images/aktuell.jpg) no-repeat scroll center;
  color: #0098d4;
}
div.hr hr {
  display: none;
}


h2.aktuell {

	font-size: 1em;

	font-weight: normal;

	color: #0098d4;

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #ccdcf1;

	margin-right:15px;

	padding-top: 15px;

}


h3 {

	font-size: 1em;

	color: #0098d4;

}



h4 {

	font-size: 1em;

	height:33px;

	padding-top: 20px;

	padding-bottom: 15px;

	padding-left: 10px;

	background-image: url(../images/bg_content_teaser.jpg);

	background-repeat: no-repeat;

}





img {

	border: none;

}



/* ----------Container-------------- */



#Container {

	width: 820px;

	margin: 0 auto;

	padding: 0;

	background-image: url(../images/BG_content.gif);

	background-repeat: repeat-y;

}



/* ----------Header-------------- */



#Header {

	margin: 0;

	padding: 0;

	background-image: url(../images/BG_top.jpg);

	height: 590px;

	width: 820px;

}



#Banner {

	width: 820px;

	height: 97px;

}



#Banner img {

	border: none;

}



#MainNavi {

	margin: 0;

	background-image: url(../images/BG_Navi.gif);

	height: 40px;

	width: 820px;

	text-align: center;

	padding-top: 20px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}



#MainNavi ul{

	margin: 0;

	padding: 0;

}



#MainNavi ul li{

	display: inline;

	padding-right: 22px;

	padding-left: 22px;

}



#MainNavi a{

	color: #004c94;

	text-decoration: none;

}



#MainNavi a:hover {

	color: #0098d4;

}



#MainNavi a.current{

	color: #0098d4;

}



#ImageHeader {

	float: left;

	width: 530px;

	padding-left: 12px;

}



#BoxHeader {

	float: left;

	height: 137px;

	width: 270px;

	background-image: url(../images/box_header.jpg);

}



#BoxHeader img{

	border: none;

}



#ContentTop {

	width: 795px;

	height: 140px;

	margin-top: 290px;

	padding-top: 10px;

	padding-left: 25px;

}



.ContentTopBoxConsulting a{

	float: left;

	color: #004c94;

	width: 130px;

	height: 65px;

	padding-top: 65px;

	padding-right: 5px;

	padding-left: 20px;

	background-image: url(../images/consulting.jpg);

}



.ContentTopBoxConsulting a:hover{

	color: #0098d4;

	background-image: url(../images/consulting_over.jpg);

}



.ContentTopBoxWebanalyse a{

	float: left;

	color: #004c94;

	width: 130px;

	height: 65px;

	padding-top: 65px;

	padding-right: 5px;

	padding-left: 20px;

	background-image: url(../images/webanalyse.jpg);

}



.ContentTopBoxWebanalyse a:hover{

	color: #0098d4;

	background-image: url(../images/webanalyse_over.jpg);

}



.ContentTopBoxSEO a{

	float: left;

	color: #004c94;

	width: 130px;

	height: 65px;

	padding-top: 65px;

	padding-right: 5px;

	padding-left: 20px;

	background-image: url(../images/suchmaschinenoptimierung.jpg);

}



.ContentTopBoxSEO a:hover{

	color: #0098d4;

	background-image: url(../images/suchmaschinenoptimierung_over.jpg);

}



.ContentTopBoxSEM a{

	float: left;

	color: #004c94;

	width: 130px;

	height: 65px;

	padding-top: 65px;

	padding-right: 5px;

	padding-left: 20px;

	background-image: url(../images/suchmaschinenmarketing.jpg);

}



.ContentTopBoxSEM a:hover{

	color: #0098d4;

	background-image: url(../images/suchmaschinenmarketing_over.jpg);

}



.ContentTopBoxWebdesign a{

	float: left;

	color: #004c94;

	width: 130px;

	height: 65px;

	padding-top: 65px;

	padding-right: 5px;

	padding-left: 20px;

	background-image: url(../images/webdesign.jpg);

}



.ContentTopBoxWebdesign a:hover{

	color: #0098d4;

	background-image: url(../images/webdesign_over.jpg);

}



.ContentTopBox img {

	border: none;

}



/* -----------------Content--------------------- */



#Content {

	float: left;

	width: 520px;

	min-height: 465px;

	margin-right: 0px;

	background-image: url(../images/BG_content_top.gif);

	background-position: right top;

	background-repeat: no-repeat;

	padding-right: 30px;

	padding-left: 35px;

	padding-bottom: 40px;

}



#Breadcrumb {

	height: 25px;

	width: 550px;

	padding-top: 5px;

	color: #004c93;

}



#Content ul li {

	list-style-image: url(../images/bullet.gif);

}



.ContentTeaser {

	width: 500px;	

	margin-top: 25px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 15px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #ccdcf1;

}



.ContentTeaser img{

	margin-right: 10px;

	padding-top: 5px;

	float: left;

}



#Content img {

	border: none;

	padding-top:10px;

}



.ContentTeaser h3{

	padding-top: 20px;

}



.ContentTeaser p{

	padding-top: 10px;

	padding-left: 55px;

}



.csc-firstHeader {

	color: #004c93;

}



.csc-sitemap-level1 a{

	color: #004c93;

	font-weight: bold;

}



.csc-sitemap-level2 {

	padding-left: 25px;

	font-weight: bold;

}



.csc-sitemap-level3 {

	padding-left: 50px;

}



.submit {

	width:100px;

	height:23px;

	margin:10px 0 0 -3px;

	background-image: url(../images/but_submit.png);

	color: #000;

	text-align:center;

	cursor: pointer;

	border:none;

}



.submit:hover {

	background-image: url(../images/but_submit_hover.png);

}



.submit2 {

	width:100px;

	height:23px;

	margin:10px 0 0 5px;

	background-image: url(../images/but_submit.png);

	color: #000;

	text-align:center;

	cursor: pointer;

	border:none;

}



.submit2:hover {

	background-image: url(../images/but_submit_hover.png);

}



/* --------------Left------------- */



#Left {

	float: left;

	width: 235px;

	background-image: url(../images/BG_content_top.gif);

	background-position: left top;

	background-repeat: no-repeat;

	min-height: 465px;

	margin-bottom: 25px;

}



#SubNaviTop {

	width: 200px;

    	height: 12px;

	background-image: url(../images/bg_left_navi_top.gif);

	background-repeat: no-repeat;

}



#SubNavi {

	width: 200px;

	margin-top: 38px;

	padding-bottom: 25px;

	margin-left: 30px;

	background-image: url(../images/bg_left_navi_bottom.gif);

	background-repeat: no-repeat;

	background-position: bottom;

}



.SubNaviList {

	width: 200px;

}



#SubNavi ul li{

	list-style-type: none;

	margin-left: -20px;

	width: 155px;

}



#SubNavi ul li a {

	display: block;

	width: 160px;

	margin-top: 10px;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #fff;

}



#SubNavi ul li ul li a{

	width: 140px;

	margin-left: -40px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #fff;

}



#SubNavi ul li ul li a:hover{

	color: #084277;

}



#SubNavi a{

	color: #fff;

}



#SubNavi a:hover{

	color: #084277;

}



#SubNavi li a.current{

	color: #084277;

}



.LeftBoxTop {

	width: 200px;

	background-image: url(../images/bx_left_top.gif);

	background-repeat: no-repeat;

	margin-left: 30px;

	margin-top: 35px;

	padding-top: 15px;

	padding-bottom: 15px;

	color: #004c93;

	font-weight: bold;

	text-align: center;

}



.LeftBox {

	background-color:#fff;

	width: 160px;

	min-height: 170px;

	margin-left: 30px;

	padding-top: 10px;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	background-image: url(../images/bx_left_bottom.gif);

	background-position: bottom;

	background-repeat: no-repeat;



}



.LeftBox ul{

	margin:0;

	padding:0 0 0 15px;

}



/* --------------Form------------- */



.csc-form-fieldcell {

	background-color: #f3f7fb;

	padding-right: 10px;

	padding-left: 15px;

}





/* Powermail */

	/* Form */

span.powermail_mandatory {

	/* Color of mandatory error message */

	color: red;

}

input.validation-failed,

textarea.validation-failed {

	/* Background color if validation failed 

	background-color: red;*/

	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);

	background-repeat: no-repeat;

	background-position: 98% 1px;

}

div.powermail_mandatory_js {

	/* DIV container of errormessage */

	color: red;

	margin: 3px 0 15px 200px;

}

fieldset.tx-powermail-pi1_fieldset {

	/* Fieldset */

	border: 0px solid #aaa;

	/*background-color: #ccc;*/

	padding: 10px;

}

fieldset.tx-powermail-pi1_fieldset legend {

	/* legend of Fieldset */

	font-weight: bold;

	color: black;

}

fieldset.tx-powermail-pi1_fieldset label {

	/* label */

	display: block;

	width: 200px;

	float: left;

	clear: both;

	font-weight: bold;

}

fieldset.tx-powermail-pi1_fieldset input.powermail_text,

fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,

fieldset.tx-powermail-pi1_fieldset select.powermail_select {

	/* Input and textarea */

	width: 260px;

}

fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {

	/* Radiobuttons */

	margin: 5px 0;

}

div.tx_powermail_pi1_fieldwrap_html {

	/* DIV container arround every field */

	margin: 10px 0;

	border: 0px

}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {

	/* submit button */

	margin: 20px 0 10px 200px;

	font-weight: bold;

}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title,

p.tx_powermail_pi1_fieldwrap_html_radio_title {

	margin: 0;

	padding: 0;

	font-weight: bold;

}

div.countryzone {

	margin: 10px 0 0 200px;

}

div.tx_powermail_pi1_fieldwrap_html label a,

div.tx_powermail_pi1_fieldwrap_html p a {

	/* Description */

	cursor: help;

	text-decoration: none;

}

div.tx_powermail_pi1_fieldwrap_html label a dfn,

div.tx_powermail_pi1_fieldwrap_html p a dfn {

	/* Description */

	display: none;

	text-decoration: none;

}

div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,

div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {

	/* Description on mouseover */

	display: block;

	position: absolute;

	width: 250px;

	padding: 5px;

	/*background-color: #ddd;*/

	/*border: 1px solid red;*/

	color: black;

	text-decoration: none;

	font-size: 0.8em;

	text-decoration: none;

}

div.tx_powermail_pi1_fieldwrap_html img.icon_info {

	/* Description icon */

	padding: 2px 2px 0 2px;

}

fieldset.tx-powermail-pi1_fieldset div.even {

	/*background-color: #eee;*/

}





	/* Confirmation */

td.powermail_all_td {

	padding: 3px 10px 3px 0;

}



	/* THX */

td.powermail_all p.bodytext {

	margin: 0;

}





/* -----------Footer--------------------------- */



#Footer {

	clear: left;

	padding: 0;

	margin: 0;

	background-image: url(../images/BG_footer.gif);

	height: 75px;

	width: 820px;

}



#FooterCopy {

	float: left;

	width: 300px;

	margin-left: 30px;

	padding-top: 15px;

}



#FooterNavi {

	float: left;

	width: 180px;

	padding-top: 15px;

	margin-left: 150px;

}



#FooterNavi a{

	color: #2264a1;

}



#FooterNavi a:hover{

	color: #0098d4;

	

}



#FooterThemen {

	float: left;

	width: 500px;

	margin-left: 30px;

	padding-top: 30px;

}




