/** 
  * CSS Document
  * =============================
  * www.klips.dpaulus.de
  * (c) 2007 Dominik Paulus
  * www.dpaulus.de, mail@dpaulus.de
  *
  */


/*  ===============================================
                        T A G S
    =============================================== 
 */
 
body {
						background:url(../img/top_back.png) 0 0 repeat-x #666;
						text-align:center;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight:normal;
						color:#333;
}
h1,
h2,
h3,
h4 {
						font-family:Georgia, "Times New Roman", Times, serif;
						font-weight:normal;
}
h1 {
						font-size:160%;
						border-bottom:1px solid #f90;
} 
h2 {
						font-size:140%;
} 
h3 {
						font-size:120%;
} 
a {
						color:#f90;
}
hr,
.hide {
						display:none;
}
img {
						border:0;
}

/*  ===============================================
                         M A I N
    =============================================== 
 */
 
#main {
						position:absolute;
						left:50%;
						top:40px;
						width:800px;
						margin-left:-400px;
						text-align:left;
						overflow:hidden;
						background:url(../img/main_back.png) 0 0 repeat-y;
						padding:0 7px;
}
#top {
						margin:0 -7px;
						padding:4px 7px 0 7px;
						background: url(../img/main_top_back.png) 0 0 no-repeat;
}
#head {
						clear:both;
						position:relative;
						height:220px;
						background:url(../img/tracks.jpg) left 20px no-repeat;
}
#head h1 {
						height:20px;
						width:790px;
						display:block;
						margin:0;
						background:#f90 url(../img/header_back.png) 0 0 repeat;
						color:#fff;
						font-size:120%;
						font-family:Arial, Helvetica, sans-serif;
						line-height:20px;
						vertical-align:middle;
						padding:0 5px;
}
#head h2 {
            display:none;
}
#langs {
						display:block;
						width:100%;
						height:29px;
						margin:0;	
						text-align:right;
						font-size:90%;
						line-height:29px;
						vertical-align:middle;
}
#langs a {	
						padding-left:20px;
						margin:0 5px;
						text-align:left;
						color:#333333;
						text-decoration:none;
						background-position:left center;
						background-repeat:no-repeat;
}
#langs a.DE {
						background-image:url(/img/icon_german.gif);
}
#langs a.EN {
						background-image:url(/img/icon_english.gif);
}
#langs a:hover {
						text-decoration:underline;
}
#langs a.active {
						font-weight:bold;
}
#langs small {
						visibility:hidden;
						font-size:80%;
						padding-right:30px;
						background:url(../img/larrow.gif) center right no-repeat;
}
#langs:hover small {
						visibility:visible;
}
ul#nav {
						position:absolute;
						right:0;
						bottom:0;
						width:100px;
						margin-bottom:0;
						text-align:center;
						list-style:none;
}
#nav li a {
						display:block;
						height:30px;
						width:100px;
						line-height:30px;
						vertical-align:middle;
						color:#fff;
						text-decoration:none;
						font-weight:bold;
						border-top:1px solid #fff;
						background:#f90 url(../img/menu_back.jpg) 0 0 no-repeat;
}
#nav li a:hover {
						background-image:url(../img/menu_back_hover.jpg);
}
#nav li.li2 a {
						background-position:left -32px;
}	
#nav li.li3 a {
						background-position:left -63px;
}	
#content {
						padding:0 5px;
}
#content h2 {
						font-size:110%;
}
#content h2 + p {
						padding-left:10px;
}	
#ads {
						clear:both;
						padding:20px 5px;
						text-align:center;
}
#adsSkyscaper {
						position:absolute;
						left:50%;
						top:105px;
						width:120px;
						height:600px;
						margin-left:420px;
						padding:0;
}

#leaderboard {
						clear:both;
						border-top:1px solid #f90;
						margin-top:10px;
						padding:10px;
						text-align:center;
						/*background:url(../img/advert.gif) 15px center no-repeat scroll;*/
}
#footer {
						clear:both;
						margin:0 -7px;
						padding:4px 12px 20px 12px;
						background:#666 url(../img/footer_back.png) 0 0 no-repeat;
						text-align:right;
}
#footer .left {
						float:left;
}
#footer p {
						padding:1px;
						border-top:1px solid #f90;
						margin:0;
						font-size:90%;
}
.green {
						color:#009900;
}
.red {
						color:#FF0033;
}

/*  ===============================================
                        K L I P
    =============================================== 
 */
 
#history {
						float:right;
						display:inline;
						width:250px;
						padding:5px;
						background:#FFF5E8;
						border:1px dashed #f90;
						margin-bottom:10px;
}
#history h2 {
						display:block;
						width:100%;
						border-bottom:1px solid #f90;
						font-size:130%;;
						margin:0;
}
#history h3 {
						margin:5px;
}
#history ul {
						list-style:none;
						margin:0;
						padding:0 0 0 8px;
}


/*  ===============================================
                        I N D E X
    =============================================== 
 */

#klips h1 {
						background:#fff;
						margin:0;
						padding:10px 0 3px 0;
}
#klips a {
						text-decoration:none;
}
#klips a:hover {
						text-decoration:underline;
}
#newklips,
#allklips,
#allklips2 {
         			   width:390px;
}
#klips h2,
#klips img,
#klips p {
         			   margin:5px 10px;
}
#klips h2 {
						clear:left;
						border-bottom:1px dashed #f90;
						margin:5px 10px 3px 10px;
						padding:15px 0 2px 0;
}
#klips img {
             			float:left;
}
#klips p {
           				margin-left:80px;
						min-height:60px;
}
#allklips {
						float:left;
}
#right {
						float:right;
}
#newklips {
						background:#FFF5E8;
						border-bottom:1px solid #f90;
}
#allkips2 {
						margin-top:20px;
}

/*  ===============================================
                     S U P P O R T
    =============================================== 
 */

#contact {
						float:right;
						display:inline;
						width:250px;
						padding:5px;
						background:#FFF5E8;
						border:1px dashed #f90;
}
#contact h3 {
						display:block;
						width:100%;
						border-bottom:1px solid #f90;
						font-size:140%;;
						margin:0;
}
#contact p {
						margin:5px;
}
#contact h3.email {
						background:url(/img/email.png) top left no-repeat;
						padding-left:40px;
						width:210px;
}
#contact h3.messenger {
						background:url(/img/messenger.png) top left no-repeat;
						padding-left:40px;
						width:210px;
}
h1.support {
						background:url(/img/tools.gif) top left no-repeat;
						padding-left:40px;
}
label {		
						width:100px;
						display:block;
						float:left;	
						font-weight:bold;
						text-align:right;
						padding-right:10px;
}
label small {
						font-weight:normal;
}
input,
textarea,
select {
						background:#FFF5E8;
						border:1px solid #f90;
						font-family:"Courier New", Courier, monospace;
						font-size:100%;
						padding-left:2px;
}
input:hover,
textarea:hover,
select:hover,
input:focus,
textarea:focus,
select:focus {
						background:#EFE5D8;
						border-width:1px 3px;
						padding-left:0px;
}
input.textinput {
						height:14px;
}
.textinput {
						width:350px;
}
select.textinput {
						width:354px;
}
.textinput.form_error,
#error {
						background-color:#FFECEC;
						border-color:#FF0000;
}
h2.error {
						color:#f00;
						font-weight:bold;
}
#error {
						width:452px;
						border:1px dotted #F00;
						padding:5px;
}
label.error {
						color:#F00;
}
label.error small {
						color:#000;
}
div.inputnote,
div.error_message {
						font-size:90%;
						width:350px;
						margin-left:110px;
}
div.inputnote {
						margin-top:0px;
						vertical-align:top;
}
div.inputnote img.preview {
						border:1px solid #f90;
						min-height:10px;
}
div.error_message {
						color:#f00;
}
input.button {
						background:#FFF5E8;
						border:1px solid #f90;
						width:90px;
}
dl {
						margin-left:20px;
}
dt {
						width:440px;
						display:block;
						background:#FFF5E8;
						font-family:Georgia, "Times New Roman", Times, serif;
						padding-left:10px;
}
dd {
						margin-left:100px;
						width:350px;
}