/*
 * main stylings
 */

body {
	margin:20px;
  padding:0;
  font-family:"Arial", sans-serif;
  font-size:0.8em;
  color:#333;
}

.cb {
  clear:both;
}

a, img {
  color:#333;
  text-decoration:none;
  border:0;
}
a:hover, img {
  text-decoration:underline;
  border:0;
}

ul {
  padding:0;
  margin:0 0 0 15px;
  list-style:square;
}

ul.changelog {
  padding:0;
  margin:10px 0 0 25px;
  list-style:square;
  line-height:1.6em;
}

/*
 * header
 */

#header {
  background: url(../images/frontend/bg.png) no-repeat bottom left;
}

#beta {
  position:absolute;
  top:5px;
  left:810px;
  height:133px;
  width:132px;
  background:url(../images/frontend/beta.png) no-repeat;
  z-index:1000;
}


/*
 * content
 */

#content {
  float:left;
  margin:45px 20px;
  width:810px;
  
}


/*
 * url und alias input stylings
 */

.url-head {
  position:absolute;
  top:125px;
  left:35px;
}
.alias-head {
  position:absolute;
  top:290px;
  left:35px;
}
*+html .alias-head {
  position:absolute;
  top:310px;
  left:35px;
}
.url-i-l {
  float:left;
  background:url(../images/frontend/urlleft.png) no-repeat bottom left;
  height:60px;
  width:14px;
}
.url-i-m {
  float:left;
  background:url(../images/frontend/urlbg.png) repeat-x bottom left;
  height:60px;
  width:87px;
}
.url-i-r {
  float:left;
  background:url(../images/frontend/urlright.png) no-repeat bottom left;
  height:60px;
  width:14px;
}
.input-url {
  float:left;
  width:340px;
}

.longurl {
  float:left;
  background:url(../images/frontend/long_bg.png) no-repeat top left;
  width:340px;
  height:121px;
  padding:25px 10px 10px;
  color:#ccc;
}

.longurl textarea {
  /*border:1px solid red;*/
  border:0;
  width:285px;
  height:80px;
  color:#666;
  font-size:0.9em;
  font-family:"Arial", sans-serif;
  font-weight:bold;
  vertical-align:top;
}

.alias {
  clear:left;
  float:left;
  background:url(../images/frontend/alias_bg.png) no-repeat top left;
  width:339px;
  height:55px;
  padding:15px 10px 0;
  color:#ccc;
  vertical-align:top;
  margin-top:10px;
}

*+html .alias {
  clear:left;
  float:left;
  background:url(../images/frontend/alias_bg.png) no-repeat top left;
  width:339px;
  height:55px;
  padding:10px 10px;
  color:#ccc;
  vertical-align:top;
  margin-top:30px;
}

.alias input {
  /*border:1px solid red;*/
  border:0;
  width:200px;
  height:23px;
  color:#666;
  font-size:0.9em;
  padding:7px 0 0 0;
  font-weight:bold;
}
*+html .alias input {
  /*border:1px solid red;*/
  border:0;
  width:190px;
  height:23px;
  color:#666;
  font-size:0.8em;
  padding:0;
  margin:8px 0 0 0;
  font-size:0.9em;
  font-weight:bold;
  vertical-align:middle;
}
#alias-status {
  height:16px;
  width:16px;
  vertical-align:middle;
}
.preview-input {
  float:left;
  margin:6px 0 0 0;
  font-size:0.7em;
  font-weight:bold;
}

.preview-input input {
  vertical-align:middle;
  border:0;
}

.shortr-submit {
  background:url(../images/frontend/shortr_submit.png) no-repeat;
  width:186px;
  height:21px;
  float:right;
  border:0;
  cursor:pointer;
}


/*
 * Info Bereich
 * - Wrap
 * - Navigation
 */

.info-wrap {
  float:left;
  width:370px;
  height:310px;
  margin:-35px 0 0 69px;
  padding:15px;
  background:url(../images/frontend/info_bg.png) no-repeat bottom left;
}
#content_1, #content_2, #content_3, #content_4 {
  position:absolute;
  top:165px;
  left:480px;
  width:340px;
  height:290px;
  line-height:1.4em;
}

#content_1 h3, #content_2 h3, #content_3 h3, #content_4 h3 {
  font-size:1.2em;
  color:#980000;
  padding:0;
  margin:15px 0 5px -10px;
}
#content_1 h2, #content_2 h2, #content_3 h2, #content_4 h2 {
  font-size:1.4em;
  color:#980000;
  padding:0;
  margin:0 0 5px -10px;
}

.nav-text {
  margin:24px 0 0 2px;
  color:#fff;
  font-weight:bold;
  font-size:0.9em;
  text-align:center;
  cursor:pointer;
}
.nav-i-l {
  float:left;
  background:url(../images/frontend/navi/left_left_inactive.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-a-l {
  float:left;
  background:url(../images/frontend/navi/left_left_active.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-i-r {
  float:left;
  background:url(../images/frontend/navi/right_right_inactive.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-a-r {
  float:left;
  background:url(../images/frontend/navi/right_right_active.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-i-m {
  float:left;
  background:url(../images/frontend/navi/inactive.gif) repeat-x bottom left;
  height:60px;
  width:87px;
  cursor:pointer;
}
.nav-a-m {
  float:left;
  background:url(../images/frontend/navi/active.gif) repeat-x bottom left;
  height:60px;
  width:87px;
  cursor:pointer;
}
.nav-i-m-l {
  float:left;
  background:url(../images/frontend/navi/left_middle_inactive.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-i-m-r {
  float:left;
  background:url(../images/frontend/navi/right_middle_inactive.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-a-m-r {
  float:left;
  background:url(../images/frontend/navi/left_middle_active.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-a-m-l {
  float:left;
  background:url(../images/frontend/navi/right_middle_active.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-a-m-l {
  float:left;
  background:url(../images/frontend/navi/right_middle_active.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-a-m-l-hover {
  float:left;
  background:url(../images/frontend/navi/left_middle_hover.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}
.nav-a-m-r-hover {
  float:left;
  background:url(../images/frontend/navi/right_middle_hover.gif) no-repeat bottom left;
  height:60px;
  width:14px;
  cursor:pointer;
}


/*
 * footer
 */

#footer {
  float:left;
  background:url(../images/frontend/bg.png) no-repeat bottom left;
  height:90px;
  width:853px;
}
.footertogo {
  float:left;
  margin:0 0 0 20px;
}

#footernav {
  float:right;
  margin:65px 30px 0 0;
  font-weight:bold;
}