@charset "utf-8";
*
{
 margin:0;
 padding:0
}
html,
body
{
 height:100%;
 width:100%
}
body
{
 /*background:#336699;*/
 background:#003 url(../images/body-bg.png) repeat-x;
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px
}
a
{
 outline:none!important
}
img
{
 border:none!important 
}

/* * * * * mainsite * * * * */
/*#mainsite
{
 width:980px;
 height:700px;
 background:#FFF;
 margin:0 auto
}
*/
/* * * * * header * * * * */
#header
{
 width:980px;
 height:164px;
 background:#336699 url(../images/headerbg.png) repeat-x;
 margin:30px auto 0px
}
#header a
{
	color:#333;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	/*safari, chrome*/
	/*letter-spacing:-1px;*/
	font-variant:small-caps
}
#logo
{
 width:374px;
 height:164px;
 background:url(../images/logoOhne1.jpg);
 float:left
}
#logo130
{
	width:374px;
	height:130px;
	display:block
}

#wobinich
{
	width:369px;
	height:20px;
	text-align:left;
	/*background:#0C6;
	opacity:0.4*/
}
#wobinich a
{
	line-height:19px;
	padding:1px 0px 2px 30px
}
#wobinich a:hover
{
	/*background:#fc3;*/
	color:#ff6600
}
#wobinich a.linka 
{
	background:transparent;
	color:#f60!important;
	font-weight:bold
}
#slogan
{
	width:300px;
	height:90px;
	color:#ccc;
	font-size:22px;
	font-weight:bold;
	text-shadow:2px 2px 8px #ccc;
	/*safari, chrome*/
	-webkit-text-shadow:2px 2px 8px #ccc;
	/*firefox bis 3.0*/
	-moz-text-shadow:2px 2px 8px #ccc;
	/*IE 6+7 */
	filter:Shadow(color=#cccccc,direction=120,strength=3);
	float:right;
	padding:40px 0 0 306px
}
#topnavi
{
	width:511px;
	height:20px;
	float:left;
	padding:0 0 0 21px
}
#topnavi ul li
{
	list-style:none;
	display:inline
}
#topnavi a
{
 	line-height:19px;
	padding:1px 1px 2px 1px
}
#topnavi a:hover
{
	/*background:#ffcc33;*/
	color:#557799
	
}
/* hack für IE7 */
*+html #topnavi a
{
	font-size:12px
}
/* hack für IE6 */
* html #topnavi a
{
	font-size:12px
}
/* * * * maincontent * * * */

#maincontent
{
	width:980px;
	height:500px;
	margin:0 auto;
	/*background:#dee3e8 url(../images/maincontent.jpg) repeat*/
}
#maincontent h2
{
	color:#222;
	font-size:13px;
	font-weight:bold;
	line-height:100%;
	margin-bottom:20px;
	padding-bottom:10px;
	/*border-bottom:1px dashed #435465*/
}
/* hack für IE7 */
*+html #maincontent
{
	font-size:12px
}
/* hack für IE6 */
* html #maincontent
{
	font-size:12px
}

#figur
{
	width:270px;
	height:500px;
	background:#dee3e8 url(../images/figur-blanko.png);
	float:left
}
#leftnavi
{
	width:100px;
	height:500px;
	background:#fff;
	float:left
}
#leftnavi div 
{
 height:100px;
 width:100px
}
#leftnavi div a
{
 display:block;
 height:100px;
 width:100px;
 text-indent:-9999px
}
#imgleftnavi1
{
 background:url(../images/leftnavi1.png)
}
#imgleftnavi2
{
 background:url(../images/leftnavi2.png)
}
#imgleftnavi3
{
 background:url(../images/leftnavi3.png)
}
#imgleftnavi4
{
 background:url(../images/leftnavi4.png)
}
#imgleftnavi5
{
 background:url(../images/leftnavi5.png)
}
#rightcontent
{
	width:530px;
	height:460px;
	padding:20px 55px 20px 25px;
	background:#dee3e8 url(../images/rightcontentbg.png);
	float:left
}
#rightcontent h1
{
	color:#222;
	font-size:15px;
	font-weight:bold;
	line-height:100%;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px dashed #435465
}
#rightcontent p
{
	font-size:12px;
	line-height:150%;
	text-align:justify;
	overflow:auto;
	color:#222
}

/* hack für IE7 */
*+html #rightcontent p
{
	font-size:12px;
	line-height:120%
}
#footer
{
	width:980px;
	height:36px;
	background:#fff url(../images/footerlinieblank.jpg);
	margin:0 auto
}
* html #footer
{
	margin:-2px auto 0 auto
}

#footer ul li
{
	list-style:none;
	display:inline
}
#footer a
{
	color:#003366;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:none;
	/*padding:0 4px 0 8px;*/
	font-size/*\**/:12px\9
}
#footer a:hover
{
	/*background:#fff;*/
	color:#ff6600
}

/* hack für IE7 */
*+html #footer a
{
	font-size:11px
}
/* hack für IE6 */
* html #footer a
{
	font-size:11px
}


#footernavileft
{
	width:690px;
	height:36px;
	line-height:36px;
	float:left;
	padding:3px 0 0 30px
}

#footernaviright
{
	width:230px;
	height:36px;
	font-size:10px;
	line-height:36px;
	float:right;
	text-align:right;
	padding:3px 30px 0 0px
}



/*---------------------------------------------------------------------------------------------------------*/
/* * * * * KONTAKT für Standard TYPO3 Forms* * * * */
/*---------------------------------------------------------------------------------------------------------*/
#mailform fieldset {border:none}
#mailform .csc-mailform-field {margin:5px 0}
#mailform label {display:block;float:left;width:160px;padding-right:10px;text-align:right}
#mailform input {width:200px;border:1px solid #231f20;background:#efefef;padding:2px 4px;color:#444}
#mailform textarea {width:400px;height:200px;border:1px solid #231f20;background:#efefef;padding:2px 4px;color:#444;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:150%}
#mailform input:hover,#mailform input:focus,#mailform textarea:hover,#mailform textarea:focus {border:1px solid #547b83}
#mailform #mailformformtype_mail {margin-left:170px}
#mailform fieldset fieldset legend {display:none}
#mailformAuswahl .csc-mailform-radio {clear:both!important;display:block!important;float:left!important;width:14px}
#mailformAuswahl label {float:left!important;padding-left:10px!important;text-align:left!important;width:100px!important}

.csc-mailform-label {display:block;width:100%;width:160px;padding-right:10px;text-align:right}
.csc-mailform-check {width:14px!important;height:14px;margin:4px 0 0 10px}

/*
	FORMS für Mailformplus
-------------------------------------------------------------------------------------------------------------------------------------------- */
form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0 solid #fff; }
.required {color: #821e46; }

.imp-text, .imp-textarea, .imp-select, .imp-file {border: #ededed solid 1px;}
.imp-text-gfx, .imp-textarea-gfx, .imp-select-gfx, .imp-file-gfx {}
.imp-radio, .imp-checkbox {}

.imp-button { width: auto; height: 23px; line-height: 23px; color: #fff; overflow: visible; border-width: 0; cursor: pointer; padding: 0 18px 0 0!important; margin: 0; background: url(../images/blocks/bg_button_r.gif) top right no-repeat; font-weight: bold; font-size: 12px; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */}
.imp-button span{ height: 23px; line-height: 23px; padding: 0 0 0 18px; white-space: nowrap; display: block; position: relative; cursor: pointer; background: url(../images/blocks/bg_button_l.gif) top left no-repeat;}
button::-moz-focus-inner { padding: 0!important; border-width: 0!important; } /*<- ie fix*/
.imp-button-gfx { cursor: pointer; }
/*special styling for forms*/
.imp-form {}
.imp-form label{ display: block;}
.imp-form .mr-or-mrs label { display:inline; }
.imp-form .imp-text{ width: 420px; border: #ededed solid 0px; background: url(../images/blocks/bg_input.gif) top right no-repeat; padding: 7px 5px; }
.imp-form .error{ background:url(../images/blocks/bg_input_error.gif) top right no-repeat; }
.imp-form .imp-textarea{ width: 420px; height:115px; border: #ededed solid 0px; background: url(../images/blocks/bg_textarea.gif) top left no-repeat; padding: 5px 5px; }
.imp-form  textarea.error {background: url(../images/blocks/bg_textarea_error.gif) top left no-repeat; }
.content .imp-form  ul li { background: none; padding: 0; margin: 0 0 5px 0;}