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

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

.blue_bright{background-color: #80e5ea;}
.red_bright{background-color: #ff8600;}

.blue_middle{background-color: #40d9df;}
.red_middle{background-color: #ff5b00;}

.blue_dark{background-color: #00CCD4;}
.red_dark{background-color: #FF3300;}

.gray{background-color: #a0a0a0;}


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


*{padding:0; margin:0;}
img{border: 0; }
/* Header
************************************************/
.logo { background: transparent url(../images/logo.gif) no-repeat 0 0; margin-right: 15px; width: 230px; height: 61px; }

#contentHeader{width: 518px; height: 75px; vertical-align: bottom;}
h1{font-size: 15px !important; font-weight: bold;  margin: 0; padding: 0;}
h2{font-size: 13px; font-weight: normal; margin: 0; padding: 0;}

/* Menu
*****************/
#headerMenu{float: right; margin-top: 25px;}
#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: #FF3300;}



#header {}
#header .x-form-text{padding-top: 0px;}
#header .x-form-field{font-size: inherit; font-family: inherit; color: white; border-color: #FF3300;}
#header .x-form-text, #header textarea.x-form-field{background-image:none; background-color: #FF3300;}
#header .ext-gecko .x-form-text, #header .ext-ie8 .x-form-text{}

.ext-strict .x-form-text {height:12px !important}

.x-combo-list .x-combo-selected {color: white; background-color:#ff3300 !important; border-color:#ff8600 !important;}


.hide{display:none;}

/* 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: #ff5b00; padding: 10px;}
.content_element{margin-bottom: 20px; }

.content_element h1 {font-size:14px !important;}

#content_center .content_element{padding: 10px 20px; background-color: #F2F4E3; margin-bottom: 3px;}

#content_center .content_element .csc-textpic{margin: -10px -20px}
#content_center .content_element .csc-textpic .csc-textpic-imagewrap{background-color: white; width: 520px; margin-bottom: -10px}
#content_center .content_element .csc-textpic .csc-textpic-imagewrap .csc-textpic-image{margin-bottom:0px;}

#content_center .content_element .csc-textpic-clear{clear: left;}

#content_right .content_element{margin-left: 3px; margin-bottom: 3px; background-color: #ff3300; padding: 10px 20px;}
#content_right .content_element_expert{margin-left: 3px; margin-bottom: 3px; background-color: #ff3300; padding: 10px 20px;}
#content_right .content_element a,
#content_right .content_element a:hover, 
#content_right .content_element a:link,
#content_right .content_element a:visited,
#content_right .content_element_expert a,
#content_right .content_element_expert a:hover, 
#content_right .content_element_expert a:link,
#content_right .content_element_expert a:visited{display: block; color: white; text-decoration: none; font-weight: bold;}



#content_right h1{color: white;}

.message_wrapper{}


/* START SCREEN */
#page138 #content_center{width: 720px;}
#page138 #content_right{display: none;}

#page138 #content_center .content_element{width: 477px;}

#c553{padding: 0 !important; background-color: transparent !important; height: 316px; width: 720px !important;}
.startArea a, .startArea a:hover, .startArea a:link{text-decoration: none !important; color: white !important;}
.startArea{float: left; width: 127px; margin-right: 3px;}
.startArea h1{color: white; height: 30px; font-size: 13px !important; padding: 3px 10px; margin-bottom: 3px;}
.start1 h1{background-color: #ff3300;}
.start2 h1{background-color: #ff4700;}
.start3 h1{background-color: #ffa000;}
.start4 h1{background-color: #80E5EA;}
.start5 h1{background-color: #ff7200;}


/*Unternehmensplattform*/
/*
#c563 p{color: black;}
*/

#c565{background-color: white !important; padding: 0px !important;}

#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: #ff8600;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;
	background: #00ff00;
	width: 12px;
	height: 12px;
}


#content_right .box-small {
height:130px;
margin-bottom:2px;
padding:10px;
}

#content_right .box-small h3{padding:0; font-weight: bold; margin-bottom: 10px;}
#content_right .box-small .box-content{}
#content_right .box-one{background-color: #ff8600;}
#content_right .box-two{background-color: #ff5b00;}
#content_right .box-three{background-color: #FF3300;}

.box-menu{list-style: none;}
.box-menu li{margin-bottom: 5px;}
#content_right{width: 200px; float: right;}
#content_center{width: 520px;}


/* 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: left; width: 170px; text-align:right; margin-right: 15px;}
#searchForm #searchValue{width: 80px;}

.x-form-field-wrap .x-form-trigger{
background-image:url(../gfx/trigger.gif) !important;
border-bottom-color: white !important;
}




#loginForm{ width: 655px; text-align:right;}

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

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

.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: #ff5b00; 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;}

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


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

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

.error_all{margin-bottom: 5px; color: white; background: black url(../gfx/error.png) 5px 50% no-repeat; padding: 5px 5px 5px 50px; margin-right: 3px;}
.error_all h1,.error_all p{color: white;} 

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

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


/*#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; }