/*
natürlich Bremen (c) Alnovi info@alnovi.de
*/

/*scrollbar forever*/
html { height: 101%; } 

.blue_bright{background-color: #80e5ea;}
.blue_middle{background-color: #40d9df;}
.blue_dark{background-color: #00CCD4;}
.gray{background-color: #a0a0a0;}


/*  Definition  */
body { background: #ffffff; color: #000000; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; padding-top: 20px;}
input, textarea{border: none;}

*{border: 0; padding:0; margin:0;}

/* Header
************************************************/
.logo { background: transparent url(../images/logo.gif) no-repeat 0 0; margin-right: 15px; width: 230px; height: 61px; }
.titlebox{width: 518px; height: 75px; vertical-align: bottom;}
.titleboxLong{width: auto !important;}
.titlebox h1{font-size: 15px; font-weight: bold;  margin: 0; padding: 0;}
.titlebox h2{font-size: 13px; font-weight: normal; margin: 0; padding: 0;}

/* Menu
*****************/
#headerMenu{float: right; margin-top: 25px; width: 655px;}
#headerMenu a{margin-right: 5px; display: block; float: left; margin-top: 1px;}

.menu1{list-style: none; margin:0; padding:0;}
.menu1 li{padding-bottom: 18px; list-style: none;}
.menu1 li ul{padding:0; margin: 8px 0 0 12px;}
.menu1 li ul li{padding-bottom: 8px;}
.menu1 li .toggle{padding-right: 3px;}
.menu1 li.active > a{color: #00CCD4;}


,
#header {height: 80px;}
#header .x-form-text{height:13px;padding:0 3px 1px; vertical-align: top;}
#header .x-form-field{font-size: inherit; font-family: inherit;}
#header .x-form-text, #header textarea.x-form-field{background-image:none; border: 0;}
#header .ext-gecko .x-form-text, #header .ext-ie8 .x-form-text{padding:0;}

/* Stage
************************************************/
.pageWrapper {width: 970px; margin-left: auto; margin-right: auto;}
#stage {color: #000; padding: 0px 0 1em 0; min-height: 250px;}
#contentWrapper { float: left; width: 970px;}

#content{min-height:531px;}

.content_element_wrapper{width: 498px; background-color: #40d9df; padding: 10px;}
.content_element{margin-bottom: 20px; }

.message_wrapper{
	/* min-height:200px; */
	}

#sidebarLeft {float: left; width: 250px; margin-top: 73px;}
#contentWrapperInner {float: left; width: 720px;}
#contentWrapperInner a, a:link, a:visited{text-decoration: underline;}

/* Foot
************************************************/
#foot {font-size: 85%; margin-bottom:30px; margin-top: 50px;}
#footerWrapper {margin-top: 50px; margin-left: 252px;}

/* Main
************************************************/
a,
a:link,
a:visited {color: #000000; text-decoration:none;}
a:hover {text-decoration:underline}

.footer-mosaik {font-size: 85%; margin-top: 50px;}

.comments{margin-top: 20px; width: 518px;}
.comments h3{margin-bottom: 10px;}
.comments .comment{margin-bottom: 10px;}
.comments .comment .user{width: 150px;}
.comments .comment .content{float: right;width: 350px;}
/* Pager
************************************************/
.pagerWrapper{padding:0px; clear: left;}
.pager {padding:0px;}
.pager li a{display: block; width: 20px; height: 20px;}
.pager li.active a, 
.pager li.active, 
.pager li a:hover{background-color: #80e5ea;color:white;}
.pager li {
	height: 20px; 
	width: 20px;
	float: left;
	padding:0;
	margin:0 2px 0 0;
	background: #ffffff;
	list-style:none;
	text-align: center;
}
/* Photos */

.photo-certified {
	float: right;
	width: 20px;
	height: 20px;
	background: transparent url(../images/expert.jpg) no-repeat;
	border: 1px solid white;
}

.photo-showcase .overview-right .inner{background-color: #40d9df; padding: 10px;}
.photo-showcase .overview-right .block{margin-bottom: 10px;}
.photo-image{background-color: #e5feff; width: 518px;}

.photo{width: 178px; height: 210px; float: left; margin-right: 2px; margin-bottom: 2px;}

.photo .info{margin-top: 5px;}
.photo .rating{margin-top: 5px;}
.photo .rating-info{text-align: right; margin-right: 15px;}
.photo .username{}
.photo .title{font-weight: bold;}
.photo .created_at{}

.user-showcase .user{width: 178px; height: 230px; float: left; margin-right: 2px; margin-bottom: 2px; background-color: #40d9df;}
.user-showcase .user .thumb{height: 120px;}
.user-showcase .user .info{padding-left: 5px; padding-right: 5px;}
.user-showcase .user .info .info_upper{height: 54px;}

.user-expert .user{height: 200px; background-color: transparent;}

.photo-my .photo{background-color: #40d9df;}
.photo-my .photo .info{padding-left: 5px; padding-right: 5px;}
.overview-right{float:right; width: 198px; margin-right: 2px;}

.overview-right .box-small {
height:132px;
margin-bottom:2px;
padding:10px;
}

.overview-right .box-small h3{padding:0; font-weight: bold; margin-bottom: 10px;}
.overview-right .box-small .box-content{}
.overview-right .box-one{background-color: #80e5ea;}
.overview-right .box-two{background-color: #40d9df;}
.overview-right .box-three{background-color: #00CCD4;}

.box-menu{list-style: none;}
.box-menu li{margin-bottom: 5px;}

.overview-mosaik{width: 520px;}
.overview-mosaik .photo{width: 102px; height: 75px; margin-bottom: 2px;}

.overview_winner{width: 520px;}
.overview_winner .notfound {margin-top:10px;}
.overview_winner .photo{float: none; height: 118px; width: auto; background-color: #40d9df; margin-bottom: 5px;}
.overview_winner .photo .thumb{float: left; padding-right: 5px;}
.overview_winner .photo .info{padding: 10px; margin-left: 174px;}
.overview_winner .photo .competition_date{padding-top: 10px;}
.overview_winner .winner_wrapper{background-color: #80e5ea; padding: 10px; margin-right: 2px;}
.overview_winner .winner_wrapper .photo{height: auto; background-color: transparent; margin-bottom:2px; padding: 0;}

.overview_winner .winner_wrapper .photo h3{width: 60px; text-align: right; float: left; margin-right: 20px;}

.overview_winner .winner_wrapper .photo p{float: left; width: 190px; margin-right: 10px;}
.overview_winner .photo_winner_1,
.overview_winner .photo_winner_2{}



/* Google Map */

#map_canvas_show {height: 200px; overflow: hidden; margin-top: 2px;}
#map_canvas_overview {height: 500px;}
#map_canvas_edit {width: 475px; height: 300px;}

.photo-map-image{width: 200px; height: 200px;}


/* ========== FORMS ========== */
#searchForm{float: right; width: 170px; text-align:right; margin-right: 15px;}
#searchForm #searchValue{width: 80px;}

#loginForm{float: right; text-align:right;}

#loginForm #loginUsername{width: 102px;margin-right: 5px; margin-left: 10px; float: left;}
#loginForm #loginPassword{width: 80px; float: left; margin-right:5px;}
#loginForm #loginSubmit{display: block; float: left; height: 17px; margin-top: -2px}

#loginForm .loginPasswordForgot{font-weight: normal; color: #a0a0a0 !important; margin-left: 10px;}
#userMenu{float: right};

.infobox .zend_form dt {padding: 0px 0 3px 0;}
.infobox .zend_form dd {margin: 0;margin-bottom: 5px;padding: 0;}
.infobox .zend_form input {width:207px;}
.infobox .zend_form .button {width:100px; }

.zend_form{background-color: #40d9df; width: 478px; padding: 20px;}
.zend_form dt {padding: 5px 0 5px 0;width: 400px;}
.zend_form dt label {font-weight: bold;}
.zend_form .button, div.button{background-color:black; color:white; width:150px;cursor: pointer; line-height: 15px; vertical-align: middle; padding-bottom: 4px;}
div.button{width: 100px; text-align: center; margin-bottom: 3px; padding-top: 2px; padding-bottom: 2px;}
div.button a,
div.button a:link,
div.button a:hover,
div.button a:visited{color: white; text-decoration: none !important;}

.button_option{float: right; margin-right: 10px; margin-top: 20px;}

.zend_form .checkbox {width:25px;border: 0px;}
.zend_form .selectbox {margin: 0;width: 356px;}
.zend_form dd {margin: 0;margin-bottom: 10px;padding: 0;}
.zend_form dd p {font-size: 11px;color: white;margin: 0px;width: 475px;margin-top:3px;}

.zend_form textarea{width: 475px;}

.zend_form #delete-label,
.zend_form #edit-label{display: none;}
.zend_form #delete-element{float: right;}

.zend_form .radiobutton{width: 30px}

#file{width: 475px !important;}
.inputText, .zend_form input {margin: 0; color: black; width: 475px; padding-top: 2px; padding-bottom: 2px;}
.inputTextBg{background-color: #80e5ea; color: white;}



.inputSubmit{background-color: white; color: black; font-size: 12px; vertical-align:bottom; cursor: pointer;}
.inputTextarea, .zend_form textarea {margin: 0;padding: 2px;color: black;}

#category_input, #speciesgroup_input, #species_input {color: black;}

.errors {
	width: 475px;
	font-size: 0.8em;
	line-height: 16px;
	margin-top:3px;
}

.errors li {
	list-style: none;
	color: white;
	padding-left: 10px;
	background-color: red;
}

div.hint{padding: 2px 5px 0 0; height: 20px; text-align: right; background-color: #ff8201; color: white; margin-bottom: 5px; font-size: 14px;}
div.hint a, .hint a:hover, .hint a:link, .hint a:visited{color: white;}
div.hint strong{font-weight: bold;}

/*#form-photo-winner .zend_form dd{float:left; margin-right: 10px;}
#form-photo-winner .zend_form dt{float:left; width: 50px;}
#form-photo-winner .zend_form dd#edit-element{float: none;}*/

#form-photo-winner select {width: 475px;}


/* CLEARFIX */
.clearfix:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix{display: inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.clear{font-size: 1px; }


ul  {
	margin-left: 1em;
	list-style-image: url(/fileadmin/templates/natuerlichbremen/gfx/bulletpoint.png);
}