/* render view for ajax inserts plugin wrapper */
.tx-dx-worldwide {
    font-size:14px;
}
.tx-dx-worldwide .country h3 {
    margin-top: 0.5em;
    margin-bottom: 2em;
}
.tx-dx-worldwide h4 {
	font-size: 14px;
}
.tx-dx-worldwide .left p,
.tx-dx-worldwide .right p {
    margin-bottom: 0;
}
.tx-dx-worldwide .left .logo,
.tx-dx-worldwide .right .person {
    float: right;
}
.tx-dx-worldwide .locationsingleview .logo,
.tx-dx-worldwide .locationsingleview .person {
    float: none;
}
.tx-dx-worldwide .locationsingleview .logo {
    float: none;
    margin-bottom: 35px;
}
.tx-dx-worldwide .singleview .left p,
.tx-dx-worldwide .singleview .right p {
    margin-bottom: .5em;
}
.tx-dx-worldwide .singleview p {
    line-height: 144%;
}
.tx-dx-worldwide .singleview p strong {
    color: #1d3e79;
    font-size: 16px;
}
.tx-dx-worldwide .cats_ul {
    margin-top: 0;
    padding-top: 0;
}
.tx-dx-worldwide li{
    list-style-image:url("/typo3conf/ext/dx_worldwide/Resources/Public/Gfx/arrow_blue.png") ;
}

.tx-dx-worldwide #wwList {
    margin: 20px auto 0;
    width: 80%;
}
.tx-dx-worldwide #wwList.wwList.singleview{
    width: 100%;
}

.tx-dx-worldwide form {
    margin-top:15px;
}
.tx-dx-worldwide .continentsDropdown,
.tx-dx-worldwide .plzInput,
.tx-dx-worldwide .countriesDropdown{
	margin-top: 12px;
	position: relative;
}

.tx-dx-worldwide #zipSearch{
	height:22px;
}
.tx-dx-worldwide .wwDropdowns{
	width:30%;
	margin-right: 5%;
	float:left;
}
.tx-dx-worldwide .clearer {
    clear:both;
}

.wwCategorySelection {
    float: left;
    width: 65%;
}
.wwCategorySelection table {
    width: 100%;
}
.wwCategorySelection table td {
    width: 20%;
    vertical-align: top;
    text-align: center;
}
.wwCategorySelection table caption {
    color: #003b73;
    font-size: 16px;
}

.tx-dx-worldwide .wwSelector,
.tx-dx-worldwide #zipSumit,
.tx-dx-worldwide #zipSearch{
	position: absolute;
	right:0;
	width: 168px;
}
.tx-dx-worldwide #zipSumit {
    margin-top: 12px;
}

#activeCC .tx-dx-worldwide {
    display: inline;
}
.tx-dx-worldwide .continent {
	margin-bottom: 10px;
	margin-top: 10px;
}
.tx-dx-worldwide .country {
    color: black;
    margin-bottom: 10px;
    
    position:relative;
    padding-top: 5px;
}
.tx-dx-worldwide .location:nth-child(2n) {
    background-color: #F6F6F9;
}
.tx-dx-worldwide .location {
    position:relative;
    margin-top: 15px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    overflow:auto;
    border-bottom: 1px dotted #ddd;
    line-height: 15px;
    width: 100%;
    padding: 6px;
}
.country_flags {
    position: absolute;
    right: 0;
    top: 0;
}

.tx-dx-worldwide .left{
	float:left;
	width: 44%;
	margin-right: 1%;
}
.tx-dx-worldwide .right {
	float:right;
	width: 44%;
	margin-right: 1%;
}
.tx-dx-worldwide .singleview .right img {
    max-width: 100%;
}
.tx-dx-worldwide .left .deco_mini_line,
.tx-dx-worldwide .right .deco_mini_line {
    margin-bottom: 10px;
}
.tx-dx-worldwide .right p span {
    display: inline-block;
    width: 7em;
}
.tx-dx-worldwide .timezone {
    float: right;
    width: 10%;
    text-align: right;
}
.tx-dx-worldwide .timezone p {
    height: 26px;
    background: transparent url("/typo3conf/ext/dx_worldwide/Resources/Public/Gfx/uhr.png") no-repeat scroll 20% top;
    line-height: 26px;
}
.tx-dx-worldwide .map_img {
    vertical-align: middle;
}
.tx-dx-worldwide .location figure {
    text-align: right;
}
.tx-dx-worldwide .singleview .location figure {
    text-align: left;
}
.tx-dx-worldwide .location figcaption {
    color: #878786;
    font-style: italic;
}
.tx-dx-worldwide .wwCategorySelection.mobile{
	display:none;
}

/* icons */
.tx-dx-worldwide .singleview span {
    display: inline-block;
    width: 25px;
}
.tx-dx-worldwide .singleview span.contactperson,
.tx-dx-worldwide .singleview span.clerk {
    width: 7em;
}

/* dropdowns & input */



@media screen and (max-width: 800px) {
    #mainContent .tx-dx-worldwide h3 {
        background-position: center 80%;
    }
}
@media screen and (max-width: 620px) {
    .tx-dx-worldwide .timezone,
    .tx-dx-worldwide .right,
    .tx-dx-worldwide .left{
        float:none;
        width:90%;   
        right:0;
        position: relative;
    }
    .tx-dx-worldwide .left {
        margin-bottom: 2em;
    }
    .tx-dx-worldwide .singleview .right {
        text-align: left;
    }
 	.tx-dx-worldwide .wwCategorySelection{
 		display:none;
 	}
    .tx-dx-worldwide .wwCategorySelection.mobile{
    	display:block;
    }
    .tx-dx-worldwide .wwCategorySelection.mobile .category{
    	margin-top: 10px;	
    }

}
@media screen and (max-width: 420px) {
    .tx-dx-worldwide .timezone {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
    }
}