/*
	© iucon GmbH 2010 - Newsletter User Interface
	# standard Medienservice

	color scheme 
Farbe 1: H1 Header Hintergrund (H4 ist identisch nur kleiner)
Farbe 2: H1 Header Textfarbe  
Farbe 3: H3 Überschriften und Tabellenköpfe Hintergrund
Farbe 4: H3 Überschriften und Tabellenköpfe Textfarbe
Farbe 5: Seitenhintergrund und Standard Div Hintergrundfarbe
Farbe 6: Alternierende Hintergrundfarbe für Listen
Farbe 7: Fließtexfarbe (H4 ist identisch nur kleiner)
Farbe 8: Linkfarbe

Farbe 1: #a5c500;
Farbe 7: #3f3f3f;
Farbe 8: #0079bd;

*/


/* Allgemeine Definitionen */
body 
{
	margin: 0; padding: 0; background: #fff;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1em;
}

body, span, label, p {
	font-family: Verdana, Helvetica, sans-serif;
	color: #333333; /* Farbe 7 */
}


.section-title {
	
	background-color: #0079c0;  /*Farbe 1 */
	margin: 0 0 16px 0;
	height: 32px; padding: 0; padding-top:10px; padding-left:24px; position: static; margin-left:-24px;
}

.section-title-inhalt {
	float:left;
}
.section-title-inhalt h2 {
	font-size: 1.45em;
	font-weight: bold;
	line-height: 1.4em;
	padding: 1px 0 0 6px; margin: 0;
}

h2 { font-size: 1.2em; color: #ffffff; /*Farbe2 */}
h3 { background: #e53526; /* Farbe3 */ padding: 5px; margin: 0 0 0 0px; border: none; color: #ffffff /* Farbe 4 */ !important; font-size: 1em; margin-left:-24px; padding-left:30px;}
h4 { border-left: 20px solid #0079c0;  /*Farbe 1 */ color: #333333 /* Farbe 7 */ !important; font-size: 1em; padding-left:5px;}

.less { font-size: 10px; }

div.content
{
	width: 600px;	
	float: left;
}

/* Form */
form { margin: 0; padding: 0; }

.input label { font-size: 11px !important; }

input 
{
    margin-left:0px;
}

.input_textfield, .input_dropdown {
	width: 220px; padding: 2px 4px 1px 2px !important; margin: 2px 0 6px 0 !important; 
    vertical-align: middle; font-size: 11px; 
} 

.input_small
{
    width: 150px;
}

.user_filter { display: block; margin: 0 0 3px 15px; padding: 3px 0; }
.user_filter input { vertical-align: middle; border: none; background: none; }
.user_filter label { font-size: 11px; margin: 0 0 0 8px; vertical-align: middle; }
              

/* Listen */
.list { float: left; width: 100%; margin: 0 0 15px 0;  }
.list tr th { height: 20px; background: #e53526; /* Farbe 3 */ padding: 5px; color: #ffffff /* Farbe 4 */ }
.list tr td { padding: 5px; }

/* narrow list 90% width */
.nrlist { float: left; width: 100%; margin: 0 0 15px 0; border-collapse:collapse;}
.nrlist tr th { height: 20px; background: #e53526; /* Farbe 3 */ padding: 5px; color: #ffffff /* Farbe 4 */ }
.nrlist tr td { padding: 5px; }

/* narrow list 90% width */
.nrlisttop { width: 100%; margin: 0; padding:0; border-collapse:collapse; vertical-align: top;}
.nrlisttop_td { vertical-align: top; padding-bottom:20px;}
.nrlisttop_td_table 
{
    padding-right:20px;
}
.nrlisttop_td h4 
{
    margin-top:0; padding-top:0;
}


.button 
{
    margin-left:0px;
}

.buttonspaced
{
    margin-left:12px;
}

.rowstyle { }
.alternatingrowstyle { background: #dddddd; /* Farbe 6 */}


a:link, a:visited, a:hover, a:active  {
	color: #0079bd; /* Farbe 8 */
	font-size: 11px;
	text-decoration: underline;
}

.next {	text-align: center; }

/* Eingangsseite (Default.aspx), Registrieren (register/Default.aspx) */
#default_register { width: 25%; height: 260px; float: left; padding: 0px; margin-top:10px; border-right: 1px solid #AAAAAA;}
#default_login,
#user_body { width: 60%; height: 280px; float: left; margin: 0 0 0 20px;   }
#user_body { height: 740px; }
#user_body_max { width: 100%; height: 280px; float: left; border: none; }
#user_body_max .big 
{
    height: 890px; margin-bottom: 15px;
}
#user_navi { width: 100%; height: 20px; float: left; background: #fff;  border: none; padding: 4px 0 4px 5px; margin: 0 0 0 0;  }
#user_categories_max,
#user_filter_max { width: 100%; float: left; }

#default_login div.default_login_content { padding: 10px; height: 260px; }
#user_body div.user_body_content, 
#user_body_max div.user_body_max_content,
#user_filter_max div.user_filter_max_content { padding: 10px 0 10px 5px; margin-right:50px;}

/* Userbereich Start (user/Default.aspx) */
.user_start { height: 600px !important; }
.user_newsletter, .user_categories { padding: 0 !important; }

/* Registrieren */
.nextstep
{
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color: Black;
	padding-left: 8px;		
}

/* User */
#user_header { height: 35px; }

.head
{
	color: #333333;
	margin-bottom: 5px;
}

a.user_navilink
{
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color: Black;
	padding-left: 8px;
	padding-right: 5px;
	border-right: none;
}

a.user_navilink:hover
{
	text-decoration: underline;	
}

.user_naviactive { font-weight: bold;}


#legend { margin: 10px 0; }
#legend div { margin: 10px 0 10px 15px; }


/* Kategoriebaum */
div.categories { margin: 15px; }
div.categories input.button,
div.categories a, div.categories img, div.categories input.button { background: none; width: 15px; height: 15px; vertical-align: top; margin: 0;  }
div.categories img, div.categories input.button { margin: -1px 0 0 0; }
div.categories td { vertical-align: top; border:none; padding:2px;}

.categoryselection { height: 20px; background: #e0e0e0;	padding: 5px; }
.node {	color: #000; padding: 0 0 3px; vertical-align: middle; }
.selectednode {	font-weight: bold; }
.hovernode { font-weight: bold; }

.subscribednode
{
	padding-left: 15px;
}

.childsubscribednode
{
	text-decoration: none;	
	padding-left: 10px;
}

.nomargin 
{
    margin: 0px;
}

br.clearboth
{
    clear: both;
}

.vmiddle 
{
    vertical-align:middle;
}

.bordertop
{
    border: none;
}

.linetop
{
    border-collapse:separate;
    border:none; /* Farbe 6 */
}

.threestepheader
{
    width:100%;
    height: 50px;
    border:none;
    border-spacing:0;
    border-collapse:collapse;
    font-size:14pt;
    margin-left:0px;
    font-weight:bold;
    color:#dddddd; /* Farbe 6 */
}

.threestepheader td 
{
    vertical-align:middle;
    text-align:center;
    background-color:#eee; /* Farbe x1 */
    border-left:1px solid white;
    width:33%;
}

.threestepheader .active
{
    background-color:#0079c0;  /*Farbe 1 */
    color:#fff;/* Farbe 2 */
   /* border:1px solid #aaa; */
    
}

.threestepheader .active a
{
    font-size:11px;
    text-decoration:underline;
    padding-right:20px;
    color:#fff;/* Farbe 2 */
   /* border:1px solid #aaa; */
    
}



.threestepheader a
{
    text-decoration:none;
    font-size:14pt;
    font-weight:bold;
    color:#aaaaaa; /* Farbe 3*/
}


.adresscontrol
{ 
    margin:0px;
    border-spacing:0;
    border-collapse:collapse;
}

.adresscontrol td.header
{
    padding-left:24px;
    background: #aaaaaa; /* Farbe3 */
    color: #ffffff !important; /* Farbe 4 */
    font-weight:bold;
    line-height:100%;
}

.adresscontrol td
{
     padding:5px;
     padding-left:24px;
     vertical-align:top;
     line-height:140%;
}

.headertable
{ 
    width:100%;
    margin:0px;
    margin-left:0;
    border-spacing:0;
    border-collapse:collapse;
}

.headertable td.header
{
    height: 20px; 
    background: #e53526; /* Farbe 3 */ 
    padding: 5px; 
    color: #ffffff; /* Farbe 4 */
    padding-left:24px;
    vertical-align:middle;
    font-weight:bold;
    
}

.headertable td
{
    vertical-align:top;
}

.forms
{   margin-top:10px; 
    padding:0px;
    margin-left:24px;
    vertical-align:top;
}  
   
.forms td 
{
    padding-bottom:5px;
    padding-right:5px;
    white-space:nowrap;
}

.color3 /* Farbe 4 */
{
    color: #ffffff !important; /* Farbe 4 */
}

.tiler
{
    border-right:1px solid grey;
}

.fullwidth
{
    width:100%;
    clear:both;
}

.blindtable 
{   padding: 5px;
    padding-top:10px;
    padding-left:24px;
}

.hint
{
    line-height:140%;
}

td.fright
{
    text-align:right;
}

.flright
{
    float:right;
    clear:both;
}

.vmiddle 
{
    vertical-align:middle;
}

.smalllink a 
{
    color:#aaaaaa; /* Farbe 3*/
    font-size:11px;
    padding-right:20px;
    text-decoration:underline;
}

th 
{
    text-align:left;
}

.buttonstandard
{
    width:100px;
}