/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/





/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {background:#fff;-webkit-text-size-adjust: 100%;
}
.featured-art {clear:left;width:100%;padding-top:15px;}
.featured-pic {float:left;padding-bottom:10px;padding-right:13px;}
.featured-desc {padding-bottom:0px;}
.featured-title {padding-top:2px;}
#pageTop {width:100%;background:#166097;height:120px}
.pageTop {width:970px;margin:0px auto;padding: 0 0;}
#pageContainer {width:970px;background:#fff;margin:0px auto;padding: 0 0;}
#logoimg {width:362px;float:left;margin:38px 0 0 20px}
.searchBox {float:right;padding-right:20px;padding-top:50px;}
.searchText {width: 200px;height: 30px;font-size:16px;border:0;background:#fff}
.searchSubmit{width: 23px;height: 23px;background: url(/img2014/search.png) no-repeat;border: none;}

#main-box-kategorie2 {width:628px;padding:15px 48px 25px 38px;border-right:1px solid #e5e5e5;height: auto;float:left;}
#right-box {float:right;background-color:#fff;width:180px;height:auto;padding:20px}

#footer {width:auto;background:#999;border-top:0px solid #e5e5e5;clear:both;padding:20px}
/* former footer color f3f7fa */
.ddmy .item1,
.ddmy .item1:hover,
.ddmy .item1-active,
.ddmy .item1-active:hover {font-size: 1em}

#main-content {padding:10px 10px 0 0}
.featured-art2b {clear:left;width:100%;padding-top:15px;}
.featured-art2 {clear:left;width:100%;padding-top:13px;}
.featured-pic2 {float:left;padding-bottom:15px;padding-right:13px;}
.featured-title2 {padding-top:2px;padding-bottom:0px;}

.articlephoto {margin: 10px 0 20px 25px}
.articlephotoabout {float:right;margin-left: 14px;margin-bottom: 12px;max-width:360px;height:auto;}

.floatleft2 {float:left}

/* nav bar */
#centeredmenu {padding:20px 0}
.navclear {clear:none}
.navclear2 {clear:none}
.navclear3 {clear:none}
.navclear4 {clear:none}
#centeredmenu {font-size:100%;}
#centeredmenu ul li a {font-size:100%;}
#centeredmenu ul ul {padding-top:20px}

.emailgraphic {float: right; vertical-align: baseline; height: 155px; width: 151px;}
.vidsgraphic {padding-bottom:14px;text-align:center}
.popular {font-size:85%}
.contactline {font-size:120%}
.georgiahm { font-size: 110%}
.Quote {float:right;max-width:170px;font-size: 1.2em;text-align:center;color: #538a8c;font-weight: bold;padding: 20px}





/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
	}
.pageTop {width:768px}
#pageContainer {width:768px;}
#logoimg {width:362px;float:left;margin:38px 0 0 20px}

#main-box-kategorie2 {width:530px;padding:15px 18px 10px 10px;border-right:0px solid #e5e5e5}
#right-box {float:right;background-color:#fff;width:180px;height:auto;padding:10px;border-left:1px solid #e5e5e5}

#main-content {padding:10px 0 0 12px}

/* nav bar */
#centeredmenu {padding:20px 0}
.navclear {clear:left}
.navclear2 {clear:none}
.navclear3 {clear:none}
.navclear4 {clear:none}
#centeredmenu ul ul li {display:none}
.georgiahm { font-size: 100%}
.featured-title2 {padding-top:0px}

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {background:#fff;
	}
.featured-pic {width:100%;}
.featured-desc {padding-bottom:10px;}

#pageTop {width:100%;background:#166097;height:auto}
.pageTop {width:320px;margin:0px auto;padding: 15px 0 20px 0;}
#pageContainer {width:320px;}
#logoimg {width:290px;float:none;margin:0 auto 15px auto}

.searchBox {width:290px;margin:0 auto;float:none;padding-right:0px;padding-top:0px;}
.searchText {width: 260px;height: 30px}

#main-box-kategorie2 {width:300px;padding:20px 10px 20px 10px;border-right:0px solid #ddd}
#right-box {clear:both;float:none;background-color:#fff;width:300px;margin:0 auto;height:auto;padding:0;border-top:1px solid #e5e5e5}

.ddmy .item1,
.ddmy .item1:hover,
.ddmy .item1-active,
.ddmy .item1-active:hover {font-size: 1.2em}

#main-content {padding:10px 0 0 2px}
.featured-pic2 {width:100%;}
.articlephoto {margin: 10px 0 10px 15px}
.articlephoto {max-width:125px;}
.articlephotoabout {float:none;display:block;margin-left: 0px;margin-bottom: 12px;max-width:280px;}

.floatleft2 {float:left}

/* nav bar */
#centeredmenu {margin:0 0 0 0;}
.navclear {clear:left}
.navclear2 {clear:left}
.navclear3 {clear:none}
.navclear4 {clear:left}
#centeredmenu ul ul li {display:none}

.emailgraphic {float: none}
.vidsgraphic {padding-bottom:14px;text-align:left}
.popular {font-size:100%}
.contactline {font-size:140%}
.Quote {float:none;max-width:100%}

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
	}
#pageTop {width:100%;background:#166097;height:auto}
.pageTop {width:480px;margin:0px auto;padding: 10px 0 30px 0;}
#pageContainer {width:480px;}

#main-box-kategorie2 {width:440px;padding:20px;}
#right-box {clear:both;float:none;background-color:#fff;width:440px;margin:0 auto;height:auto;padding:0;border-top:1px solid #e5e5e5}

.articlephotoabout {float:right;margin-left: 14px;margin-bottom: 12px;max-width:220px;height:auto;}
.articlephoto {max-width:185px;}

.floatleft2 {clear:left;float:none}

/* nav bar */
.navclear {clear:none}
.navclear2 {clear:none}
.navclear3 {clear:left}
.navclear4 {clear:none}

.Quote {float:right;max-width:170px}

}