@import url(/styles/live/articles.css);
@import url(/styles/live/navigation.css);
@import url(/styles/live/thickbox.css);

/* Structure */


.mceVisualAid {
    border : 1px dashed #ffbbbb;
}

p {
    margin: 0;
}

input {
    margin: 0;
}

input.button {
    height: 21px;
    padding: 0 6px;
}

/* Images */
img {
    border: 0;
}


/* Links */
a {
    text-decoration: none;
    color: #4e88d2;

}

a:hover {
    text-decoration: none;
    color: #ba0208;
}

/* remove dashed boxes from around links in firefox */
a:focus {
    user-focus: none;
    outline: none;
    -moz-user-focus: none;
    -moz-outline: none;
}

/* Headings */
h1 {
    margin: 0;
    font-weight: normal;
    font-size: 18px;
    color: #ba0208;
}

h2 {
    margin: 0;
    font-weight: normal;
    font-size: 15px;
    color: #ba0208;
}

h3 {
    font-weight: normal;
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #ba0208;
}





.label {
    display: block;
}

input.field {
    background-color: #CDCDCD;
    border: 1px solid #A0AEC0;
    padding:2px;
}


ul	{
	list-style-position:outside;
}


/* validator icons */
#xhtml {
	display:block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 5px 5px 5px 0;
	background-image: url(/images/default/xhtml_valid.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#xhtml:hover {
	background-position: -16px 0px;
}

#css {
	display:block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 5px;
	background-image: url(/images/default/css_valid.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#css:hover {
	background-position: -16px 0px;
}

#sitemap {
	display:block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 5px;
	background-image: url(/images/default/sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#sitemap:hover {
	background-position: -16px 0px;
}

a.sitemaptop {
	display: block;
	background-image: url(/images/default/sitemapline.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	width: 300px;
}

a.sitemaplow {
	display: block;
	padding-left: 20px;
	width: 280px;
}

div.userimg{
width:90px;
float:left;
}



/*webiteasy own*/
*{
	padding:0;
	margin:0;
	border:0;
}
html, body{
 	height: 100%; /* wichtig */
	font:12px Arial, Verdana, sans-serif;
	color: #000;
	background:#fff;
	text-align:left;	
}
hr{
        border: 1px solid #e8e8e8;	
}
ul	{
	list-style-position:inside;
}
#outer_wrap{
	width:960px;	
	margin:0 auto;
  	position: relative;
       
     background: #fff url("/images/webiteasy/background.gif") repeat-y top left; 
}
#header{
	height:125px;
	background: #fff;
	
}
#header_logo{
	height:125px;
	position: absolute;
	top: 47px;
	left: 792px;	
}
#header_lang{
  position: absolute;
  top: 5px;
  left: 870px;
  width: 100px;
  height: 17px;
  z-index: 99;
}
#header_navigation{
    width: 750px;
	height:17px;
	position: absolute;
	top: 85px;
	left: 21px;	
}
#header_shadow{
    width: 933px;
	height:6px;
	position: absolute;
	top: 119px;
	left: 15px;	
}
#header_shadow_inner_left{
    background: url("/images/webiteasy/header_shadow_inner_left.gif") no-repeat top left; 
    width: 6px;
	height:6px;
	float: left;	
}
#header_shadow_inner_center{
    background: url("/images/webiteasy/header_shadow_inner_center.gif") repeat-x top left;    
    width: 921px;
	height:6px;
	float: left;	
}
#header_shadow_inner_right{
    background: url("/images/webiteasy/header_shadow_inner_right.gif") no-repeat top left; 
    width: 6px;
	height:6px;
	float: left;	
}

#inner_wrap{
        float: none;
	width:100%;
	padding-bottom:0px;
}
#navigation{
        position: relative; left: 0px; top: 0px; 
        float: left;
	width:200px;
	background: #daa;	
}
#navigation_inner{
        position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
        padding:5px;    
        overflow: hidden;    
}
#content{
        position: relative; left: 0px; top: 0px;
        float:left;   
	    width:100%;
	    
}
#content_inner{
        background: url("/images/webiteasy/content_image.jpg") no-repeat 21px 0px; 
        position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
        padding: 0px 18px 0px 21px;
        overflow: hidden;
        min-height: 362px;
        height: auto !important; /* for modern Browsers */
        height: 362px;  /* for IE */
}

#two_content_inner{
        background: #fff; 
      /*      background: #fff url("/images/webiteasy/2_content_image.jpg") no-repeat 0px 0px;*/ 
    
        position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
        margin: 0px 18px 0px 21px;
        padding: 0px 0px 0px 12px;
        overflow: hidden;
        height: 464px;
}
#two_content_inner_inner{

        overflow: auto;
        height: 464px;
}

#two_inner_content_navigation{
	
        min-height: 80px;
        height: auto !important; /* for modern Browsers */
        height: 80px;  /* for IE */	
}
#two_inner_content_navigation_inner{
        padding: 14px 10px 15px 0px;
}



#footer {
    background: url("/images/webiteasy/content_footer.jpg") no-repeat 21px 0px;      
  	position: relative;
	width:100%;	
	height:102px;	
}
#two_footer {
	position: relative;
	/*
    background: url("/images/webiteasy/2_content_footer.jpg") no-repeat 21px 0px;      
  	position: relative;
	width:100%;	
	height:102px;	
	*/
}
#footer_navigation{
    padding: 0px 0px 0px 21px;
    height: 72px;
}
#footer_shadow{
    width: 933px;
	height:6px;
	position: absolute;
	top: 79px;
	left: 15px;	
}
#two_footer_shadow{
    width: 933px;
	height:6px;
	position: absolute;
	top: 0px;
	left: 15px;	
}
#footer_shadow_inner_left{
    background: url("/images/webiteasy/footer_shadow_inner_left.gif") no-repeat top left; 
    width: 6px;
	height:6px;
	float: left;	
}
#footer_shadow_inner_center{
    background: url("/images/webiteasy/footer_shadow_inner_center.gif") repeat-x top left;    
    width: 921px;
	height:6px;
	float: left;	
}
#footer_shadow_inner_right{
    background: url("/images/webiteasy/footer_shadow_inner_right.gif") no-repeat top left; 
    width: 6px;
	height:6px;
	float: left;	
}
#footer_blank{
    height: 24px;
    width: 100%;
    position: absolute;
    top: 85px;
    left: 0px;
    background: #fff;
}
#two_footer_blank{
    height: 24px;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    background: #fff;
}
#footer_blank_inner{
    padding: 6px 0px 0px 23px;
    font-size: 11px;    
}

a.white_link, a.white_link:hover{
    color: #000;
    font-size: 11px;	
}


/*wns nav top*/
a.nav_top{
	font-size: 18px;
	font-weight: normal;
	color: #b8b8b9;	
    text-transform: uppercase;	
    letter-spacing:0.5px;
}
a.nav_top:hover{
	font-size: 18px;
	font-weight: normal;
	color: #ba0208;
	text-transform: uppercase;
	letter-spacing:0.5px;
}
a.nav_top_active, a.nav_top_active:hover{
	font-size: 18px;
	font-weight: normal;
	color: #ba0208;	
    text-transform: uppercase;	
    letter-spacing:0.5px;
}
div.navigation_upper{
    font-weight: normal;
    color: #b8b8b9;	
    letter-spacing:0.5px;
}

/*Hard coded navi*/
#hard_link_1{
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_1_inactive.jpg") no-repeat top left; 
	padding-right: 18px;
	float: left;
}
#hard_link_1:hover{
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_1_active.jpg") no-repeat top left; 
	padding-right: 18px;
	float: left;
}
#hard_link_1_active, #hard_link_1_active:hover {
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_1_active.jpg") no-repeat top left; 
	padding-right: 18px;
	float: left;
}
#hard_link_2{
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_2_inactive.jpg") no-repeat top left; 
	padding-right: 18px;
    float: left;	
}
#hard_link_2:hover{
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_2_active.jpg") no-repeat top left; 
	padding-right: 18px;
    float: left;	
}
#hard_link_2_active, #hard_link_2_active:hover {
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_2_active.jpg") no-repeat top left; 
	padding-right: 18px;
	float: left;
}
#hard_link_3{
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_3_inactive.png") no-repeat top left; 
	padding-right: 18px;
	float: left;
}
#hard_link_3:hover{
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_3_active.png") no-repeat top left; 
	padding-right: 18px;
	float: left;
}
#hard_link_3_active, #hard_link_3_active:hover {
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_3_active.png") no-repeat top left; 
	padding-right: 18px;
	float: left;
}
#hard_link_4{
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_4_inactive.png") no-repeat top left; 
	padding-right: 18px;
	float: left;
}	
#hard_link_4:hover{
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_4_active.png") no-repeat top left; 
	padding-right: 18px;
	float: left;
}
#hard_link_4_active, #hard_link_4_active:hover {
	width: 111px;
	height: 72px;
	background: url("/images/webiteasy/img_bttn_4_active.png") no-repeat top left; 
	padding-right: 18px;
	float: left;
}



/*wns navigation based on divs*/
div.nav_main_active, div.nav_main_active_last{
    padding: 0px 0px 0px 0px;
    text-align: left;
}

div.nav_main_active A, div.nav_main_active_last A{
    color: #ba0208;
    font-size: 12px;  
}

div.nav_main_inactive, div.nav_main_inactive_last{
	padding: 0px 0px 0px 0px;
    font-size: 12px;
	text-align: left;
}

a.nav_main{
    color: #4e88d2;
    font-size: 12px;
    text-transform: uppercase;    
}

a.nav_main:hover{
    color: #ba0208;
    font-size: 12px; 
    text-transform: uppercase;    
}


div.nav_sub_active, div.nav_sub_active_last{
    padding: 1px 0px 1px 0px;	
  
}

div.nav_sub_active A, div.nav_sub_active_last A{
    color: #ba0208;
    font-size: 12px;
}

div.nav_sub_inactive, div.nav_sub_inactive_last{
    padding: 1px 0px 1px 0px;
  
}

a.nav_sub{
    color: #4e88d2;
    font-size: 12px;   
    text-transform: uppercase;
}

a.nav_sub:hover{
    color: #ba0208;
    font-size: 12px;   
    text-transform: uppercase;    
}