.Stil1 {color: #FF0000}
.nounderline {text-decoration:none !important}
a:hover {
	color: #FF0000;
}
a:link {
	color: #666;
}
a:visited {
	color: #666666;
}
body {
	padding:0;
	font-family:verdana, sans-serif;
	font-size:11px;
	margin:0px auto auto auto;
	color: #666;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
}
img {
	border:none
}
p {
/*	margin:0px;*/
	color: #666;
}
p.broadcrumb {
	padding-left: 23px;
	color: #aeacac;
	margin-bottom: 8px;
}
p.broadcrumb a:link, p.broadcrumb a:visited {
	color: #adacac;
}
p.broadcrumb a:hover {
	color: #E32218;
}
p.broadcrumb b {
	color: #adacac;
}
h1 {
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color:#e32218;
	margin:0px;
	text-transform: uppercase;
	padding-bottom: 12px;
	padding-left: 16px;
	background-image: url(images/h1.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-left: 10px;
}
h6 {
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color:#e32218;
	margin:0px;
	text-transform: uppercase;
	padding-bottom: 12px;
	padding-left: 16px;
	background-image: url(images/h1.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-left: 10px;
}
h7 {
	margin:0px;
	line-height: 20px;
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
}

h2 {
	margin:0px;
	line-height: 20px;
	background-image: url(images/h2_bg.png);
	background-repeat: repeat-x;
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 9px;
	padding-left: 13px;
}
h2 span {
	color: #e32218;
}
h3 {
	margin:0px;
	line-height: 20px;
	background-image: url(images/h2_bg.png);
	background-repeat: repeat-x;
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 9px;
	padding-left: 13px;
}
h3 span {
	color: #e32218;
}
h4 {
	margin:0px;
	line-height: 20px;
	background-image: url(images/h2_bg.png);
	background-repeat: repeat-x;
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 9px;
	padding-left: 13px;
}
h span {
	color: #e32218;
}
h5 {
	margin:0px;
	line-height: 20px;
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
}
#main_container {
	width:912px;
	height:auto;
	margin:auto;
	padding:0px;
}
#main_content {
	width:912px;
	margin:auto;
	clear:both;
}
#header {
	width:912px;
	height:223px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 49px;
}
#logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	width: 315px;
	height: 39px;
	margin-left: 22px;
	margin-top: 45px;
	float: left;
        padding-left:0px;
}

h1#logo a {
	display:block;
        height:51px;
        width:315px;
	text-indent:-9000px;
	color:transparent;
}
/*---------------- rightmenu----------------------*/
#r_menu {
	width:244px;
	float: right;
	margin-top: 0px;
}
ul.rightmenu {
	list-style-type:none;
	margin-top: 14px;
	margin-left: 15px;
}

div.rightmenu {
  width:236px;
  height:185px;
  position:relative;
}

div.rightmenu a {
  position:absolute;
  top:50%;
  margin-top:-67px;
  left:50%;
  margin-left:-100px;
}

ul.rightmenu2 {
	list-style-type:none;
}
ul#r_menu li {
	display: block;
}
ul.rightmenu li a:link, ul.rightmenu li a:visited {
	margin:0px;
	text-decoration:none;
	color: #666;
	line-height: 18px;
	padding-left: 11px;
	height: 12px;
}
ul.rightmenu li a:hover {
	color:#E42216;
}

ul.rightmenu2 li{
	text-decoration:underline;
}

ul.rightmenu2 li a:hover {
	color:#E42216;
}
ul.rightmenu li a.haendlerlogin:link, ul.rightmenu li a.haendlerlogin:visited {
	text-decoration: underline;
	margin-top: 6px;
	margin-bottom: 12px;
	display: block;
}
#r_menu input {
	border: 1px solid #D8D6D7;
	margin-bottom: 3px;
	padding-left: 11px;
	width: 120px;
	font-size: 11px;
}
#r_menu input#go {
	background-repeat: no-repeat;
	width: 50px;
	background-image: url(images/btn_login.png);
	margin-left: 5px;
	font-size: 11px;
}
/*---------------- rightmenu----------------------*/
/*---------------- content----------------------*/

#content {
	width:912px;
	margin:0px;
	padding: 0px;
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
	float: left;
	padding-bottom: 15px;
}
.left_content {
	width:648px;
	float:left;
	padding-left: 20px;
	margin: 0px;
	line-height: 15px;
}
p.mehr a:link, p.mehr a:visited {
	background-image: url(images/mehr.png);
	background-repeat: no-repeat;
	width: 128px;
	height: 18px;
	display: block;
	color: #E32218;
	float: right;
	margin-top: 20px;
	text-align: center;
}
p.mehr a:hover {
	text-decoration: none;
}

.right_content a:hover {
	text-decoration: none;
	color: #E32218;
}
.right_content {
	width:170px;
	float:left;
	padding-left: 32px;
	padding-right: 42px;
	line-height: 15px;
}
.right_content input {
	margin-top:5px;
	border: none;
	border: 1px solid #D8D6D7;
	padding-left: 11px;
}
.right_content input#go {
	background-image: url(images/go.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	border: none;
	cursor: pointer;
	position: relative;
}
.right_content h3 {
}
.textbox1 {
	background-color:#FFFFFF;
	padding: 5px;
	margin-bottom: 14px;
	border: 2px solid #ececec;
	float: left;
}
/*start textbox1_startseite*/
.textbox1_startseite {
background-image: url(images/csd/text-mitte.jpg);
background-repeat: repeat-y;
clear: both;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
margin-top: 3px;
margin-bottom: 14px;
width: 648px;
}
.textbox1_header {
background-image: url(images/csd/text-header.jpg);
background-repeat: no-repeat;
height: 15px;
}
.textbox1_footer {
background-image: url(images/csd/text-footer.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
height: 9px;
}
/*End textbox1_startseite*/

/*start zusatzbox*/
.zusatzbox {
background-repeat: no-repeat;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
margin-right: 4px;
padding-left: 1px;
padding-top: 2px;
width: 648px;
}
.zusatzbox_left {
background-image: url(images/csd/zusatzbox-mitte.jpg);
background-repeat: repeat-y;
clear: both;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
margin-top: 3px;
width: 315px;
}
.zusatzbox_right {
background-image: url(images/csd/zusatzbox-mitte.jpg);
background-repeat: repeat-y;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
margin-top: 3px;
width: 315px;
}
.zusatzbox_header {
background-image: url(images/csd/zusatzbox-header.jpg);
background-repeat: no-repeat;
height: 44px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
padding-top: 7px;
padding-left: 75px;
}
.zusatzbox_footer {
background-image: url(images/csd/zusatzbox-footer.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
height: 8px;
}
.zusatzbox_content {
padding: 2px;
}
/*End zusatzbox*/
.textbox2 {
	margin-bottom: 10px;
	float: left;
	width: 648px;
}
.textbox1 p, .textbox2 p {
	padding-left:0px;
	padding-right: 0px;
}
.textbox2 img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-right: 12px;
}
input {
	font-size: 11px;
	color: #999;
}
/*-------------------footer------------------------*/
#footer {
	width:912px;
	height:37px;
	clear:both;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
}
/*-------------------MENU------------------------*/


 .menu {
	font-size:0.85em;
	width:912px;
	height:23px;
	float: left;
}
/*-------------------sprache wählen------------------------*/

 

 .sprachauswahl {

                float: right;

                height: 19px;

                margin-top: 4px;

}

 sprachauswahl a{

                margin: 0px;

                padding: 0px;

}

 .sprachauswahl a#ger:link, .sprachauswahl a#ger:visited  , .sprachauswahl a#ger:active {

                width: 18px;

                height: 11px;

                display: block;

                border: 1px solid #FCFCFC;

                float: left;

                margin-right: 20px;

                padding: 0px;

}

 .sprachauswahl a#eng:link, .sprachauswahl  a#eng:visited , .sprachauswahl  a#eng:active {

                display: block;

                width: 18px;

                height: 11px;

                border: 1px solid #FCFCFC;

                margin-right: 4px;

                float: left;

                padding: 0px;

}

 .sprachauswahl a#eng:hover, .sprachauswahl  a#ger:hover, .sprachauswahl  a#eng:visited:hover , .sprachauswahl  a#ger:visited:hover{

                border-top-color: #6DD4FF;

                border-right-color: #6DD4FF;

                border-bottom-color: #6DD4FF;

                border-left-color: #6DD4FF;

                background: none;

}

/* remove all the bullets, borders and padding from the default list styling */


.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	margin-left: 22px;
}
.menu ul ul {
	width:150px;
	margin-top: -8px;
	margin-left: 0px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
	display: block;
}
/* style the links for the top level */
,.menu a, .menu a:visited, .menu span {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#5A5A59;
	padding-left:10px;
	line-height:23px;
	text-align: center;
	padding-right: 10px;
	font-weight: bold;
}
/* .menu a.aktiv:link, .menu a.aktiv:visited {
	background-image: url(images/hover.png);
	background-repeat: repeat-x;
	color: #FFF;
}
*/

.menu a.aktiv:hover {
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	padding-left: 10px;
	padding-right: 10px;
	width: 5%;
	text-align: center;
	font-weight: bold;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	color:#666;
	height:auto;
	line-height:1em;
	width:129px/* yet another hack for IE5.5 */;
	background-color: #F3F3F3;
	text-align: left;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 5px;
	font-weight: normal;
}
* html .menu ul ul a {
	width:150px;
	w\idth:129px;
	font-weight: normal;
}
/* style the top level hover */
/* .menu a:hover {
	background-color: #FFF;
	background-image: url(images/hover.png);
	background-repeat: repeat-x;
	color: #FFF;
}
*/
.menu ul ul a:hover {
	color:#fff;
	background-color: #e32218;
	background-image: url(none);
}
.menu ul ul :hover > a {
	background-color: #e32218;
	background-image: url(none);
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility:visible;
}

/*Newsscroller*/
#pscroller1{
width: 258px;
height: 180px;
/*border-left: 1px solid #AAAAAA;*/
padding: 10px;
}

.pscroller2{ 
color: #666;
}

#footer2 {
background-image: url(moo_CSD/images/footer1.png);
background-position:center;
background-repeat: no-repeat;
height: 66px;
margin-top: -10px;
width: 100%;
} 

#footerimg {
height: 66px;
margin-left: auto;
margin-right: auto;
width: 950px;
} 

div.zusatzbox_mitte {
  clear:both;
}

div.textbox2 {
  height:337px;
}

div#welcome_box {
  background:url(http://www.suninteractiv.de/Bilder/suninteractiv_main.jpg) no-repeat;
  width:642px;
  height:250px;
}

div#welcome_box_content {
  padding:75px 15px 0;
}

div.textbox2 {
  margin-top:15px;
}

div#flashcontent {
  height:221px;
  margin-left:7px;
  margin-top:38px; 
  width:300px;
}

div#zusatzbox_sec {
  height:260px;
  width:318px;
  background:url(http://www.suninteractiv.de/Bilder/suninteractivnews.jpg) no-repeat;
  margin-left:324px; 
}

div#zusatzbox_sec div#zusatzbox_sec_content {
  padding-top:50px;
}

div#footer span#copyright {
  float:left;
  line-height:25px;
  padding-left:20px;
}

div#footer span#date {
  float:right;
  line-height:25px;
  padding-right:20px;
}


div#right_content h5 {
  text-decoration:underline;
  color:#333;
}

div#interactive {
  margin-top:40px;
}

div#interactive ul a {
  color:#666;
}

div#interactive ul a:hover {
  color:#e42216;
}

span.header {
  color:#333;
  text-decoration:underline;
  font-weight:bold;
}

div#member {
  margin-top:20px;
}