/* General */

body {
    margin:0px;
	font-family:   Verdana,Arial, Helvetica, sans-serif;
	font-size:90.01%;
}

/* Main */
#head {
    position:absolute; top:0px; left:0px; z-index:1;
   	background-image:url('sev_head_hg.gif');
	background-color: #80AAC5;
	height:159px;
	width:100%;	
}

#logo{   
    width:994px;
    height:122px; 
	background-image:url('head.jpg');
    background-color:#80AAC5;
    background-repeat:no-repeat;
    position:absolute; top:0px; left:0px; z-index:2;
}

#login {
    position:absolute;
	right:5px;
	top:91px;
	width:210px;
    height:64px;
	z-index:60;	
}
#admin_view {
    background-color: #ffffff;	
    position:absolute;
	left:376px;
	top:0px;
	width:610px;
    height:60px;
	z-index:9999;
	color: #ff0000;
    font-size: 1.5em;
    font-weight: bold;	
}

#logout {
    position:absolute;
	right:5px;
	top:122px;
	width:210px;
    height:36px;
	z-index:611;
}

/* Login */

#login #user {
   	position:absolute; 
	right:5px;
    width:210px;
    height:66px;   
    z-index:100;
}
#login-table {
    border-width: 1px;
  	border-style: dotted;
  	border-color: #ffffff;   
    background-color: #ca3e00;	  /*ca3e00 - ca3e00*/
    height:66px;
    width:172px;  
}

#login-button {
    position:absolute;
    width:37px;
    height:37px;
	top:31px;
	left:173px;
	z-index:70;
}

#login-button input{
    border:0;    
}

.login-head {
	color: #ffffff;
    font-size: 0.6em;
    font-weight: bold;
}

.login-input-user {
	color: #ffffff;
    font-size: 0.6em;
    font-weight: bold;
}

.login-user-form {
    background-color:#ffffff;
    width:90px;
    height:15px;
    border:0px solid #ffffff;
    font-size:0.6em;
    font-family:arial,sans-serif;
    font-weight: bold;

}

/* Logout */

#logout #user {
    border-width: 1px;
  	border-style: solid;
  	border-color: #ffffff;
    background-color: #ca3e00;
	position:absolute;
    width:170px;
    height:36px;
    padding-left:2px;
    z-index:6;
}
#logout .head {
	color: #ffffff;
    font-size: 0.59em;
    font-weight: bold;
}


#logout td {
	height:12px;
	padding-top:3px;
    padding-left:4px;
    color: #ffffff;
    font-size: 0.6em;
  
}


#logout #button {
    position:absolute;
    width:37px;
    height:37px;
	top:0px;
	left:173px;
	z-index:70;
}



#navi {
	position:absolute;
	left:0px;
	top:122px;
    height:37px;
	z-index:3;
	width:100%;  
	
}

#border{
    position:absolute;
	left:225px;
    width:25px;
    height:37px;
    background-image:url('sev_navi_hg_2.gif');
    z-index:751;
}


#nav{
  	position:absolute;
    left:0px;
}
.a-1 { 
	float:left;
    padding-top:12px;
    padding-left:14px;    
    height:25px;
    color:#000000; /*010048 - 000000*/
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;  
    background-image:url('sev_b3.gif');
    background-repeat:no-repeat; 
}

.a-1:hover{
	background-image:url('sev_b1.gif');
	background-repeat:no-repeat;    
    color:#000000; /*010048 - 000000*/
}

.a-3 { 
	float:left;
    padding-top:12px;
    padding-left:14px;    
    height:25px;
    color:#000000; /*010048 - 000000*/
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    background-image:url('sev_b1.gif');
	background-repeat:no-repeat;    
}

#nav-primary{
	position:absolute;
    left:250px;
   
}
#menu {
width: 100%;
float: left;
z-index: 400;

}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 102px;
float: left;
}

/*start aussehen*/

#menu #a-1 { /* aussehen der Felder  */
    padding-top:12px;
    padding-left:16px;
    display: block;    
    height:25px;
    color:#000000; /*010048 - 000000*/
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;   
    background-image:url('sev_b3.gif');
    background-repeat:no-repeat; 
}

#menu #a-10 { /* nicht aktiver Hauptpunkt */
    padding-top:12px;
    padding-left:16px;
    display: block;    
    height:25px;
    color:#5c9fc0;
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;   
    background-image:url('sev_b3.gif');
    background-repeat:no-repeat; 
}

          /*ul li ul li a*/
#menu #a-2{
	padding-top:3px;
    padding-left:16px;
	height:18px;
    display: block;
    color:#000000; /*010048 - 000000*/
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;   
    border-width: 1px;
  	border-style: solid;
  	border-color: #6699ff;   /*989cb1 - 6699ff*/
    background-color: #c5def9;	/*c1c1cd - c5def9*/
}

#menu  #a-1:hover{
	background-image:url('sev_b1.gif');
	background-repeat:no-repeat;    
    color:#000000; /*010048 - 000000*/
}

#menu #a-3 { /* aussehen der Felder  */
    padding-top:12px;
    padding-left:16px;
    display: block;    
    height:25px;
    color:#000000; /*010048 - 000000*/
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    background-image:url('sev_b1.gif');
    background-repeat:no-repeat;
}

#menu #a-4{
	padding-top:3px;
    padding-left:16px;	
    height:18px;
    display: block;
    color:#000000; /*010048 - 000000*/
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    background-image:url('sev_b2.gif');
    background-repeat:no-repeat;
}

 	/*li ul li a*/
#menu #a-2:hover, #menu #a-4{
	border-width: 1px;
  	border-style: solid;
  	border-color: #6699ff;   
    background-color: #c5def9;	
    background-image:url('sev_b2.gif');
	background-repeat:no-repeat;
	color:#000000; /*010048 - 000000*/
    z-index:300;
}

/* Kundenbereich*/

#menu #a-7 { /* nicht aktiv  */
    padding-top:12px;
    padding-left:16px;
    display: block;   
    height:25px;
    color:#8a8a8a; /*7676a3 - 8a8a8a*/
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;    
    background-image:url('sev_b3.gif');
    background-repeat:no-repeat; 
}
#menu #a-8 { /* angemeldet  */
    padding-top:12px;
    padding-left:16px;
    display: block;   
    height:25px;
    color:#000000; /*010048 - 000000*/
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    background-image:url('sev_b3.gif');
    background-repeat:no-repeat; 
}

#menu  #a-8:hover{    /*  aktiv  */
	background-image:url('sev_b1.gif');
	background-repeat:no-repeat;
    color:#000000; /*010048 - 000000*/
}

#menu #a-9 { /* angemeldet, aktiv  */
    padding-top:12px;
    padding-left:16px;
    display: block;    
    height:25px;
    color:#000000; /*010048 - 000000*/
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    background-image:url('sev_b1.gif');
    background-repeat:no-repeat;
}


/*ende aussehen*/

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;z-index: 50;}





#spory #border{
    position:absolute;
    z-index:4;
	left:225px;
    width:25px;
    height:24px;
    background-image:url('sev_spory_hg_2.gif');
}

#date{
	padding-top:3px;
    padding-left:15px;
	position:absolute;
	left:0px;
	top:0px;
	width:225px;
	height:24px;
	z-index:5;
    color:#000000; /*010048 - 000000*/
    font-size: 0.7em;
    font-weight: bold;
}


#history{
	padding-top:3px;
    padding-left:15px;
	position:absolute;
	left:250px;
	top:0px;
	width:749px;
	height:24px;
	z-index:4;
    color:#000000; /*010048 - 000000*/
    font-size: 0.9em;
}

#subnavi {
    position:absolute;
	left:0px;
	top:183px;
	width:250px;
	z-index:1;
    background-image:url('sev_news_hg_2.gif');
    background-color:#80B1CB;
}



/* News */

#hintergrund{
    height:190px;
    background-image:url('sev_news_hg_3.jpg');
    background-repeat:no-repeat;
    padding-left:10px;
    color: #ffffff;
    font-size: 0.7em;
}

#newsfloat{
    
	padding-top:5px;
    padding-left:10px;
    width:240px;
	z-index:4;   
    background-image:url('sev_news_hg.gif');
    background-repeat:repeat-y;
}

#newsfloat h2{
	margin-top:10px;
   	margin-bottom:8px;
    color: #ffffff;/* 0060c9 - ffffff*/
    font-size: 0.9em;
}

.news_einzeln{
	width:215px;
    color: #ffffff;
    font-weight: normal;
    font-size: 0.8em;
    padding-bottom:15px;
}
.news_more{
	width:215px;
    color: #b0cceb;
    font-weight: normal;
    font-size: 0.8em;
    padding-bottom:15px;
}

#subnavi a{
   	color:#ffffff;
   	font-size:0.8em;
    font-weight:bold;
    padding-left:18px;
   	background-image:url('sev_link_1.gif');
    background-repeat:no-repeat;
}

#subnavi a:hover{
   	text-decoration:none;
}

#untermenu{  
    padding-top:10px;
    padding-left:30px;
    padding-bottom:10px;
}
#untermenu a{
   	color:#ffffff;
   	font-size:0.9em;
    font-weight:normal;
    padding-left:18px;
    text-decoration:none;
   	background-image:url('sev_link_2.gif');
    background-repeat:no-repeat;
}
#menu a.akt{
   	color:#ffffff;
   	font-size:1em;
    font-weight:bold;
    padding-left:18px;
    text-decoration:none;
   	background-image:url('sev_link_2.gif');
    background-repeat:no-repeat;
}

#menu a:hover{
   	text-decoration:underline;
}


#helpsystem a #helpinfo{
    display:none;
}

#helpsystem a:hover #helpinfo{   
    display:block;	
    background-color: #ffffff;
	position:absolute;
	left:280px;
	top:35px;
	width:657px;
    border-width: 1px;
  	border-style: dotted;
  	border-color: #006699;
    padding-top:10px;
    padding-left:30px;
    color:#000000;
    font-size:1.2em;
    z-index:1800;
}



#email {
    background-color: #ffffff;
	position:absolute;
	left:250px;
	top:183px;
	width:895px;
    z-index:1;
    padding-top:10px;
    padding-left:30px;  
    font-size:0.75em;  
}

#email .view{
    width:870px;    
    border-width: 1px;
  	border-style: dotted;
  	border-color: #d47b53;   /*76759c - d47b53*/
    z-index:666;    
}

#email h1 {
	font-size:1.5em;
    font-style:italic;   
    font-weight:bold;
    color:#000000; /*010048 - 000000*/
}

#spory {
	position:absolute;
	left:0px;
	top:159px;
	width:100%;
	height:24px;
	z-index:3;
    background-image:url('sev_spory_hg.gif');
    background-color:#b0cceb;
}

/* Main */


#main {
    background-color: #ffffff;
	position:absolute;
	left:250px;
	top:183px;
	width:720px;
    z-index:1;
    padding-top:10px;
    padding-left:30px;
    color:#000000;
    font-size:0.75em;
}

#main a{
    color:#3300ff;
    text-decoration:underline;
     
}

#main .text{
 
    
}

#main a:hover{   
    text-decoration:none;
}

#main h1 {
	font-size:1.4em;
    font-style:italic;   
    font-weight:bold;
    color:#000000; /*010048 - 000000*/
}

#main h3{
	margin-bottom:5px;
    font-size:1.1em;
    font-style:italic;
    color:#000000; /*010048 - 000000*/
    font-weight:bold;
}


#main .box_gross{
    float: left;
    width:687px;    
    border-width: 1px;
  	border-style: dotted;
  	border-color: #d47b53;   /*76759c - d47b53*/ 
    z-index:6;
    margin-bottom:25px;
}


#main .box_table td{
    border-width: 1px;
  	border-style: solid;
  	border-color: #ffffff;   
    padding-left:5px;
    height:18px;    
}


#main .box_table_file td{
    padding-left:5px;
    height:22px;    
}

#main .td_hell{
    background-color: #b0cceb;
}

#main .td_leer{
    background-color: #ffffff;
}
#main .td_select{
    background-color: #339933;
}

#main .td_lila{
    background-color: #979cb1;
}

#main .td_mittel{
    background-color: #509cee;
}

#main .td_dunkel{
    background-color: #6699ff;
    color:#ffffff;
}

#main .td_dunkel_lila{
    background-color: #ca3e00;
	color:#ffffff;
}


#main .box_gross_listen{
    float: left;
    width:687px;
    z-index:6;
    margin-bottom:25px;       
}
#main .box_gross_listen .inhalte{
    margin-left:22px;     
    border-bottom-width: 1px;
  	border-bottom-style: dotted;
  	border-bottom-color: #000000; /*010048 - 000000*/
    z-index:6;
    margin-bottom:10px;   
}


#main .box_head{
    height:18px;
    border-width: 1px;
  	border-style: solid;
  	border-color: #ffffff;
    background-color: #ca3e00;
	padding-top:3px;       
	padding-left:5px;	
    color:#ffffff;
    font-weight:bold;       
}


#main .box_klein{
    float: left;
    width:330px;
    border-width: 1px;
  	border-style: dotted;
  	border-color: #d47b53;   /*76759c - d47b53*/
    background-color: #ffffff;	
    z-index:6;
    margin-right:25px;
    margin-bottom:25px;    
}
#main .box_clear{
    float: left;
    width:330px;   
    background-color: #ffffff;	
    z-index:6;
    margin-right:25px;
    margin-bottom:25px;    
}

#main .box_filearchiv_1{
    float: left;
    width: 220px;    
    border-width: 1px;
  	border-style: dotted;
  	border-color: #d47b53;   /*76759c - d47b53*/
    z-index:6;
    margin-right:25px;
    margin-bottom:25px;
}

#main .box_filearchiv_2{
    float: left;
    width: 440px;    
    border-width: 1px;
  	border-style: dotted;
  	border-color: #d47b53;   /*76759c - d47b53*/ 
    z-index:6;
    margin-bottom:25px;
}

#main .box_sehr_klein{
    float: left;
    width:200px;
    border-width: 1px;
  	border-style: dotted;
  	border-color: #d47b53;   /*76759c - d47b53*/
    background-color: #ffffff;	
    z-index:6;
    margin-right:25px;
    margin-bottom:25px;     
}

#main .box_sk_text {
    padding:5px;
}


#main .button{
    padding-top:4px;
    text-align: center;    
    height:21px;
    border-top-width: 1px;
  	border-top-style: dotted;
  	border-color: #d47b53;   /*76759c - d47b53*/
}


#main .kontakt_form {
    background-color:#ffffff;
    width:200px;
    height:16px;
    border:1px solid #d47b53;
    font-size:1em;
    font-family:arial,sans-serif;
}

#main .upload_form {
    background-color:#ffffff;
    width:300px;
    height:18px;
    border:1px solid #d47b53;
    font-size:1em;
    font-family:arial,sans-serif;
}

#main .upload_form_short {
    background-color:#ffffff;
    width:150px;
    height:18px;
    border:1px solid #d47b53;
    font-size:1em;
    font-family:arial,sans-serif;
}

#main .upload_checkbox {
    background-color:#ffffff;    
    border:1px solid #d47b53;    
}

#main .upload_area{
    background-color:#ffffff;
    width:300px;
    height:35px;
    border:1px solid #d47b53;
    font-size:1em;
    font-family:arial,sans-serif;
    margin-top:3px;
    margin-bottom:3px;
}

#main .upload_area_short{
    background-color:#ffffff;
    width:180px;
    height:35px;
    border:1px solid #d47b53;
    font-size:1em;
    font-family:arial,sans-serif;
    margin-top:3px;
    margin-bottom:3px;
}

#main .kontakt_form_short {
    background-color:#ffffff;
    width:100px;
    height:16px;
    border:1px solid #d47b53;
    font-size:1em;
    font-family:arial,sans-serif;
}


#main .kontakt_area{
    background-color:#ffffff;
    width:200px;
    height:65px;
    border:1px solid #d47b53;
    font-size:1em;
    font-family:arial,sans-serif;
    margin-top:3px;
    margin-bottom:3px;
}


#main .box_traffic #grafik{
	background-image:url('sev_traffic_hg.gif');
    background-repeat:no-repeat;
    height:50px;       
}


#main .button_konto{
    padding-top:4px;
    text-align: center;    
    height:21px;
    border-width: 1px;
  	border-style: solid;
  	border-color: #ffffff;
    background-color: #b0cceb;
}


.admin_ue_form_2 {
    background-color:#ffffff;
    width:600px;
    height:16px;
    border:1px solid rgb(207, 207, 207); 
    font-size:1em;
    font-family:arial,sans-serif;
    margin: 0px 0px 0px 0px;   
}
.admin_ue_form {
    background-color:#ffffff;
    width:600px;
    height:16px;
    border:1px solid rgb(207, 207, 207); 
    font-size:1em;
    font-family:arial,sans-serif;
}
.admin_ue_form_text {
    background-color:#ffffff;
    width:600px;
    height:150px;
    border:1px solid rgb(207, 207, 207); 
    font-size:1em;
    font-family:arial,sans-serif;
}

input, textarea, select {
    border: 1px solid #454F58;
    background-color: white;
    color: #000000;
    font-size: 1em;
}

#main .admin_table{   	     
	border: 1px solid rgb(207, 207, 207); 
	padding: 0px 0px 0px 1px;     
}

#main .admin_head{
    padding-left:3px;  
    background-image:url('bg.gif');
    background-color: #b6b6b6;
    height:25px;
}


input.required, textarea.required , input.validate-number ,input.validate-number-req,input.validate-email,input.validate-digits-reg {
	border: 0px solid #fff;
	width:260px;
}
input.required-short, input.validate-short {
	border: 0px solid #fff;
	width:30px;
}
input.validation-failed, textarea.validation-failed {
    float: left;
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
float: right;
	margin: 0px 0;
	padding: 3px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}


#box_vertrag{    
    width:687px;        
    z-index:6;
    margin-bottom:25px;
}
.box_head_vertrag_aktiv{
    height:18px;
    border-width: 1px;
  	border-style: solid;
  	border-color: #ffffff;
    background-color: #ca3e00;
	padding-top:3px;       
	padding-left:5px;	
    color:#ffffff;
    font-weight:bold;       
}


/*neu
*/
.createNew {
		border: 1px solid #CCCCCC;
		margin: 5px 5px;
		padding: 0px 0px 1px 0px;
		background-color: #EFEFEF;				
		
	}
	
.tarif_left {                       
		border: 1px solid #CCCCCC;		
		margin: 5px 5px;		
		background-color: #fffec1;
        width:400px;
	}
	
.tarif_right {
    	border: 1px solid #CCCCCC;
		margin: 10px 5px;
		background-color: #fffec1;
        width:400px;
	}

	div.section {
		border: 1px solid #CCCCCC;
		margin: 5px 5px;
		padding: 0px 0px 0px 0px;
		background-color: #EFEFEF;	
		width:90%;	
	}
	
	div#createNew input { margin-left: 5px; }
	

	div#createNew h3, div.section h3, div.tarif_left h3{
		font-size: 14px;
		padding: 2px 5px;
		margin: 0 0 10px 0;
		background-color: #CCCCCC;
		display: block;
	}

	div.section h3 {
		cursor: move;
	}

	div.lineitem {
		margin: 3px 10px;
		padding: 2px;
		background-color: #FFFFFF;
		cursor: move;
	}
	
	div.optitem {
		margin: 3px 10px;
		padding: 2px;
		background-color: #E0E0E0;
		cursor: move;
	}
	div.optitemoben {
		margin: 3px 10px;
		padding: 2px;
		background-color: #E0E0E0;		
	}
	div.neu_opt {
		margin: 3px 10px;
		padding: 2px;
		background-color: #FFFF66;
		cursor: move;
	}
	
	#mydiv {
		margin: 2px 5px;
		padding: 2px;
		background-color: #fffec1;		
	}
	
	div.newoptitem {
		margin: 3px 10px;
		padding: 2px;
		background-color: #66FF66;
		cursor: move;
		
	}
	.deloptitem {
		margin: 2px 5px 2px 0px;
		padding: 2px;
		background-color: #FFFF66;
		cursor: pointer;
		
	}
	.inplaceeditor-saving { background: url(wait.gif) bottom right no-repeat; }
	
	
#wetterdays{
    padding:4px;	 
    background-color:#ca3e00;
    font-size: 10px;
}

#wettertoday{
    background-color:#843816; /*843816 - 010048*/
    padding:4px;
    font-size: 10px;
}

#main .box_table_neukunde td{
    border-width: 0px;  	
}

#neukundemenu a:link, #neukundemenu a:visited, #neukundemenu  a:active {
   display:block;
   background-color:#b0cceb;   
   text-decoration:none; 
   height: 18px;
   line-height: 18px;
   color:#000; 
}

#neukundemenu a:hover {
   background-color:#6699ff;
   color:#fff;   
}

/*start neues menu*/
#modernbricksmenu{
padding: 2px;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
margin:0;
margin-left: 1px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu a{
float: left;
display: block;
color: #000000;
margin: 0 3px 0 0; /*Margin between each menu item*/
padding: 1px 10px;
text-decoration: none;
background-color: #b0cceb; 
}

#modernbricksmenu a:hover{
background-color: #6699ff; 
}

#modernbricksmenu #current a{ 
background-color: #6699ff;
color:#ffffff;
}
/*ende neues menu*/