/*
Theme Name: mainwp
Theme URI: http://www.wolfgangwoehrle.de
Author: Wolfgang Wöhrle MEDIA
Author URI: http://www.wolfgangwoehrle.de
Description: Wordpress Theme for MainWP
Version: 1.0
License: Commercial
License URI: http://www.wolfgangwoehrle.de
Tags: no
Text Domain: MAINWP
*/

/*
# Used Colors ##############

*/

.colorBG0 { background: #6495ED; } /* Layout Main Color */
.colorBG1 { background: #DC143C; } /* Layout Sub Color */

.colorFONT0 { color: #6495ED; } /* Layout Main Color */
.colorFONT1 { color: #DC143C; } /* Layout Sub Color */

/*
# Layout ################### 
*/

body
{
	font-family: 		'Fira Sans', Arial, sans-serif;
	color:			#000000;
	background:		#afafaf;
	font-size:		14px;
}

#page
{
	width:			100%;
	margin:			100px 0 0 0;
}

.page-content 
{
	width:			80%;
	margin: 		0 auto;
	clear:			both;
}

.content
{
	line-height:		150%;
}

.footer
{
	clear:			both;
	background:		#efefef;
	overflow:		auto;
	padding:		40px 0 40px 0;
}

.footer-content
{
	width:			80%;
	margin:			0 auto;
	clear:			both;
}

h1
{
	font-size:		24px;
}

p
{
	margin-bottom:		10px;
	min-height:		15px;
}



/*
# Lists ################### 
*/

.content ul
{
	margin:	0 0 0 20px;
}

ul.sitemapStandardMainCat 
{

}

ul.sitemapStandardMainCat li 
{

}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 
{

}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 
{

}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 
{

}




/*
# Images ################### 
*/


img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}


/*
# Links ################### 
*/


a
{
	color:			#ffffff;
}

a:hover
{	
	color:			#6495ED;
}

a[href $='.pdf']:before
{
	font-family: 'FontAwesome';
   	content: "\f1c1";
   	display: inline-block;
   	padding-right: 3px;
   	font-weight:	normal;
}

a[href ^="mailto:"]:before 
{
	font-family: 'FontAwesome';
   	content: "\f003";
   	display: inline-block;
   	padding-right: 3px;
   	font-weight:	normal;
}







/*
# Forms ################### 
*/


#wwm_form 
{
     	width: 			97%;
}

#wwm_form p
{
	padding:		10px 0 10px 0;
}

#wwm_form a 
{
      	text-shadow: 		0px 1px 0px #000;
}

#wwm_form fieldset 
{
      	padding: 		20px;
      	border:			none;
}

#wwm_form input
{
     	border:			solid 1px #efefef;
    	width: 			100%;
     	padding: 		7px 2% 7px 1%;
     	background: 		#fefefe;
      	text-shadow:		0px 1px 0px #FFF;
     	box-shadow:		inset 1px 4px 9px -6px rgba(0,0,0,0.1);
     	margin:			5px 0 0 0;
}

#wwm_form input:focus,
#wwm_form textarea:focus
{
     	border:			solid 1px #6495ED;
     	outline:		none; /*disable chrome border*/
}

#wwm_form input[type="submit"]
{
	color: #ffffff;
	border: 1px solid #37474f;
	background: #6495ED;
	padding: 12px 20px 10px 20px;
	position: relative;
	cursor: pointer;
	transition: all .2s;
	text-shadow: none;
	width: auto;
}

#wwm_form input[type="submit"]:hover
{
	color: #6495ED;
	border: 1px solid #6495ED;
	background: none;
}


#wwm_form input[type=radio]
{
	display:		none;
}

#wwm_form input[type=radio] + label
{
	display:		inline-block;
     	border:			solid 1px #efefef;
     	border-radius:		3px;
     	padding: 		7px 8px 7px 8px;
     	background: 		#fefefe;
	cursor: 		pointer;
}

#wwm_form input[type=radio]:checked + label
{
	border:			1px solid #ea34ae;
	background:		#ea34ea;
     	color:			#ffffff;
}

#wwm_form textarea
{
     	border:			solid 1px #efefef;
     	width: 			100%;
     	padding: 		7px 2% 7px 1%;
     	background: 		#fefefe;
      	text-shadow:		0px 1px 0px #FFF;
     	box-shadow:		inset 1px 4px 9px -6px rgba(0,0,0,0.1);
     	margin:			5px 0 0 0;
}


/*
# Other ################### 
*/

::selection { background: #00A0B0; }  
::-moz-selection { background: #00A0B0; }  
::-webkit-selection { background: #00A0B0; }  

.right		{float:right;}
.left		{float:left;}
.floatnone	{float:none;}
.clear		{clear:both;}
.alignleft	{text-align: left;}
.alignright	{text-align: right;}
.aligncenter	{text-align: center;}
.marginTop20	{margin-top: 20px; }
.marginRight20 	{margin-right: 20px; }
.marginLeft20	{margin-left: 20px; }
.marginBottom20	{margin-bottom: 20px; }
.marginTop10	{margin-top: 10px; }
.marginRight10 	{margin-right: 10px; }
.marginLeft10	{margin-left: 10px; }
.marginBottom10	{margin-bottom: 10px; }
.paddingPixel20 {padding: 20px;}
.paddingPixel10	{padding: 10px;}
.paddingPixel5  {padding: 5px;}
.paddingPercent20 {padding: 20%;}
.paddingPercent10 {padding: 10%;}
.paddingPercent5 {padding: 5%;}
.paddingPercent2 {padding: 2%;}
.paddingPercent1 {padding: 1%;}


/* Some Cool Stuff: 

Fullscreen Images:
html {   
    background: url('images/bg.jpg') no-repeat center center fixed;   
    -webkit-background-size: cover;  
    -moz-background-size: cover;  
    -o-background-size: cover;  
    background-size: cover;  
} 

CSS3 Gradients:
#colorbox {  
background: #629721;  
background-image: -webkit-gradient(linear, left top, left bottom, from(#83b842), to(#629721));  
background-image: -webkit-linear-gradient(top, #83b842, #629721);  
background-image: -moz-linear-gradient(top, #83b842, #629721);  
background-image: -ms-linear-gradient(top, #83b842, #629721);  
background-image: -o-linear-gradient(top, #83b842, #629721);  
background-image: linear-gradient(top, #83b842, #629721);  
}  


Inner Shadow:
#mydiv {   
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);  
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);  
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);  
} 

*/



/*
# Responsive ################### 
*/


@media only screen and (max-width: 1024px)
{
	#main { width: 800px; }
}

@media only screen and (max-width: 820px)
{
	#main { width: 680px; }
	#navigation, #subnavigation { display: none; }
	nav ul { position:static; float: none; left: 0; }
}

@media only screen and (max-width: 700px)
{
	#main { width: 100%; }
}