/*
	© 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: #1d398d;

*/


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

body, span, label, p {
    color: #4f4f4f;
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    line-height: 24px;

}


.section-title {
    background-color: #EEEEEE;
    height: 42px;
    margin: 0 0 16px -24px;
    padding: 0 0 0 34px;
    position: static;
}

.section-title-inhalt {
	float:left;
}
.section-title-inhalt h2 {
	color: #333333;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 15px;
}

h2 { font-size: 1.2em; color: #ffffff; /*Farbe2 */}
h3 { background: #9e1216; /* Farbe3 */ border: none; color: #ffffff /* Farbe 4 */ !important; font-size: 1em; padding-left:20px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    line-height: 24px;
    margin: 3px 0px;
    background-image:url('images/red-gradient.gif');
    }
    
h3 span
{
    font-size: 12px;
}    
    
h4 {  /*Farbe 1 */ color: #333333 /* Farbe 7 */ !important; font-size: 1em; font-family: Verdana, Sans-Serif;}

.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: 3px !important; margin: 2px 0 6px 0 !important; 
    vertical-align: middle; font-size: 12px; border: 1px solid #ccc;
} 

.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: #95242A; /* Farbe 3 */ padding:0; padding-left: 10px; color: #ffffff ; background-image:url('images/red-gradient.gif'); /* 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: #95242A; /* Farbe 3 */ padding:0; padding-left: 10px; color: #ffffff ; background-image:url('images/red-gradient.gif'); /* Farbe 4 */ }
.nrlist tr td { padding: 10px; }

/* 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; padding-right:10px;}
.nrlisttop_td_table 
{
    padding-right:20px;
}
.nrlisttop_td h4 
{
    margin-top:0; padding-top:0;
}


.button {
    background: none repeat scroll 0 0 #e36900;
    border-width: 0;
    color: #95242A;
    cursor: pointer;
    display: inline-block;
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    margin-top: 6px;
    overflow: visible;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
}

.buttonspaced
{
    margin-left:12px;
}

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


a:link, a:visited, a:hover, a:active  {
	color: #95242A; /* 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;  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, div.user_body_max_content,
#user_filter_max div.user_filter_max_content { padding: 20px; margin:2px 0; background-color:#eeeeee;}

/* Userbereich Start (user/Default.aspx) */
.user_start { }
.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 div.categories img, div.categories input.button { background: none; width: 15px; height: 15px; margin: 0;  }
div.categories a { padding-bottom:4px;}
div.categories img, div.categories input.button { margin-bottom:-3px; }
div.categories * { vertical-align: baseline!important; border:none; padding:0;}

.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:#a3a9a0; /* Farbe x1 */
    border-left:2px solid white;
    width:33%;
    color:#fff;
}

.threestepheader .active
{
    background-color:#a11f0f;  /*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:#fff; /* Farbe 3*/
}


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

.adresscontrol td.header
{
    height: 20px; background: #95242A; /* Farbe 3 */ padding:0; padding-left: 10px; color: #ffffff ; background-image:url('images/red-gradient.gif'); /* Farbe 4 */ font-weight:bold;
}

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

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

.headertable td.header    { height: 20px; padding:0 0 0 20px; background: #95242A; /* Farbe 3 */ color: #ffffff ; background-image:url('images/red-gradient.gif'); font-weight:bold; /* Farbe 4 */ }

.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;
    padding:10px;
}

.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;
}