/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	.container, .page {max-width:95%;}

	
	

	
#logo img, #language {
    margin: 0 auto!important; 
}
	#language {float:none!important;}
	#logo img {max-width:100%;width:auto;height:auto;}
	#innerpage {height:auto!important;max-width:100%}
	#innerpage img {height: auto; width: auto;max-width:100%}
	#padding {padding:0.39em!important;}
	img {max-width:100%!important;width:auto!important;height:auto!important;}
	img .vita {margin:0;padding:0;}
	#content img {margin-top:0.1em!important;padding:5px 10px 5px 0!important;width:50%!important;height:auto!important;}
	#content h1, #content2 h1 {
    color: #CF6938;
    font-family: Trebuchet MS;
    font-size: 1.2em;
    margin-bottom: 5px!important;
    margin-left: 0.5em!important;
    margin-top: 5px!important;
    text-align: left;
}
	#paddingcontent div {height:auto!important;}
	#paddingcontent {min-height:380px;height:auto;}
	
#menu ul, #menu ul li {
    border-right: 1px solid #CE6837;
   
    font-size: 1.3em!important;
    line-height: 1.5em!important;
    list-style-type: none !important;
    margin-top: 15px;
    padding: 1px 5px;
}
	#mc_embed_signup {width:45%;}
	
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	#mc_embed_signup {width:45%;margin-left:300px;}

}






	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 500px) and (max-width: 767px) {
	#content img {margin-top:0.1em!important;padding:5px 30px 5px 0!important;}

#exhibition
	{display:none!important;}
	
#exhibitionstatic {display:block!important;}
	#content #exhibitionstatic img {max-width:300px!important; width:auto;height:auto;}
	#mc_embed_signup {width:50%;margin-left:290px;}

}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 499px) {

#exhibition
	{display:none!important;}
#exhibitionstatic {display:inline!important;}
	#content #exhibitionstatic img {max-width:250px!important; width:auto;height:auto;}
	#mc_embed_signup {width:90%!important;margin-left:0!important;}
	
	#content img {margin-top:0.1em!important;padding:5px 10px 5px 0!important;width:300px;}
	
}





/* page overall: */
.videos {float:left!important; padding-right:15px;margin-bottom:20px;}


#content .aktuell img {margin-top:0!important;margin-bottom:10px;margin-left:0!important;}
#aktuelles h1, #aktuelles h2, #aktuelles h3, #aktuelles h4, #video h1, #video h2, #video h3, #video h4  {margin:5px 0 15px 5px!important;text-align:left;}
#video p, #aktuelles p {margin-left:5px;}

#video hr, #aktuelles hr {margin:10px 5px;clear:both;}

.pp_description {max-width:350px!important;margin-left:135px!important;}

input {width: 380px;max-width:80%;border:1px solid #ddd; border-radius:3px;height:1.5em;}
.clear input{width:80px;}
.indicates-required {font-size:0.8em;}

#exhibitionstatic {display:none;}

.gallery {margin-top:0px;}

body#bilder #paddingcontent h1 {display:none;}

#language {
float:right;
	margin-right:20px;
	margin-top:60px;
}
#language a:link {
	font-size:12px;	
	font-family:arial, verdana, sans-serif;
}

#logo img {margin-left:160px;}

.container {width:960px;margin:0 auto;background-color: #cdceba;}

#inhalt {
	background:#fff!important;
	min-height:250px;
}

#linkeseite {float:left;width:410px;}

.gallery-prettyphoto .gallery-thumb {
    border: 1px solid #fff!important;
    display: block;
    float: left;
    margin-bottom: 6px;
    margin-right: 7px;
    padding: 3px;
}

body,div,p,img,form,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	border: 0;
	color: #666;
}

ul {
	padding-left: 2em;	
}

body {
	/* BG-Color: */
	background-color: #cdceba;
	text-align: center;
	margin-top: 3em;
}

.page {
	/* Page width: */
	width: 960px;
	margin: 0 auto;
}

#logo {
	margin: 0 auto;
	text-align: center;
	font-family: Union, Trebuchet MS, Arial;
	font-size: 1.7em;	
	margin-bottom: 0;
	letter-spacing: -0.01em;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
	text-decoration: none;
	/* logo color 1: */
	color: #C43917;
}

#logo_black {
	/* logo color 2: */
	color: #000000;
}

#contentbox {
	background-color: #ffffff;
	margin: 5px 0;
	text-align: left;
	border-top-color: #C03;
	border-right-color: #C03;
	border-bottom-color: #C03;
	border-left-color: #C03;
	height:auto;
}

/* menu: */

#menu {
	margin: 0 auto;
	text-align: center;
	color: #8f8e8e;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	margin-top: 10px;
	background-color: #cdceba;
	padding:8px 0;
}


#menu ul, #menu ul li {
	display:inline;
	list-style-type:none!important;
	font-size:12px;
	margin-top:15px;
	border-right:1px solid #ce6837;
	padding:1px 5px;
	line-height: 12px;
	color: #8f8e8e;
	
}

#menu ul, #menu ul li.kontakt-impressum {
	display:inline;
	list-style-type:none!important;
	font-size:12px;
	margin-top:15px;
	padding:1px 5px;
	line-height: 12px;
	border-right:0px solid #ce6837;
	
}

#menu a:link, #menu a:visited {
	color: #8f8e8e;
	text-decoration: none;
	
	
}

#menu a:hover, #menu a:active, #menu li.current a{
	color: #ce6837!important;
	text-decoration: none;
	
}

#padding {
	padding: 14px;
}

#paddingcontent {
	padding: 5px 4px 2px 10px;
}

#innerpage {
	/* Background image: 
	background-image: url(images/Ute_Herrmann_Kirschblueten_im_Fruehling.jpg);
	background-repeat: no-repeat;
	padding: 1em;*/
	height: 280px;
}

/*
 Styles that apply to the 
 content area:
*/

#content {
	
	background: #fff url(images/ute_herrman_zeichnung2.gif) no-repeat right bottom;
	padding: 0 0 20 10;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	margin: 5px 0;
	
}

#gemaelde #content {
	
	background: #fff;
	padding: 0 0 20 10;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	margin: 5px 0;
	
}

#content2 {
	background-color: #ffffff;
	width:480px;
	float:right;
	padding: 0 20px;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	margin: 5px 0;
	
}

#content p, #content2 p, #mc_embed_signup {
	font-size: 12px;
	text-align:left;
		line-height:18px;
		Word-spacing:1px;
	padding-right:20px;
	
}

/* heading */
#content h1, #content2 h1 {
	font-size: 15px;
	font-family: Trebuchet MS;
	margin-top: 5px;
	margin-bottom: 35px;
	color: #cf6938;
	text-align:left;
	margin-left:355px;
	
	
}

#gemaelde #content h1 {
	font-size: 1px;
	font-family: Trebuchet MS;
	margin-top: 5px;
	margin-bottom: 0;
	color: #cf6938;
	text-align:left;
	margin-left:355px;
	
	
}

#content img {margin-top:-50px;margin-left:5px;}
#content img.aktuell {padding:20px 0;}
#content .gallery-thumb img {margin-top:0!important;margin-left:0;}

/* link colors */
#content a:link, #content2 a:link {
	color: #cf6938;
}

#content a:hover, #content a:active,#content2 a:hover, #content2 a:active {
	color: #33201D;
}

#content a:visited, #content2 a:visited {
	color: #cf6938;
}
#footer div, #footer p, #footer a:link, #footer a:hover,#footer a:visited, #footer a:active {
	color: #fff;
	text-decoration:none;
	font-size:10px;
}



#footer {
	color: #FFF;
	text-decoration: none;
	margin-top: 30px;
	font-size: 7em;
	font-weight: 400;
}