/* styles - www.dietrich-projekt.de - 2008_03_03 */

html,body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #E2E2BF;
	margin:15px 0px 0px 0px;
	padding: 0;
}

html,body {
	SCROLLBAR-FACE-COLOR: #E2E2BF;
	SCROLLBAR-HIGHLIGHT-COLOR: #7C0000; 
	SCROLLBAR-SHADOW-COLOR: #7C0000; 
	SCROLLBAR-3DLIGHT-COLOR: #E2E2BF; 
	SCROLLBAR-ARROW-COLOR: #7C0000; 
	SCROLLBAR-TRACK-COLOR: #E2E2BF;
	SCROLLBAR-DARKSHADOW-COLOR: #E2E2BF;
}
/* Boxes | ANFANG */
#kasten {
	width: 100%;
	height: auto;
	padding:0px;
	position:absolute;
}
#logo{
	width: 100%;
	height: 60px;
	background-color:E2E2BF;
	background-image: url(images/logo.gif);
	background-repeat:repeat-x;
	background-position:center;
	padding:0px;
	}
#banner{
	width: 100%;
	height:129px;
	background-color:E2E2BF;
	background-image: url(images/banner.jpg);
	background-repeat:repeat-x;
	background-position:center;
	padding:0px;
	}
#navigation{
display:block;
	width:710px;
	height:21px;
	color:#7C0000;
	font-weight:bold;
	font-size:17px;
	margin:0px auto;
	padding: 3px;
}

*+html #navigation{
	padding: 5px;
	padding-left:0;
}

.navigation ul{
	margin:0;
	padding: 0;
}



#navi1{
	height:21px;
	float:left;
	margin-right:14px;
}
#subnav{
	width:713px;
	height:15px;
	color:#7C0000;
	margin:0px auto;
	padding: 2px 0px 2px 3px;
	background-color:#E2E2BF;
	border: 1px solid #EA561A;
}
#wunschdomain{
	width:358px;
	height:40px;
	margin:0px auto;
	padding: 28px 0px 0px 360px;
}
#main{
	width: 100%;
	height:auto;
	background-color:#FFFFFF;
	padding:0px;
	}
#main_kasten{
	width: 718px;
	margin:0px auto;
	padding:10px 0px 10px 0px;
	}
#main_left{
	width: 222px;
	height:auto;
	float:left;
	}
#main_inhalt{
	width: 484px;
	height:auto;
	border: 1px solid #EA561A;
	float:right;
	padding-bottom:5px;
	}
#main_inhalt1{
	width: 716px;
	height:auto;
	border: 1px solid #EA561A;
	float:left;
	}
.bodytext{
	padding: 0px 10px 0px 10px ;
	}
#footer{
	width: 100%;
	height:5px;
	background-color:#7C0000;
	padding:0px;
	margin-top:0px;
	padding:0px;
	}
	
#bottom_navi {
	text-align: center;
	margin-top: 8px;
	font-size: 11px;
}

#bottom_navi a {
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
}

#bottom_navi a:hover {
	text-decoration: underline;
}
 
 
 
 
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0;
	padding:0;
	background-color:transparent;
	}
/*  Boxes | ENDE*/
/*  Allgemeines - ANFANG */

.rot{
	color: #7C0000;
}
.orange{
	color: #EA561A;
}
p {
	font-size: 100%;
}
em{
	font-style: oblique;
	font-weight: normal;
}
.align-right{
	text-align: right;
}
.bodytext, dt {
	margin-left: 0px;
}
.kleiner {
	font-size: 80%;
}
.hochgestellt{
	font-size:9px;
	font-weight:normal;
	vertical-align:super;
}
h2,h3,h4 { 
	font-size:110%;
}

/* Überschrift aus Backend*/
h1 { 
	font-size:14px;
	font-weight:bold;
	color: #7C0000; 
}
h1.csc-firstHeader{ 
	font-size:14px;
	font-weight:bold;
	color:#7C0000;
	background-color:#FAB800;
	padding:2px;
	border-bottom: 1px solid #EA561A;
	margin:0;
	}
th { 
font-style:normal; 
font-weight:normal;
}
strong { 
	font-weight: bold; 
}
ol,ul { 
	list-style:none; 
}
img { 
	border:0; 
}
form {
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
}
fieldset {
	border: 0px;
	padding: 0px; 
}
legend {
	border: 0px;
	padding: 0px; 
	margin: 0px;
	display:none;
}
/*
submit, select, textarea, input {
	border: 1px solid #EA561A;
	color:#EA561A;
	margin:2px;
	background-color:#FFFFFF;
}
*/
textarea {
	width:270px;
}
.submit {
	margin-top: 10px;
	margin-left: 138px; 
}
dl{
	margin-left:0px;
	}
dd.csc-textpic-caption{
	font-size:90%;
}
/* Allgemeines | ENDE */
/*####################################*/
/*Alle Links */
a, a:link, a:visited {
	color: #7C0000;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
	color: #7C0000;
}

ul a:link {
	color: #7C0000;
	text-decoration: underline;
}
ul a:visited {
	color: #7C0000;
	text-decoration: underline;
}
ul a:hover {
	text-decoration: none;
	color: #7C0000;
}
#navigation a{
	color: #7C0000;
	text-decoration:none;
}
#navigation a:hover{
	color: #7C0000;
	text-decoration:none;
	background-color:#E2E2BF;
}
/* Links | ENDE*/
/*####################################*/
.csc-mailform-field {
	padding-bottom: 5px; 
	padding-left: 13px; 
	width: 200px;
	}
.csc-mailform-field input, .csc-mailform-field textarea {
	margin: 5px 0;
	}
.csc-mailform-radio { 
	margin-right:5px;
	}
dl.csc-textpic-image, .rte_image{
	border:1px solid #7C0000;
	padding:0px;
	margin-bottom:3px;
}
.csc-textpic-imagerow{
	margin-bottom:5px;
	}
	
/* s.o. Rahmen 1 */
DIV.csc-frame-frame1 { 
	border: 1px solid #EA561A;
	margin-bottom:10px;
	}
	
DIV.csc-frame-frame2 { 
	border: 1px solid #EA561A;
	margin-left:5px;
	margin-top:5px;
	width:232px;
	float:left;
	}
	
DIV.csc-frame-frame2 h1{ 
	font-size:14px;
	font-weight:bold;
	color:#7C0000;
	background-color:#EA561A;
	padding:2px;
	border-bottom: 1px solid #EA561A;
	margin:0;
	}
	
/* additional styles */
#subnav a{
 color: #7c0000;
 text-decoration: none;
 font-weight: bold;
 font-size: 15px;
}

/* Tabelle pro Tarif*/
.tablePortlet {
  padding: 0px;
  margin: 3px;
  width: 235px;
  border-collapse: collapse;
  border: 1px solid #EA561A;
}
.tablePortlet th {
  width:100%;
  text-indent: 4px;
  height: 18px;
  margin: 0px;
  background-color: #EA561A;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
}
.tablePortlet td {
  font-size: 11px;
  padding: 5px;
  font-family: Verdana, Arial,Helvetica, sans-serif;
}
.tableDetail {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border: 0px solid #EA561A;
  width: 100%;
}
.tableDetail th {
  width:100%;
  text-indent: 4px;
  height: 18px;
  margin: 0px;
  background-color: #EA561A;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-align: left;
}
.tableDetail td {
  border: 0px solid #EA561A;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-family: verdana, Arial, Helvetica, sans-serif;
  color: #000;
  text-align: left;
}
/* Tabelle Domaincheck */
.tablePortletCheck {
  padding: 0px;
  margin: 0px;
  width: 90%;
  border-collapse: collapse;
  border: 1px solid #EA561A;
}
.tablePortletCheck th {
  width:100%;
  text-indent: 4px;
  height: 18px;
  margin: 0px;
  background-color: #EA561A;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
}
.tablePortletCheck td {
  font-size: 11px;
  padding: 5px;
  font-family: Verdana, Arial,Helvetica, sans-serif;
}
/* Tabelle um die Tarife */
.tableMiddle {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
.tableMiddle td {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

.tableSimple {
  border-collapse: collapse;
}
.tableSimple td{
  color: #000;
  padding: 3px 0;
}

/* Tabellenhintergrund*/
.tableHeadline {
  background-color: #7C0000;
}
.tableHeadline strong{
  color: #F8B800;
}
.tableHeadline b {
  color: #F8B800;
  line-height: 18px;
}
.bg2 {
 background: #EA561A;
 color: #000;
}
#main_wso h1 {
  text-align: left;
  margin-left: 10px;
}
#main_wso p {
  text-align: left;
  padding: 3px;
}

/* NEUES MENUE */

ul.menu, ul.menu ul {
 margin:0;
    list-style-type: none;

}

ul.menu a {
 display: block;
color: #7C0000;
	text-decoration:none;
	font-weight:bold;
	font-size:17px;
	padding-left:2px;
	padding-right:18px;
}

ul.menu li {
    padding: 0;
    margin: 0;
float: left;
}


ul.menu a:hover{
	text-decoration:none;
	background-color:#E2E2BF;
}

/* FŸr Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {
display: block; 
float:none;
background-color: #ededed;

}

/* Links auf Unterpunkten sollen die Hintergrundfarbe Šndern */

ul.menu ul li.hover, ul.menu ul li:hover {
 background:#E2E2BF;
}

/* Zweite Ebene */

 ul.menu ul {
margin:0;
 padding: 0;
position: absolute;
border: 0px solid #ffffff;
display: none;
font-size:12px;
 width: 180px;
 text-align:left;
     }
     
ul.menu ul a {
color: #7C0000;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	padding-left:10px;
	line-height:160%;
} 

   /* Zweite Ebene anzeigen */

ul.menu li.hover ul, ul.menu li:hover ul  {
display: block;
font-size:12px;

   }



/* Dritte Ebene */

ul.menu li.hover ul ul, ul.menu li:hover ul ul {
display: none;
margin-left: 160px; /* Breite eines Listenelements - †berlagerung */
margin-top: -20px; /* Hšhe eines Listenelements */
}


/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
display: block;   }

/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
display: none;
}

   /* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
 display: block;
}