/*################################################################################

MAIN-CSS

--- enthält erstmal allgemeine Klassen, keine ingame-styles - Omar
--- bitte jede Klasse kurz beschreiben auf welches Objekt es sich bezieht - Omar
---- #FF6600 = highlight color
---- #645339 = head1 color
################################################################################*/
/* PNG FIX  */
img, div, a, input, tr, td, table, li, ul, span, html, head, body { behavior: url(/stylesheets/iepngfix.htc) }
 

/* Allgemeine Link */
a:link{
color: #371C00;
}

a:visited{
color: #371C00;
}

a:hover{
text-decoration:none;
color: #000000;
}
/* Tabellen im Overview */
td.res_view{
text-align: center;
width: 60px;
font-size:12px;
}

div.stat_view{
text-align: left;
font-size:11px;
padding-left:6px;
}

/* Allgemeiner Div */
div.styleone{ 
display:block; 
background-image:url('/images/screen/trans_dark.png'); 
background-repeat: repeat;
padding:3px;
}


/* Allgemeiner Div */
div.stylethree{ 
background-image:url('/images/screen/trans_light2.png'); 
background-repeat: repeat;
font-size: 12px;
}

/* allgeminer überschriten style */
.head1{
font-size: 14px;
font-weight:bold;
color: #645339;
}

h2{
font-size: 19px;
font-weight:bold;
color: #371c00;
}



/* Allgemeiner Div */ 
div.styletwo{
display:block; 
background-image:url('/images/screen/trans_light.png'); 
background-repeat: repeat;
padding:3px;
}


/* Allgemeiner Div */ 
div.stylethree{
width: 100%; 
display:block; 
padding:3px;
}


/* Allgemeiner Div */ 
div.ble{
width: 500px; 
display: block; 
padding: 3px;
margin: 4px;
margin-bottom: 0px;
height: 76px;
background-image: url('/images/screen/trans_light.png');
}

/* Body-standards */
body{
width: 100%;
height: 100%;
background-color: #000000;
font-family: Georgia, sans-serif;
font-size:11px;
}

/* Body-standards */
table{
font-family: Georgia, sans-serif;
font-size:11px;
}

/* Der Container welcher das ganze Spielinterface enthält */
div.main_container{
width:1048px;
height:733px;
position: absolute;
top: 0%;
left: 50%;
width:1048px;
height:733px;
margin-top: 0px;
margin-left: -524px;
/* border:1px solid yellow; */
}

/* Container der oberen Leiste wo die Übersicht drin ist */
div.overview_container{
width:863px;
height:61px;
margin-left: 78px;
vertical-align: middle;
overflow: hidden;
/* border:1px solid yellow; */
}

/* Container der oberen Leiste wo die Übersicht drin ist */
div.navigation_container{
width: 116px;
height: 394px;
display: block;
overflow: hidden;
padding:0px;
/* border:1px solid yellow; */
}

/* Container der oberen Leiste wo die Übersicht drin ist */
div.game_container{
width:632px;
height:447px;
overflow: auto;
font-size: 11px;
}


/* Container zum verstecken der Scrollbar */
div.scroll_container{
width:634px;
height:444px;
overflow: hidden;
font-size: 11px;
/* border:1px solid yellow; */
}


/* Platzhalter für cityview wo gebäude reinkommen */
div.haus_platzhalter{
width:90px;
height:90px;
position:absolute;
border:0px dashed red;
}

/* input styles */
.input1{
background-color: #FFEEE6;
border: 1px solid #000000; 
}

/* einfacher button */
input.button1{
background-color: #A5734E;
border: 1px solid #000000; 
}

input.button1:hover{
background-color: #C1A579;
border: 1px solid #000000; 
}

/* textarea styles */
textarea{
background-color: #FFEEE6;
border: 1px solid #000000;
font-size:11px; 
}

/* Links für die Stadtansicht */
a.empty_field:link{
display: block;
width:100%;
height: 100%;
}

a.empty_field:visited{
display: block;
width:100%;
height: 100%;
}


a.empty_field:hover{
display: block;
width:100%;
height: 100%;
background-image: url('/images/game/hammer.png');
background-position:center;
background-repeat:no-repeat;
}


a.enter_building:link{
display: block;
width:100%;
height: 100%;
position: relative;
}

a.enter_building:visited{
display: block;
width:100%;
height: 100%;
} 


a.enter_building:hover{
display: block;
width:100%;
height: 100%;
/*background-image: url('/images/game/enter_building.png');*/
background-position:left bottom;
background-repeat:no-repeat;
}

a.build_hammer:link{
width: 20px;
height: 20px;
display:block;
}

a.build_hammer:visited{
width: 20px;
height: 20px;
display:block;
}


a.build_hammer:hover{
width: 20px;
height: 20px;
display:block;
background-image: url('/images/game/hammer_over_small.png');
background-repeat:no-repeat;
}

/* table stuff */ 
.insd{
border:0px solid red; 
width:630px;
}

table.insd td.insd1{
width:130px; 
background-image:url(/images/screen/trans_light2.png);
}

table.insd td.insd2{
width:404px;
background-image:url(/images/screen/trans_light.png);
}

.none{
/* just nothing */
}

input.login1{
width:200px; 
height:26px; 
font-size:20px; 
font-family:Georgia, 'Times New Roman', Times, serif; 
color:#2B1E13;
}

.fl{
width:90px;
text-align:left;
height:20px;
float:left;
}
.fv{
width:250px;
height:50px;
}