@import url(boxes.css);

/* CSS LAYOUT GENERAL, SORTED */

A {color : #FF3333;text-decoration : none}
A:hover {color : #FFFFFF; background-color:#FF3333;}

.white {color:#000000}
.orange {color:#A83904}
.grey {color:#494949}
.dgrey {color:#1E1E1E}
.lgrey {color:#828282}

.green {color:#FF3333}
.red {color:#FF3333}
.blue {color:#FF3333}
.link {color:#FF3333}

.headline {font-size:15px;font-family:Arial}


BODY {
	background-image : url(../images/layout/bg.jpg);
        background-attachment:fixed;
	text-align : center;
	margin : 0px;
	padding : 0px;
	height : 100%;
	width :100%;
}

DIV {
   text-align:left;
   font-family:Arial;
   font-size:11px;
   font-style:normal; 
   text-decoration: none; line-height:15px; 
   color:#333333;
}

DIV#align {
   width : 1000px;
   height : 100%;
   text-align : center;
   position :relative;
   margin : 0;
   margin : auto;
   margin-left: 10%;
   
}

DIV#center {
   position : absolute;
   left : 0px;
   width : 1000px;
   text-align : left;
   height : 100%;
}

FORM {
   display:inline;
}

HTML {
   height: 100%;
}

IMG {
   border:0px;
}
IMG.boxname {
   margin-right:50px

}

IMG.country {
   display:inline;
   float:left;
   margin-right:5px;
}

IMG.country2 {
   display:inline;
   float:left;
   margin-right:5px;
   margin-top:3px;
}

IMG.left {
   float:left;
   display:inline;
}

IMG.right {
   float:right;
   display:inline;
}

INPUT,TEXTAREA {
   font-family : Verdana;
   font-size : 10px;
   display : inline;
}

TD {
   font-family:Verdana;
   font-size:10px; 
   font-style:normal; 
   text-decoration: none; line-height:15px; 
   color:#1E1E1E;
}


/* LAYOUT ITSELF */

DIV.brown_line {
   height:0px;
   overflow:hidden;
   background-image : url(../images/layout/brown_line.gif);
   margin:5px 0px;
   padding:0px;
}

DIV.line_brown {
   height:0px;
   overflow:hidden;
   background-image : url(../images/layout/line_brown.jpg);
   margin:3px 0px;
   padding:0px;
}

DIV#page {
  width:100%;
  height:100%;
  background-repeat:repeat-x;*/
}


DIV#back {
   background-image : url(../images/layout/content_back.png);
   width:841px;
   padding:0px 15px;
}

DIV#header {
   
}

DIV#menu {
   width:841px;
   height:30px;
}

DIV#content {
  text-align:left;
  position:relative;
  padding-bottom:1px;

 
}
DIV#bottom {

   background-image : url(../images/layout/bc_2.png);
   height:60px;
   width:1000px;
   margin-left:0px;

}

DIV#left {
   width:178px;
   text-align:left;
   position:absolute;
}

DIV.user_row {
   width:163px;
   height:17px;
   margin-bottom:1px;
   line-height:17px;
   padding-left:5px;
}

DIV.row_1 {
   background-image:url(../images/layout/user_row_1.jpg);
}
DIV.row_2 {
   background-image:url(../images/layout/user_row_2.jpg);
}
DIV.row_3 {
   background-image:url(../images/layout/user_row_3.jpg);
}

DIV.login_text {
   margin-top:5px;
   height:13px;
   font-size:10px;
   padding-left:9px;
}

DIV.login_input {
   width:156px;
   height:19px;
   text-align:center;
   background-image : url(../images/layout/input_login.jpg);
   margin-bottom:2px;
}

DIV#login_lost_pw {
   margin-top:5px;
   text-align:center;
}


TD#content_left {
   width:15px;
   background-image : url(../images/layout/content_left.png);
}
TD#content_right {
   width:15px;
   background-image : url(../images/layout/content_right.png);
}
TD#content {
   width:1000px;
   background-color:white;
}

DIV#content_box {
   width:870px;
   border-top:0px solid #;
   margin-top:1px;
   margin-right:0px;
   background-image:url(../images/layout/content_back.gif);
}

DIV#content_box2 {
   width:870px;
   
   background-image:url(../images/layout/content_bottom.gif);
   background-position:bottom;
   background-repeat:no-repeat;
   padding:3px 3px 5px 3px;
   
}

/* SUBMENU */

DIV.submenu_block_left {
   float:left;
   height:24px;
   margin-right:1px;
}
DIV.user_row {
   width:163px;
   height:17px;
   margin-bottom:1px;
   line-height:17px;
   padding-left:5px;
}

DIV.submenu_block_right {
   float:left;
   height:24px;
   margin-left:1px;
}

DIV.submenu_item {
   float:left;
   height:24px;
   margin:0px 1px;
}



/* TABLES */
TD.light {
   background-color:#EFF3F7;
}
TD.dark {
   background-color:#E5EBF1;
}

TD.h17 {
   height:17px;
}

TD.table_grey_line {
   height:1px;
   background-color:#939393;
   padding:0px;
}

TD.p5 {
   padding-left:5px;
   padding-right:5px;
}

TD.p10 {
   padding-left:10px;
   padding-right:10px;
}

TD.p13 {
   padding-left:13px;
   padding-right:5px;
}

TD.headline {
   padding-left:15px;
   background-color:white;
   height:23px;
   line-height:23px;
   color:#2A2A2A;
   font-size:10px;
   font-family:Arial;
}

TD.body {
   padding:4px 11px;
   background-color:white;
   font-size:9px;
   line-height:10px;
}

.b {
   font-weight:bold;
}
.center {
   text-align:center;
}
.right {
   text-align:right;
}

TD.line_vertical {
   width:1px;
   background-image:url(../images/layout/linebrown.jpg);
}

TD.line_hori {
   height:1px;
   background-image:url(../images/layout/linebrown.jpg);
}



/* FORMULARE */

INPUT.login {
   background-image:url(http://zooster.de/static/images/layout/bg.jpg);
   border:1px solid #999;
   margin-top:1px;
   width:140px;
   color:#FFFFFF;
   font-weight:bold;
}

SELECT {
   border:1px solid #999;
   background-color:white;
   font-family:Verdana;
   font-size:10px;
}

TEXTAREA.default,INPUT.default {
   border:1px solid #999;
   background-color:white;
}

INPUT.default_red {
   border:1px solid #999;
   background-color:#FEFEFE;
}

.avatar {
	vertical-align: middle;
	}
	
.add2hig {
	background-color: #a2a2a2
	}