@charset "UTF-8";
/* Allgemeine Einstellungen --------------------------------------------------------------------------------- */

*{
margin: 0;
padding: 0;
}
body{
background: url(http://www.sondereinheit.de/fileadmin/template/grafik/bg_site.jpg) repeat-x 0 0;
background-color: #efefef;
font: .75em Arial;
line-height: 1.5em;
color:#333;
}
p{
padding: 0.3em 0;
}
table tr td {
border:none;
}



/* MENU --------------------------------------------------------------------------------------------------------------------------------- */

#menu {
	FONT-SIZE: 14px; width:979px; FONT-FAMILY: verdana, arial; HEIGHT: 35px;background: url(http://www.sondereinheit.de/fileadmin/template/grafik/bg_menu.jpg) repeat-x 0 0;
}
UL.menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
UL.menu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL.menu {
	FLOAT: left; POSITION: absolute;
}
UL.menu LI {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; LINE-HEIGHT: 25px; PADDING-TOP: 3px;
}
UL.menu UL.menu LI.hover {
	CURSOR: default; POSITION: relative; height: 31px; left: 0px; width: 250px;
}
UL.menu LI:hover {
	CURSOR: default; POSITION: relative;
}
UL.menu UL {
	LEFT: 0px; VISIBILITY: hidden; WIDTH: 100%; TOP: 100%; 
}
UL.menu UL LI {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 0px solid; FLOAT: none; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #666 1px solid; LIST-STYLE-POSITION: outside; width:250px; background-color:#333; left:-1px; position:relative;  /*Klappzustand */
}
UL.menu UL UL {
	LEFT: 100%; TOP: 0px
}
UL.menu LI.hover > UL {
	VISIBILITY: visible
}
UL.menu LI.rtl UL {
	RIGHT: 0px; LEFT: auto; TOP: 100%
}
UL.menu LI.rtl UL UL {
	RIGHT: 100%; LEFT: auto; TOP: 0px
}
UL.menu {
	FONT-WEIGHT: normal
}
UL.menu LI {
	FONT-SIZE: 14px; FONT-FAMILY: Verdana; height:31px; /*LIstenfelder im Normalzustand */
	z-index: 100;
}
UL.menu LI.hover {
	COLOR: #fff; FONT-SIZE: 14px; background-color:#666;
}
*:first-child+html UL.menu A {
	position: relative;
	top: 5px;
}
UL.menu A:link {
	COLOR: #fff; FONT-SIZE: 14px; TEXT-DECORATION: none
}
UL.menu A:visited {
	COLOR: #fff; FONT-SIZE: 14px; TEXT-DECORATION: none
}
UL.menu UL {
	WIDTH: 250px;
	z-index: 100;
}
UL.menu UL LI {
	FONT-WEIGHT: normal;
z-index: 100;

}


/* Überschriften  ------------------------------------------------------------------------------------------- */

h1{
font:22px "Verdana", Arial;
line-height:30px;
color: #333;
margin-bottom:15px; 
}
h2{
font:14px "Verdana",Arial;
line-height: 21px;
color:#cc0000;
margin-bottom:15px;
font-weight:bold;
}
h3{
font:12px "Verdana",Arial;
line-height: 21px;
color:#666;
margin-bottom:3px;
font-weight:bold;
}
h3 span{
color:#ffffff;
font-weight:bold;
text-transform:normal;
font: 0.75em "Arial";

}
h4{
font:20px "Verdana",Arial;
font-weight:normal;
height:47px;
width:520px;
background: url(http://www.sondereinheit.de/fileadmin/template/grafik/bg_button.jpg) no-repeat 0 0;
padding:15px 40px 10px 50px;
color: #333;
}
a{
font:12px "Arial",Verdana;
font-weight:normal;
text-decoration:underline;
color: #cc0000;
}
a:visited{
font:12px "Arial",Verdana;
font-weight:normal;
text-decoration:underline;
color: #cc0000;
}
a:hoover{
font:12px "Arial",Verdana;
font-weight:normal;
text-decoration:underline;
color: #666;
}
a:active{
font:12px "Arial",Verdana;
font-weight:normal;
text-decoration:underline;
color: #cc0000;
}
#footer a{
font:12px "Arial",Verdana;
font-weight:normal;
text-decoration:underline;
color: #333;
}
#footer a:hover, a:visited{
font:12px "Arial",Verdana;
font-weight:normal;
text-decoration:underline;
color: #666;
}

/* Skellett  ------------------------------------------------------------------------------------------- */

#container{
width:81.66em; /* 980px */
margin: 0 auto;
background-color: #ffffff;
border-left:10px solid #ffffff;
border-right:10px solid #ffffff;
}
#header{
background-color: #ffffff;
height:10em; /* 110px */
}
#logo{
float:left;
background-color: #fff;
height:65px;
color:#ffffff;
margin-top:35px;
}
#suche{
clear:right;
text-align:right;
float:right;
border:0px solid red;
margin:0;
height:40px;
width:138px;
}
#submenu{
float:right;
text-align:right;
margin:32px 0 0 0;
background-color: #fff;
height:22px;
width:450px;
color:#cccccc;

}
#submenu a{
color:#666;
}
#mediacontent{
z-index:20;
color: #ffffff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
height: 300px;
}
#mediacontent h1{
color: #ffffff;
}
#mediacontent h2{
color: #ffffff;
}
#mediacontent a{
color: #fff;
font-weight:bold;
border:0px solid #000;

}
#mediacontent ul{
float:left;
height:200px;
width:480px;
padding:50px 60px 0 403px;
list-style-type:none;
margin:0;
}
#mediacontent li {
font-weight:normal;
font-size: 12px;
color: #666666;
text-transform:none;
}
#rootline{
height:25px;
padding:5px 0 1px 0;
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
margin-bottom:20px;
}
#content{
float:left;
margin:0 0 20px 0;
padding-right:20px;
width: 660px;
min-height:400px;
border-right:1px solid #efefef;
}

#content ul{
margin:0 0 0 0;
}
#content p{
margin:0 0 0 0;
}
#content li {
padding:0px 0 5px 20px;
list-style-position:outside;
list-style-type: none;
background: url(http://www.sondereinheit.de/fileadmin/template/grafik/li_image.jpg) no-repeat 0 5px;
}
#content img{
padding:2px;
border:1px solid #cccccc;
}
#sidebar{
float:right;
width: 280px;
padding-left:0px;
min-height:400px;
border:0px solid #ccc;
}
#sidebar ul{
margin:0 0 25px 5px;
}
#sidebar li {
list-style-position:outside;
list-style-type: none;
margin-left: 0px;
background: url(http://www.sondereinheit.de/fileadmin/template/grafik/li_image.jpg) no-repeat 0 7px;
padding:4px 0 4px 25px;
}
#sidebar h1 span {
font-weight:bold;
font-size: 0.8571em;
color: #ffffff;
text-transform:none;
}
#right_box {
width:268px;
background:#fff;
border-bottom:1px solid #ccc;
padding:5px;
margin-bottom:40px;
}
#right_box p{
padding:0 5px 5px 0;
}
#right_box h2 {
height:23px;
padding:0;
font:14px "Verdana",Arial;
font-weight:bold;
color: #cc0000;
border-bottom:1px dashed #666;
}
#spacer{
clear:both;
height:1px;
border-top:1px solid #666;

}
#footer{
clear:both;
padding:12px;
height:26px;
background: #fff;
color:#666;
text-align:center;
}
#subtext{
clear:both;
height:40px;
background: #fff;
color:#666;
text-align:center;
}

/* Classes ------------------------------------------------------------------------------------------- */

.red{
color:cc0000;
}
.align-right{
text-align:right;
}
.bold{
font-weight:bold;
}
.immo_teaser {
height:200px;
width:270px;
padding:50px 30px 30px 40px;
margin:0;
color:#575757;
}
.immo_teaser p{
padding:2px 12px 0 8px;
font:12px "Arial",Verdana;
font-weight:normal;
color: #666666;
}
.service_teaser {
height:200px;
width:270px;
padding:50px 30px 30px 40px;
margin:0;
color:#575757;
}
.service_teaser p{
padding:2px 12px 0 8px;
font:12px "Arial",Verdana;
font-weight:normal;
color: #666666;
}
/* FORM ------------------------------------------------------------------------------------------------ */
/*FORM */

.tx-powermail-pi1_fieldset legend{
font-family:verdana, arial;
font-size:11px;
font-weight: bold;
color:#333333;
margin:0px;
padding:0px;
}
fieldset.tx-powermail-pi1_fieldset {/* Disable border */
border: none;
padding:0px;
margin:20px 0 20px 0;
}
fieldset.tx-powermail-pi1_fieldset label {/* Style labels */
width: 200px;
float: left;
clear: both;
}
fieldset.tx-powermail-pi1_fieldset input,fieldset.tx-powermail-pi1_fieldset select,fieldset.tx-powermail-pi1_fieldset textarea{/* Style input fields */
width: 240px;
border: none;
border: 1px solid #ccc;
margin-left: 0px;
}
div.tx_powermail_pi1_fieldwrap_html {/* Increase margin between every field */
margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
/* submit button */
margin: 20px 0 20px 0;
float: left;
display: block
}
.fieldset.tx-powermail-pi1_fieldset_3 input.powermail_uid9 {
	width: 20px;
	border: 1px solid red;
}

/* BOX STARTSEITE ------------------------------------------------------------------------------------------ */

#box_startseite {
float:left;
width:188px;
border:1px solid #ccc;
height:250px;
padding: 10px 10px;
margin-right:10px;
margin-bottom:25px;
}
#box_startseite h2 {
font-family:verdana, arial;
font-size:14px;
font-weight: bold;
line-height:53px;
width:150px;
padding-left:42px;
border-bottom:1px solid #ccc;
}
#box_startseite p {
height:135px;
}
#box_startseite_link {
background: url(http://www.sondereinheit.de/fileadmin/template/grafik/bg_link_box.jpg) no-repeat 0 0;
padding: 7px 0 0 0;
height:24px;
width:192px;
}
#box_startseite_link a {
margin-left:10px;
font-weight:bold;
}
#csc-textpic-imagewrap{
margin-right:15px;}

/* EINZELTEASER ------------------------------------------------------------------------------------------ */

#einzelteaser {
float:left;
width:206px;
border:1px solid #ccc;
background: #cc0000;
height:230px;
margin-right:12px;
margin-bottom:25px;
color:#fff;
}
#einzelteaser img{
margin:2px;
border-bottom:1px solid #ccc;
}
#einzelteaser h2{
text-align:left;
color:#fff;
margin:5px;
font-weight:bold;
font-size:12px;
}
#einzelteaser p{
margin:5px;
}
#einzelteaser p a{
color:#fff;
}
#einzelteaser p a:visited{
color:#fff;
}

/* TABELLE --------------------------------------------------------------------------------------------- */

.tabelle_preise table{
width:100%;
border-collapse:collapse;
}

.tabelle_preise td{
border:1px solid #cc0000;
padding:5px;
}
.tabelle_preise th{
background-color:#cc0000;
color:white;
padding:5px;
}
.tabelle_preise tr{
height:35px;
vertical-align:middle;
text-align:center;
}
.td-0{
text-align:left;
font-weight:bold;
}
.td-1,.td-2,.td-3{
width:20%;
}
.tr-even{
background-color:#efefef;
}

/* Blockquotes ------------------------------------------------------------------------------------------------ */

blockquote {
background-image: url(http://www.sondereinheit.de/fileadmin/template/grafik/open-quote.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 30px;
font-style: italic;
}
blockquote span {
background-image: url(http://www.sondereinheit.de/fileadmin/template/grafik/close-quote.gif);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 30px;
}