/* @group Basics */

* {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

img {
	border: 0;
}

ul {
	list-style: none;
}

i {
	display: none;
}

.clear {
	clear: both;
}

/* @end */

/* @group typo3-base Framework */

body {
	text-align: center;
}

#fw {
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

#fwInner {
}

#fwHead {
	position: relative;
	height: 217px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#fwHead.headHome { background-image: url(../img/head_home.png); }
#fwHead.headFakten { background-image: url(../img/head_fakten.png); }
#fwHead.headLeistungen { background-image: url(../img/head_leistungen.png); }
#fwHead.headLoesungen { background-image: url(../img/head_loesungen.png); }
#fwHead.headReferenzen { background-image: url(../img/head_referenzen.png); }

#fwLogo {
	position: absolute;
	top: 0px;
	left: 10px;
}
#fwLogo a {
	display: block;
	width: 310px;
	height: 111px;
	background-image: url(../img/logo.png);
}

#fwTopNav {
	position: relative;
	top: 130px;
	left: 0;
	height: 63px;
	background-image: url(../img/top_green.png);
}
#fwTopNav ul {
	position: absolute;
	top: 14px;
	left: 233px;
}
#fwTopNav ul li {
	float: left;
	display: block;
	margin-right: 8px;
}
#fwTopNav ul li a {
	display: block;
	width: 106px;
	height: 26px;
	padding: 9px 0 0 9px;
	text-decoration: none;
	color: #000;
	font-size: 16px;
	background: url(../img/nav_top.png) 0 0;
}
#fwTopNav ul li.active a,
#fwTopNav ul li a:hover {
	color: #FFF;
	background-position: 0 -35px;
}

#fwBody {
	padding: 0 8px 0 8px;
}

#fwLeft {
	float: left;
	width: 195px;
}
#fwNav {
}
#fwNav ul {
	
}
#fwNav ul li {
	display: block;
	margin-bottom: 5px;
}
#fwNav ul li a {
	display: block;
	width: 186px;
	height: 21px;
	padding: 5px 0 0 9px;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	background: url(../img/nav_left.png) 0 0;
}
#fwNav ul li.active a,
#fwNav ul li a:hover {
	color: #FFF;
	background-position: 0 -26px;
}

#fwSiteservice {
	margin-top: 100px;
}
#fwSiteservice ul {
	text-align: center;
	/*padding-left: 17px;*/
}
#fwSiteservice ul li {
	display: inline;
}
#fwSiteservice ul li a {
	display: inline;
	color: #000;
	text-decoration: none;
	padding: 0 10px;
	font-size: 10px;
}
#fwSiteservice ul li a:hover {
	text-decoration: underline;
}


#fwSidebar {
	float: right;
	width: 196px;
}

#fwContent {
	width: 485px;
	margin-left: 225px;
	padding-bottom: 20px;
}

#fwContent #fwTitle {
	padding-bottom: 20px;
}

/* @end */

/* @group Content Elements */

a, a:visited, a:active, a:hover {
	color: #7dcb00;
}

#fwContent h1 {
	font-size: 24px;
	color: #333;
	font-weight: normal;
}
#fwContent h2 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
#fwContent h3 {
	font-size: 14px;
	color: #333;
	font-weight: normal;
}

#fwContent p, #fwContent li, #fwContent a {
	font-size: 14px;
	line-height: 1.5;
}

#fwContent p {
	margin-bottom: 14px;
}

/* @group Box */

.box {
	background: url(../img/box_middle.png) repeat-y;
	width: 195px;
	margin-bottom: 20px;
}
.box div {
	background: url(../img/box_top.png) no-repeat left top;
}
.box div div {
	background: url(../img/box_bottom.png) no-repeat left bottom;
	padding: 20px 12px;
}
.box div div div {
	background-image: none;
	padding: 0;
}
.box div, .box p, .box td, .box li {
	font-size: 11px;
}
.box h1 {
	font-size: 13px;
	padding-bottom: 15px;
}



/* @end */

/* @group Tag Cloud */

ul.tagCloud {
	text-align: center;
}

ul.tagCloud li {
	display: inline;
}
ul.tagCloud li a {
	white-space: nowrap;
	margin-right: 5px;
	color: #666;
	text-decoration: none;
	line-height: 22px;
}
ul.tagCloud li a:hover {
	text-decoration: underline;
}
ul.tagCloud li.level1 a { font-size: 10px; }
ul.tagCloud li.level2 a { font-size: 14px; }
ul.tagCloud li.level3 a { font-size: 18px; }



/* @end */

/* @group sitemap */

.csc-sitemap ul ul {
	margin-left: 20px;
}

/* @end */

/* @group Form */

fieldset.csc-mailform, fieldset.csc-mailform-wide {
	border: none;
	padding: 20px 0 0 0;
	width: 340px;
}

div.csc-mailform-field {
	padding: 0 0 10px 0;
	clear: both;
}

div.csc-mailform-field label {
	display: block;
	color: #000;
}
div.csc-mailform-field-radio label, div.csc-mailform-field-check label {
	display: inline;
	float: none;
}

div.csc-mailform-field input {
	width: 340px;
}
div.csc-mailform-field-radio input {
	width: auto;
	margin-left: 130px;
}
div.csc-mailform-field-check input {
	width: auto;
	margin-left: 80px;
}
div.csc-mailform-field input.csc-mailform-submit,
#tx-srfeuserregister-pi1-fe_users_form input.tx-srfeuserregister-pi1-submit {
	width: 150px;
	float: right;
}

div.csc-mailform-field p {
	margin-left: 80px;
}


div.csc-mailform-field textarea {
	width: 340px;
}

/* @end */



/* @end */





/* @group News */

ul.newsList {
	
}
ul.newsList li {
	padding: 10px 0;
	border-top: 1px dashed #666;
}
ul.newsList li:first-child {
	padding-top: 0;
	border-top: none;
}

ul.newsList.title li span {
	color: #666;
}



#fwContent div.newsItem {
	
}
#fwContent div.newsItem p.newsMeta {
	color: #666;
	margin-bottom: 10px;
	font-size: 12px;
}
#fwContent div.newsItem p.newsMeta .newsCat {
	text-transform: uppercase;
	font-size: 12px;
}
#fwContent div.newsItem h2 {
	margin: 10px 0;
}
#fwContent div.newsItem .newsContent {
	margin: 10px 0;
	line-height: 1.5;
}



#fwNews {
	margin-top: 125px;
}

#fwNews p {
	font-size: 12px;
}

ul.newsList.prov li {
	border-top: none;
	font-size: 12px;
	padding: 10px 0 0 0;
}
ul.newsList.prov small {
	font-size: 11px;
}
ul.newsList.prov .newsMore {
	display: block;
	text-align: right;
}
ul.newsList.prov .newsMore a {
	text-decoration: none;
	font-size: 11px;
}
ul.newsList.prov .newsMore a:hover {
	text-decoration: underline;
}

/* @end */

/* @group sidebar boxes */

#fwBanner {
	margin-top: 30px;
}

.sidebarBox {
	background-color: #FFF;
	margin: 0 10px 30px 10px;
	padding: 3px 0;
	text-align: center;
}
.sidebarBox.first {
	margin-bottom: 35px;
}
.sidebarBox.text {
	padding: 9px;
}

.sidebarBox.mediathek {
	text-align: left;
	padding: 9px;
}
.sidebarBox.mediathek h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 6px;
}
.sidebarBox.mediathek p {
}
.sidebarBox.mediathek p.center {
	text-align: center;
}
.sidebarBox.mediathek p.right {
	float: right;
}
.sidebarBox.mediathek a {
	color: #cc051f;
}

/* @end */