/************************
General                  
************************/

* {
    padding: 0;
    margin: 0; 
}

ul {
    padding-left: 30px;
}                      

h4.headline {
    border-bottom: solid 1px #888888;
    margin: 0px !important;
}

.button {
    font: bold 11px Verdana, Tahoma, sans-serif;
    background: #DDDDDD;
    border: 1px solid #CCCCCC;
    padding: 2px;
    min-width: 80px;
}

.disabled_text {
    color: #999999;
    font-style: italic;
}                      

body {
    font: 12px Arial, Tahoma, Verdana sans-serif;
    background: #555555;                         
}                                                

img {
    border: none;
}                

#wrapper {
    width: 913px;
    margin: 0 auto 25px;
}                       

#imprint_line {
    line-height: 25px;
    text-align: right;
}                     

#imprint_line a {
    color: #CCCCCC;
    font-size: 10px;
    text-decoration: none;
}                         

#imprint_line a:hover {
    color: #FFFFFF;    
}                      

#main {
    background: #FFFFFF url('http://www.thelan.info/static/images/shadow_right.jpg') no-repeat right top;
    width: 911px;                                                                  
    border: 1px solid #FFFFFF;                                                     
}                                                                                  

* html #main {
    \width: 913px; /* for IE5 and IE6 in quirks mode */
    w\idth: 911px; /* for IE6 in standards mode */     
}                                                      

#header1 {
    height: 89px;
}                

#logo {
    float: left;
}               

#login_form {
    height: 46px;
    padding-top: 20px;
    text-align: right;
    margin-right: 20px;
}                      

* html #login_form {
    \height: 66px; /* for IE5 and IE6 in quirks mode */
    h\eight: 46px; /* for IE6 in standards mode */     
}                                                      

#login_form input {
    padding: 2px;  
    font: 11px sans-serif;
    border: 1px solid #CCCCCC;
}                             

#tabs {
    list-style-type: none;
    float: right;         
}                         

#tabs li {
    float: left;
    margin-right: 1px;
    background: url('../images/tab_right.png') no-repeat right top;
}                                                                       

#tabs li.current {
    background: url('../images/tab_right_current.png') no-repeat right top;
}                                                                               

#tabs li a {
    background: url('http://www.thelan.info/static/images/tab_left.png') no-repeat;
    display: block;                                          
    padding: 0 8px;                                          
    line-height: 23px;                                       
    color: #444444;                                          
    text-decoration: none;                                   
    font-size: 10px;                                         
}                                                            

#tabs li.current a {
    background: url('http://www.thelan.info/static/images/tab_left_current.png') no-repeat;
    color: #000000;                                                  
    font-weight: bold;                                               
}                                                                    

#header2 {
    background: #161F52 url('../images/transp.png') no-repeat;
    height: 46px;                                                         
    padding-left: 240px;
}                                                                                                       

#header2 h2 {
    line-height: 46px;
    font-size: 14px;  
    font-weight: bold;
    color: #FFFFFF;   
    float: left;      
}                     

#body {
    background: #EEEEEE;
}                       

#sidebar {
    width: 196px;
    float: left; 
    margin-top: -23px;
    margin-bottom: 10px;                                                                 
}                                                                                        

#sidebar ul {
    padding: 0;
    list-style-type: none;
}                         

#sidebar li {
    background: #BFBBB4;
    border-bottom: 1px solid #B4B0A8;
}                                    

#sidebar li.depth_0 {
    background: url('../images/title.png') no-repeat;
    line-height: 23px;                                    
    font-weight: bold;                                    
    padding-left: 5px;                                    
}                                                         

#sidebar li.depth_1 {
    padding-left: 7px;
}                     

#sidebar li.depth_2 {
    padding-left: 20px;
}                      

#sidebar li.depth_3 {
    padding-left: 33px;
}                      

#sidebar li a {
    text-decoration: none;
    color: #9E373E;
    font-size: 10px;      
    line-height: 22px;    
}                         

#sidebar li a img {
    float: left;
    position: relative;
    top: 4px;          
    margin-right: 4px; 
}                      

#sidebar li.current {
    background: #B4B0A8;
}                       

#info {
    background: #FFFFFF url('http://www.thelan.info/static/images/shadow_right.jpg') no-repeat right top;
}                                                                                  

.info_box {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #B0ADAA;
    padding: 10px;                   
}                                    

#content {
    float: right;
    width: 695px;
    padding: 10px;                                                  
}                                                                   

* html #content {
    \width: 715px; /* for IE5 and IE6 in quirks mode */
    w\idth: 695px; /* for IE6 in standards mode */     
}                                                      

#content a {
    text-decoration: none;
    color: #9E373E;
}                         

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

img.inline_icon {
    margin: 0 2px;
    vertical-align: middle;
}                          

.project_description {
    color: #6E6E6E;   
    padding-left: 20px;
}                      

.boxwrapper {
    float: left;
    overflow: hidden;
}                    

.boxwrapper_100 { width: 100%; }
.boxwrapper_75  { width:  75%; }
.boxwrapper_67  { width:  67%; }
.boxwrapper_49  { width:  49%; }
.boxwrapper_50  { width:  50%; }
.boxwrapper_51  { width:  51%; }
.boxwrapper_33  { width:  33%; }
.boxwrapper_25  { width:  25%; }

.boxwrapper_right  { float: right; }
.boxwrapper_center { float: none; margin: 0 auto; }

.box {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 0;               
    margin: 4px;              
    height: 100%;             
}                             

.boxwrapper .box {
    margin: 2px;  
}                 

.box h3 {
    background: #161F52 url('http://www.thelan.info/static/images/transp2.png') no-repeat;
    color: #FFFFFF;                                                        
    font-size: 11px;                                                       
    height: 20px;                                                          
    line-height: 20px;                                                     
    font-weight: bold;                                                     
    margin: 1px;                                                           
    padding: 0 4px;                                                        
}                                                                          

.box h3 a {
    color: #FFFFFF;
}                  

.box h3 img {
    position: relative;
    top: 2px;          
    float: left;       
    margin-right: 3px; 
}                      

.box .hr {
    border-bottom: 1px solid #CCCCCC;
    font-size: 0px;                  
    line-height: 0px;                
    height: 1px;                     
    margin-bottom: 1px;              
}                                    

.box .blockwrapper {
    float: left;    
    overflow: hidden;
}                    

.box .blockwrapper_100 { width: 100%; }
.box .blockwrapper_75  { width:  75%; }
.box .blockwrapper_67  { width:  67%; }
.box .blockwrapper_49  { width:  49%; }
.box .blockwrapper_50  { width:  50%; }
.box .blockwrapper_51  { width:  51%; }
.box .blockwrapper_33  { width:  33%; }
.box .blockwrapper_25  { width:  25%; }

.box .block {
    padding: 3px;
    margin: 0 1px 1px;
    line-height: 1.5em;
}                      

.box .noform_block {
    padding: 5px 7px;
}                    

.box .block h4 {
    font: bold 11px Verdana, Tahoma, sans-serif;
    margin: 5px 0;                              
}                                               

.box .block h4.noicon {
    margin-left: 19px; 
}                      

.box .block h4 img {
    float: left;    
    position: relative;
    top: -1px;         
    margin-right: 3px; 
}                      

.box .block .subheader {
    margin-left: 20px;  
    color: #666666;     
}                       

.box .block p {
    margin-bottom: 7px;
}                      

.box .block_alternate {
    background: #DDDDDD;
}                       

.info_box .block, .box .info_block {
    background: #DFE5FA;            
    color: #555555;                 
    line-height: 1.4em;             
}                                   

.disabled_box h3 {
    background-color: #DDDDDD;
    color: #666666;           
}                             

.disabled_box .block {
    background: #DDDDDD;
    color: #555555;     
}                       

.box_collapsed .block, .box_collapsed .blockwrapper, .box_collapsed hr {
    display: none;                                                      
}                                                                       

.message_status, .message_failure, .message_hint {
    margin-bottom: 10px;                          
}                                                 

.message_status { border-color: #C8F4C8; }
.message_status h3 { background-color: #06C606; }
.message_status .block { background: #DAFFDA; }  

.message_failure { border-color: #F4C8C8; }
.message_failure h3 { background-color: #C60606; }
.message_failure .block { background: #FFDADA; }  

.message_hint { border-color: #C8C8F4; }
.message_hint h3 { background-color: #FF9900; }
.message_hint .block { background: #FFCC99; }  

.clearer {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;     
}                    

#footer {
    background: url('../images/footer.png') repeat-x;
    color: #555555;                                       
    line-height: 24px;                                    
    font-size: 10px;                                      
    text-align: center;                                   
}                                                         


/************************
Tables                   
************************/

table {
    border-collapse: collapse;
}                             

td, th {
    border-bottom: 1px solid #CCCCCC;
    padding: 3px 5px;                
    vertical-align: middle;          
}                                    

table.layout td {
    border: none;
    padding: 0;  
    margin: 0;   
    vertical-align: top;
}                       

tr.alternate td {
    background: #EEEEEE;
}                       

th {
    background: #161F52;
    color: #FFFFFF;            
    text-align: left;          
}                              

td.numeric {
    text-align: right;
}                     

.disabled_box .block td, th {
    border-color: #CCCCCC;   
}                            

.disabled_box .block th {
    background: #888888; 
}                        

.disabled_box .block tr.alternate td {
    background: #D8D8D8;              
}                                     

/*table {
    border-collapse: collapse;
}                             

td, th {
    border: 1px solid #FFFFFF;
    background: #EEEEEE;      
    padding: 3px 5px;         
}*/                           

table.topsites {
    width: 100%;
}               

table.topsites td {
    width: 33%;    
    border: none;  
    padding: 10px 0;
}                   


/************************
Pager                    
************************/

.pager {
    text-align: center;
}                      

.pager_first, .pager_previous, .pager_next, .pager_last {
    padding: 0 2px;                                      
    font-weight: bold;                                   
}                                                        

.pager_disabled {
    padding: 0 2px;
    font-weight: bold;
    color: #BBBBBB;   
}                     

.pager_pages {
    margin: 0 5px;
}                 

.pager_pages a, .pager_current {
    margin: 0 2px;              
}                               

.pager_current {
    font-weight: bold;
    background: #9E373E;
    color: #FFFFFF;            
    padding: 0 1px;            
}                              


/************************
Forms                    
************************/

.form_text, .form_password, .form_select, .form_textarea, .form_radiogroup, .form_checkboxgroup, .form_checkbox, .form_multi {
    margin: 8px 2px;                                                                                                          
}                                                                                                                             

.form_text input, .form_password input, .form_select select, .form_textarea textarea, .form_checkbox input, .form_multi input {
    font: 12px Verdana, Tahoma, sans-serif;                                                                                    
    border: 1px solid #CCCCCC;                                                                                                 
    padding: 1px;                                                                                                              
}                                                                                                                              

.form_text input, .form_password input, .form_textarea textarea, .form_checkbox input, .form_multi input {
    background: #FFFFFF url('../images/input_fade.png') repeat-y right top;                                                                    
}                                                                                                                                                   

.form_text input, .form_password input, .form_select select, .form_textarea textarea {
    width: 97%;                                                                       
}                                                                                     

.form_select select {
    width: 98%;      
}                    

.form_select select optgroup option {
    padding-left: 10px;
}

.form_checkboxgroup input, .form_radiogroup input {
    float: left;                                   
    position: relative;                            
    top: 1px;                                      
    margin-right: 5px;                             
    border: none;                                  
}                                                  

.form_text label, .form_password label, .form_select label, .form_textarea label, .form_multi label, .form_radiogroup div, .form_checkboxgroup div {
    color: #444444;                                                                                                                                 
    font-size: 10px;                                                                                                                                
    font-weight: bold;                                                                                                                              
    display: block;                                                                                                                                 
    margin-bottom: 2px;                                                                                                                             
}                                                                                                                                                   

.form_checkboxgroup label, .form_radiogroup label {
    vertical-align: middle;                        
}                                                  

.form_multi .form_elements label {
    display: inline;              
}                                 

.form_multi .form_elements input {
    margin-right: 10px;           
}                                 

.form_label .required_asterisk {
    display: none;              
}                               

.form_captcha {
    padding: 0 2px;
}                  

.constraint_required .required_asterisk, .input_required_info .required_asterisk {
    display: inline;                                                              
    color: #FF0000;                                                               
}                                                                                 

.input_required_info {
    color: #555555;   
    font-size: 10px;  
    margin-top: 5px;  
    text-align: right;
}                     

.form_submit {
    display: inline;
    margin-top: 5px;
    padding: 5px 2px 0;
}                      

.form_submit input {
    font: bold 11px Verdana, Tahoma, sans-serif;
    background: #DDDDDD;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.form_comment .form_comment {
    font-size: 10px;
    font-weight: normal;
    color: #555555;
    margin-bottom: 2px;
}

.form_error input, .form_error select, .form_error textarea {
    background: #FFDADA;
    border: 1px solid #F4C8C8;
}

.form_error .error_message {
    font-size: 10px;
    font-weight: normal;
    color: #C60606;
    margin-top: 2px;
}

.status_neu, .status_aktiv, .status_gesperrt, .status_entfernt {
    font-weight: bold;
}

.status_neu {
    color: #0000FF;
}

.status_aktiv {
    color: #339900;
}

.status_gesperrt {
    color: #FF0000;
}

.status_entfernt {
    color: #FF6600;
}

/*jQuery*/

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-tabs {
    border: 0;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 0.2em 0.5em;
}


/* Sprachauswahl */
.lang-select-current {
    cursor: pointer;
    border: 1px solid #888888;
    padding-left: 16px;
    padding-right: 2px;
    background: #666666 url('http://www.thelan.info/static/images/icons/arrow_right.gif') no-repeat;
}
.lang-select-current-down {
    background-image: url('../images/icons/arrow_down.gif');
}
.lang-select-current-loading {
    background-image: url('../images/icons/loading.gif');
}
.lang-select-other {
    position: absolute;
    top: 30px;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: 500px;
    display: none;
    z-index: 1000;
}
.lang-select-other a {
    color: #333333 !important;
    display: block;
}
.lang-select-other a:hover {
    background: #CCCCCC;
    color: #FFFFFF !important;
}