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

* {
   	margin: 0;
	padding: 0;
}

/* CONTENT der Seite - ANFANG */

h1 {
	font-size: 19px;
	text-align: left;
	margin-bottom: 0.8em;
	color: #454544;
}

h2 {
	font-size: 16px;
	margin-bottom: 7px;
	text-align: center;
}

#kasten_rechts_inhalt h2 {
	text-align: left;
}

h3 {
	font-size: 14px;
	margin-bottom: 7px;
}

#inhalt_mittel_text ul {
	margin-left: 70px;
	font-weight: bold;
	margin-bottom: 0.8em;
}

#inhalt_mittel_text ul li {
	margin-bottom: 5px;
}

#inhalt_mittel_referenzen ul {
	margin-left: 70px;
	margin-bottom: 0.8em;
}

#inhalt_mittel_referenzen h2 {
	text-align: left;
}

p {
	margin-bottom: 0.8em;
}

img {
	border: 0;
}

a:link, a:visited {
	color: #3F8419;
}

textarea, select, input {
	margin-bottom: 0.8em;
	width: 257px;
}

fieldset.csc-mailform {
   border: 0;
}

fieldset.csc-mailform .csc-mailform-field label {
   display: block;
   font-weight: bold;
   width: 200px;
   float: left;
}

/* CONTENT der Seite - ENDE */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background: url(img/head_bereich.jpg) repeat-x #f9f9f9;
	color: #454544;
}

#seite {
	width: 948px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#header {
	width: 948px;
	height: 150px;
	background-color: #212121;
	border-right: 1px solid #454646;
	border-left: 1px solid #454646;
	border-bottom: 1px solid #454646;
}

#logo {
	position: absolute;
	width: 212px;
	height: 50px;
	top: 20px;
	left: 59px;
}

#meinungen {
	width: 209px;
	height: 95px;
	position:absolute;
	top: 46px;
	right: 8px;
	background: url(img/meinung.jpg);
	text-align: left;
	padding: 5px;
	color: #999;
	font-size: 11px;
}

#meinung {
	display: none;
}

#blog_spot {
	width: 133px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 349px;
}



/* Hauptnavigation - ANFANG */

#nav_container {
	position: absolute;
	width: 705px;
	height: 50px;
	top: 113px;
	left: 13px;
}

#nav_container ul li {
	display: inline;
}

a.nav_start:link, a.nav_start:visited, a.nav_start:hover,
a.anav_start:link, a.anav_start:visited, a.anav_start:hover,
a.nav_wir:link, a.nav_wir:visited, a.nav_wir:hover,
a.anav_wir:link, a.anav_wir:visited, a.anav_wir:hover,
a.nav_ref:link, a.nav_ref:visited, a.nav_ref:hover,
a.anav_ref:link, a.anav_ref:visited, a.anav_ref:hover,
a.nav_akt:link, a.nav_akt:visited, a.nav_akt:hover,
a.anav_akt:link, a.anav_akt:visited, a.anav_akt:hover,
a.nav_kon:link, a.nav_kon:visited, a.nav_kon:hover,
a.anav_kon:link, a.anav_kon:visited, a.anav_kon:hover {
	display: block;
	height: 49px;
	width: 133px;
	color:#999;
	text-decoration: none;
	margin-right: 8px;
	background: url(img/btn_startseite.jpg) no-repeat 50% 100%;
	padding-top: 0;
	font-weight: bold;
	font-size: 11px;
	float: left;
}

a.nav_start:hover, a.anav_start:link, a.anav_start:visited, a.anav_start:hover,
a.nav_wir:hover, a.anav_wir:link, a.anav_wir:visited, a.anav_wir:hover,
a.nav_ref:hover, a.anav_ref:link, a.anav_ref:visited, a.anav_ref:hover,
a.nav_akt:hover, a.anav_akt:link, a.anav_akt:visited, a.anav_akt:hover,
a.nav_kon:hover, a.anav_kon:link, a.anav_kon:visited, a.anav_kon:hover {
	color: #89df19;
}

a.nav_wir:link, a.nav_wir:visited, a.nav_wir:hover,
a.anav_wir:link, a.anav_wir:visited, a.anav_wir:hover {
	background: url(img/btn_wir.jpg) no-repeat 50% 100%;
	height: 48px;
}

a.nav_ref:link, a.nav_ref:visited, a.nav_ref:hover,
a.anav_ref:link, a.anav_ref:visited, a.anav_ref:hover {
	background: url(img/btn_referenzen.jpg) no-repeat 50% 100%;
	height: 50px;
}

a.nav_akt:link, a.nav_akt:visited, a.nav_akt:hover,
a.anav_akt:link, a.anav_akt:visited, a.anav_akt:hover {
	background: url(img/btn_aktionen.jpg) no-repeat 50% 100%;
	height: 50px;
}

a.nav_kon:link, a.nav_kon:visited, a.nav_kon:hover,
a.anav_kon:link, a.anav_kon:visited, a.anav_kon:hover {
	background: url(img/btn_kontakt.jpg) no-repeat 50% 100%;
	height: 47px;
}


/* Hauptnavigation - ENDE */



/* Rausfahrbare Menüs im Header der Seite - ANFANG */

#twitter {
	position: absolute;
	top: -108px;
	right: 7px;
	width: 220px;
	height: 125px;	
	text-align: left;
	font-size: 11px;
	z-index: 100;
}

#twitter_inhalt {
	width: auto;
	height: 90px;
	background: url(img/twitter_bereich.jpg) repeat-y;
	padding: 5px;
}

#btn_twitter {
	height: 35px;
	width: 220px;
}

#btn_twitter a:focus {
	outline: none;
}

a.atwitter:link, a.atwitter:visited {
	color: #FFF;
	font-weight: bold;
}



/* Rausfahrbare Menüs im Header der Seite - ENDE */



#main {
	width: 100%;
	height: auto;
}


/* Themenblöcke - ANFANG */

#themen {
	width: 100%;
	height: 182px;
	margin-top: 26px;
}

#webdesign, #blog, #handy, #marketing {
	width: 228px;
	height: 182px;
	float: left;
	cursor: pointer;
}

#webdesign {
	background-image: url(img/block_webdesign_default.jpg);
}

#blog {
	background: url(img/block_blog_default.jpg) no-repeat;
}

#handy {
	background: url(img/block_handy_default.jpg) no-repeat;
}

#blog, #handy { 
	margin-left: 12px;
}

#marketing {
	background: url(img/block_marketing_default.jpg) no-repeat;
	float: right;
}

.inhalt {
	padding: 10px;
	padding-top: 10px;
	width: auto;
	color: #454544;
	text-align: left;
}

.inhalt a:link, .inhalt a:visited, .inhalt a:hover {
	text-decoration: none;
	color: #454544;
}


/* Themenblöcke - ENDE */



/* Inhalt Startseite!!! - ANFANG*/

#content {
	width: 948px;
	height: 239px;
	background: url(img/inhalt_gross_fisch.jpg);
	margin-top: 10px;
	text-align: left;
}

#headline {
	width: 533px;
	height: 30px;
	margin-left: 397px;
	margin-top: 14px;
	float: left;
}

#text {
	width: 476px;
	height: 182px;
	margin-right: 17px;
	float: right;
}

/* Inhalt Startseite!!! - ENDE*/



/* Inhalt Seite mit Untermenü!!! - ANFANG*/

#content_block {
	width: 948px;
	height: auto;
	margin-top: 10px;
	text-align: left;
}

#bereich_links {
	width: 709px;
	height: auto;
	float: left;
}

#inhalt_klein {
	float: right;
	background: url(img/content_klein_bereich.jpg) repeat-y;
	height: auto;
	width: 468px;
}

#inhalt_klein_oben {
	background: url(img/content_klein_oben.jpg) no-repeat;
	width: 468px;
	height: 8px;
}

#inhalt_klein_text {
	width: 448px;
	height: auto;
	background: url(img/content_klein_unten.jpg) no-repeat 0 100%;
	padding: 0 10px 10px 10px;
}

#subnav {
	width: 228px;
	height: auto;
	float: left;
}

#subnav ul li {
	display: inline;
}

a.subnav:link, a.subnav:visited, a.subnav:hover, a.asubnav:link, a.asubnav:visited, a.asubnav:hover,
a.subnav_anfang:link, a.subnav_anfang:visited, a.subnav_anfang:hover, a.asubnav_anfang:link, a.asubnav_anfang:visited, a.asubnav_anfang:hover {
	display: block;
	width: 218px;
	height: 39px;
	text-decoration: none;
	background: url(img/sub_mitte_default.jpg) no-repeat;
	color: #454544;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 10px;
}

a.subnav_ende:link, a.subnav_ende:visited, a.subnav_ende:hover, a.asubnav_ende:link, a.asubnav_ende:visited, a.asubnav_ende:hover {
	display: block;
	width: 218px;
	height: 44px;
	text-decoration: none;
	background: url(img/sub_unten_default.jpg) no-repeat;
	color: #454544;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 10px;
}

a.subnav_ende:hover, a.asubnav_ende:link, a.asubnav_ende:visited, a.asubnav_ende:hover {
	background: url(img/sub_unten_hover.jpg) no-repeat;
	color: #3F8419;
}

a.subnav:hover, a.asubnav:link, a.asubnav:visited, a.asubnav:hover,
a.subnav_anfang:hover, a.asubnav_anfang:link, a.asubnav_anfang:visited, a.asubnav_anfang:hover {
	color: #3F8419;
	background: url(img/sub_mitte_hover.jpg) no-repeat;
}

a.subnav_anfang:link, a.subnav_anfang:visited, a.subnav_anfang:hover, a.asubnav_anfang:link, a.asubnav_anfang:visited, a.asubnav_anfang:hover {
	background: url(img/sub_oben_default.jpg) no-repeat;
}

a.subnav_anfang:hover, a.asubnav_anfang:link, a.asubnav_anfang:visited, a.asubnav_anfang:hover {
		background: url(img/sub_oben_hover.jpg) no-repeat;
}



/* Inhalt Seite mit Untermenü!!! - ENDE*/


/* Inhalt Seite ohne Untermenü aber mit rechtem kasten!!! - ANFANG*/

#bereich_links_mittel {
	width: 708px;
	height: auto;
	background: url(img/inhalt_mittel_bereich.jpg) repeat-y;
	float: left;
}

#inhalt_mittel_container {
	width: 708px;
	height: auto !important;
	min-height: 270px;
	background: url(img/inhalt_mittel_unten.jpg) no-repeat 0 100%;
	float: left;
}

#inhalt_mittel {
	float: right;
	background: url(img/inhalt_mittel_oben.jpg) no-repeat;
	height: auto;
	width: 708px;
}

#inhalt_mittel_bild {
	width: 222px;
	height: 233px;
	float: left;
	margin-left: 6px;
	margin-top: 30px;
}

#inhalt_mittel_text {
	width: 465px;
	height: auto;
	float: right;
	margin-right: 14px;
	margin-top: 13px;
	padding-bottom: 10px;
}

#inhalt_mittel_text p {
	margin-left: 34px;
}


/* Inhalt Seite ohne Untermenü aber mit rechtem kasten!!! - ENDE */



/* Inhalt Seite REFERENZEN!!! - ANFANG */

#bereich_links_mittel {
	width: 708px;
	height: auto;
	background: url(img/inhalt_mittel_bereich.jpg) repeat-y;
	float: left;
}

#inhalt_mittel_container {
	width: 708px;
	height: auto !important;
	min-height: 240px;
	background: url(img/inhalt_mittel_unten.jpg) no-repeat 0 100%;
	float: left;
}

#inhalt_mittel {
	float: right;
	background: url(img/inhalt_mittel_oben.jpg) no-repeat;
	height: auto;
	width: 708px;
}

#inhalt_mittel_referenzen {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 13px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#inhalt_mittel_text p {
	margin-left: 34px;
}

/* Inhalt Seite REFERENZEN!!! - ENDE */



/* Rechter Kasten für alle Seiten außer Startseite!!! - ANFANG */

#kasten_rechts {
	width: 228px;
	height: auto;
	float: right;
	background: url(img/kasten_rechts_bereich.jpg) repeat-y;
}

#kasten_rechts_oben {
	background: url(img/kasten_rechts_oben.jpg) no-repeat;
	width: 228px;
	height: 8px;
}

#kasten_rechts_inhalt {
	width: 208px;
	height: auto;
	background: url(img/kasten_rechts_unten.jpg) no-repeat 0 100%;
	padding: 0 10px 10px 10px;
}



/* Rechter Kasten für alle Seiten außer Startseite!!! - ENDE */

#footer {
	width: 948px;
	height: 20px;
	background: url(img/footer.jpg) repeat-x 0 7px;
	margin-top: 20px;
	text-align: center;
	clear: both;
	float: left;
}

#footer_text {
	width: 336px;
	height: 20px;
	background: #F9F9F9;
	margin: 0 auto;
	font-size: 10px;
	color: #454544;	
}