/*
Theme Name: Gymnasium Langenberg
Theme URI: http://www.visualappeal.de/
Version: 2.1
Author: VisualAppeal
Description: Ihr individuelles Design von VisualAppeal mit dem CMS von WordPress für Ihren Erfolg im World Wide Web.
Author URI: http://www.visualappeal.de/
*/

body {
	background:						#e1e1e1;
	font-family: 					'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	color: 							#2d3442;
	text-align: 					center;
    font-size:                      100.01%;
}

.container_hf, #container_navigation {
	background:						#2d3442;
}

#container_page {
	margin:							0 auto;
	text-align:						left;
	width:							990px;	
	background:						#fff;
} 

#header {
	width:							990px;
	margin:							0 auto;
	text-align:						left;
	height:							120px;	
	color: 							#fff;	
}

#header a {
    outline:                        0;
}
 

/* ############################################## */
/* ################### SEARCH ################### */
/* ############################################## */
#searchform {
    border:                         5px solid #4f5666;
    margin-top:                     42px;
}

#searchform #s {
    border:                         0;
    height:                         15px;
    width:                          250px;
    padding:                        5px;
    font-size:                      .7em;
}

.searchbutton {
    width:                          25px;
    height:                         25px;
    text-indent:                    -9999px;
    overflow:                       hidden;
    border:                         none;
    margin:                         0;
    float:                          left;
    background:                     url(images/searchbutton.png) no-repeat;
}

/* ############################################## */
/* ################### HEADER ################### */
/* ############################################## */
h1 {
    display:                        none;
}

h2 {
	font-weight:					bold;
	font-size:						1.4em;
	letter-spacing:					-1.2px;
	color:							#6f7b50;
	text-transform:					uppercase;

}

h3 {
	color:							#2d3442;
	font-weight:					bold;
	font-size:						1em;
	letter-spacing:					-1px;
	line-height:					130%;
             
				   
}
h3 a {
	color:							#2d3442;
}

h4 {
	color:							#2d3442;
	font-weight:					bold;
	font-size:						1em;
	letter-spacing:					-1px;
	line-height:					130%;
}


/* ############################################## */
/* ################ NEWSLETTER ################## */
/* ############################################## */

#mc_embed_signup {
	font-size:						.8em;
}
.indicate-required {
	text-align:						right;
}
.mc-field-group label, .mc-field-group input {
	display:						block;
	width:							80%;
}
.mc-field-group input {
	margin:							0 0 1em 0;
}
#mc_embed_signup a { /* Button: ZurŸcksetzen */
	color:							white;
	float: right;
}

/* ############################################## */
/* ################ NAVIGATION ################## */
/* ############################################## */
.navigation {
	background:						#4f5666;
	width:							990px;
	margin:							0 auto;
	text-align:						left;
	height: 						30px;
	font-family: 					Verdana, Arial, Sans-Serif; 
	font-size:                      .6em;
    white-space:                    nowrap;          
}

.navigation li {
	float:							left;
    display:                        inline;
}

.navigation li a {
    text-transform: 				uppercase;      
	color:							#FFF;
	text-decoration:				none;
	display: 						block;  
    font-weight:                    bold;   
    outline:                        none;   
    padding:                        6px 7px 8px 7px;
    line-height:                    16px;    
}

.navigation li a:hover {
	background: 					#606368;
}

#sidebar_navigation {
    margin-bottom:                  15px; 
}
#sidebar_navigation li a {
    display: block;
    font-size: .8em;
    border-bottom: 1px dotted #cccccc;
    color: #626262;
    padding: 5px 0 5px 10px;
}

#sidebar_navigation li a:hover {
    background:     #f3f3f3;
}

#sidebar_navigation ul li a {
padding:            5px 0 5px 25px;
}






/* ############################################## */
/* ################## ELEMENTE ################## */
/* ############################################## */
p {
    line-height:                    22px;
	font-size:						.9em; 
    margin-bottom:                  15px;               
}

a {
	color:							#6f7b50;
	text-decoration:				none;						
}
/* ############################################## */
/* ################## KLASSEN ################### */
/* ############################################## */
.float_left {
	float:							left;
}

.float_right {
	float:							right;
}

.visual_clear {
	clear:							both;
}

strong {
	font-weight:					bold;
}

em {
	font-style:						italic;
}

img.alignleft {
	padding: 						5px;
	background: 					#f4f4f4;
	border: 						1px solid #dbdfe6;
	float: 							left;
}

.alignleft {
	float:							left;
}



/* ############################################## */
/* ################# COLUMNS #################### */
/* ############################################## */
.column_big {
    margin:                         30px 30px 30px 0;
	float:							left;
	width:							610px;
	display:                        inline
}

.column_single {
	margin:							30px 30px 0 30px;	
	float:							left;	
	width:							290px;	
	display:                        inline
}
/* ############################################## */
/* ################## SIDEBAR ################### */
/* ############################################## */
.widgettitle {
	text-transform:					uppercase;
	background:						#2d3442;
	color:							#fff;
	padding:						5px 0 5px 10px;
	margin:							0;
	letter-spacing:					1px;
	font-size:						10px;	
	font-weight:					bold;	
}

.widget {
	border-width:					0 1px 1px 1px;
	border-style:					dotted;
	border-color:					#626262; /* d5d5d6*/
	margin-bottom:					15px;
	font-size:						.7em;
}

.widget ul li {
    border-top:                     1px #626262 dotted;
	padding:						5px 0 5px 10px;
}

.widget ul li:first-child {
    border:                         0;
}

.textwidget {
	padding:	5px;
}

.textwidget p {
	margin:		0;
}

.footerzwei {
    background: #2d3442;
}

.margin15px {
    margin-bottom: 					15px;
}

td {
	font-size:						.9em; 
             
}

/* ############################################## */
/* ################## CONTACT ################### */
/* ############################################## */
div.form-input, div.form-textarea {
	line-height:                    22px;
	font-size:						.9em; 
    margin:            			    0 0 15px 0; 
}
form legend {
	display:						none;
}

#footer {
    background: #d2dbee;
    color:  #2d3442;
    line-height: 18px;
    font-size: 12px;
    font-family: Arial;  
    padding: 30px 0 30px 0;  
}

#footer .box {
padding: 0 30px 0 30px;
float: left;
width: 179px;  
border-right: 1px dotted #2d3442;
}

#footer .box p {
    color:  #2d3442;
    line-height: 18px;
    font-size: 12px;
    font-family: Arial;      
}

#footer .box a {
    	color:							#2d3442;
	text-decoration:				none;
border-bottom: 1px dotted #2d3442;   
}

#footer .box address {
    margin: 0 ;
}

#footer .box address a {
    font-size: 12px;
}
  
#footer .lastbox {
 float: left;   
width: 179px;  
padding: 0 30px 0 30px;
}

.footernav li a {   
	color:							#2d3442;
	text-decoration:				none;
border-bottom: 1px dotted #2d3442;        
}

#footer label {
    font-size: 12px;
}

#mce-EMAIL { 
    width: 169px; 
    padding: 5px; 
    font-size: 11px;  
}

#mc-embedded-subscribe {
    padding: 5px;
    font-size: 12px;
}