/* 
##  dreikelvin CSS Framework 4
##  
##  Author & Copyright: Robert Jung 2009
##  URL: http://design.dreikelvin.de/
##  
##  CSS for "Birdy Adder"
##
##
*/
/* ## XHTML basis elements ############################ start # */

body,html {
	
	margin:0;
	padding:0;
	height:100%;
	
}

br { clear:both; }



.hidden {  display:none;  }

div, section, article, footer, header, nav {

	margin:0;
	padding:0;
	float:none;
	width:100%;
	position:relative;
	display:block;

}

a:active, a:focus { outline:none; }

a img { border:none; }

object { margin:0; padding:0; }

/* ## HTML basis elements ############################ end ### */

/* ## main elements ################################## start # */

#index, #index a {  

	height:100%;
	width: 100%;
	text-indent:-99999px;
	display: block;
	margin:0;
	padding:0;
	z-index: 1;


}

#index {

	margin-right:5px;

}


#mainwrapper, #header, #content {

	width:960px;
	margin: 0 auto;

}

#header {
padding-top:20px;
margin-left:auto;
margin-right:auto;
	
}

#content-generic #header { height:380px; }

#intro { 

	display: none;

		
}

.column {

	float: left;

}

.left { width: 200px; margin-right:35px; }
.right { width: 725px; }

blockquote {

	padding:30px 200px 30px;

}

/* ## main elements ################################### end ### */



/* ## navigation ###################################### start # */



/* ## navigation ###################################### end ### */


/* ## content elements ################################ start # */


.newest ul, .popular ul, .bottom ul {

	list-style-type: none;
	margin:0;
	padding:0;

}

.newest ul li, .popular ul li {

	float:left;
	margin-right:5px;
	position: relative;
	left:15px;

}

.newest ul li a { 
	
	position: relative; 
	overflow: hidden; 
	display: block;
	width: 100%;
	height:100%;

}

.newest ul li a span {

	position: absolute;
	bottom:14px;
	right:10px;
	height:auto;
	width:262px;
	height:auto;
	padding:10px;
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;

}

.popular ul li a span {

	position: absolute;
	bottom:11px;
	right:7px;
	height:60px;
	width:60px;
	padding:10px;
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;

}

.newest ul li a span strong {
	
	display: block;

}

.newest ul li a:hover span { display: block; height:auto; opacity:1;  }
.popular ul li a:hover span { display: block; opacity:1;  }

.newest ul li a img {
	
	float: none;
	padding:10px;
	width:282px;
	height:154px;

}

.popular ul li a img {

	padding:7px;
	float: none;
	width:80px;
	height:80px

}
#newest_img
{
	margin-top:30px;
	margin-bottom:30px;
}
.newest
{

	margin-left:auto;
	margin-right:auto;

}
.popular {
	
	margin-top:50px;
	padding-top:80px;

}

.popular ul li { margin-right:10px; margin-bottom:5px; }

.bottom {

	width:auto;
	margin-top:40px;
	padding:0 40px 40px 40px;

}

.bottom ul {

	width:220px;
	padding-right:5px;
	float:left;

}

.bottom ul.right {
	
	width:200px;
	padding-right:0;
	margin-top:-177px;
}

.bottom ul li {

	padding-bottom: 5px;

}

.bottom ul li a { 
	
	padding:10px 0 10px 0;
	display: block; 
	
}

.bottom ul li a:hover { 
	
	padding:10px 0 10px 10px;
	display: block; 
	
}

.form {

	margin:0;
	padding:0;

}

.content { padding:30px 100px; width: auto; }

#submission #message {

	text-align: center;

}

/* ## content elements ################################ end ### */

/* ## Headings ####################################### start # */

.newest h2, .popular h2, #fieldset-contact h2 { display: none; }

.bottom h2 {

	display: block;
	height:80px;
	text-indent: -999999px;
	
}


/* ## Headings ####################################### end ### */

/* ## footer ########################################## start # */

footer {

	width: 960px;
	margin:1px auto 50px auto;
	clear: both;
	
}

footer .inner {

	width:960px;
	padding: 10px 0 50px 0;
	margin: 0 auto;
	text-align: center;

}

footer p {

	padding:10px;

}

/* ## footer ########################################## end ### */


/* ## forms ########################################### start # */

form {

	margin:0;
	padding:0;
	
}

fieldset {

	margin: 0 auto;

}

fieldset ol {

	margin:0;
	padding:0;
	list-style-type: none;
	
}

.input-text, select, textarea {

	padding:8px;
	width:573px;

}


.selector select { height:34px; }

.form .selector select { width:455px; }

.form .selector span {

	width: 420px;

}

fieldset .autosize { width: auto !important; }

.input-check {

	display: inline;

}

label { padding:5px 0; display: block; }

fieldset ol li.check label { display: inline; padding:0; }

fieldset small, .LV_validation_message { 

	display: block; 
	padding: 20px 10px 10px 10px;
	
}

.LV_valid { display: none; }

fieldset ol {
	
	margin:0;
	padding:15px;
	list-style-type: none;

}

fieldset ol li { 
	
	position: relative; 
	display: block; 
	width:100%; 
	clear: both;
	
}


.form label {

	padding: 10px 0;

}


.form fieldset small {

	position: absolute;
	top:0;
	left: 510px;
	width:240px;
	padding:10px 10px 10px 25px;

}

.form fieldset button {

	margin-top:20px;

}


/* ## forms ########################################### end ### */


/* ## Buttons ######################################## start # */

#button-contact {

	display: block;
	width: 115px;
	height: 113px;
	text-indent: -999999px;
	margin: 10px auto;

}



#button-submit {
	
	display: block;
	height:113px;
	width:115px;
	text-indent: -999999px;
	margin: 10px auto;

}

/* ## Buttons ######################################## end ### */