/*
Theme Name: KAR-Template
Theme URI: http://www.simonzicholl.de/
Description: Das Website-Template der Konrad-Adenauer-Realschule Hamm.
Version: 1.0
Author: Simon Zicholl
Author URI: http://www.simonzicholl.de/
*/

body {
	font-family: Arial,Verdana,Sans Serif;
	color: #191919;
	font-size: 100.01%;
	margin: 0;
	background: #fff url(images/bg_main.png) left top repeat-x;
	line-height: 1.5;
	}

h1, h2, h3, h4 {
	margin-top: 0;
	}

img {
	border: 0;
	}

a {
	text-decoration: none;
	color: #7d7d7d;
	}
	a:hover,
	a:focus {
		color: #fff;
		background-color: #7d7d7d;
		}
a.button {
	text-decoration: none;
	color: #000;
	background: #c7c7c7 url(images/arrow_right_black.gif) 10px center no-repeat;
	padding: 4px 10px 4px 23px;
	border-right: 1px #7d7d7d solid;
	border-bottom: 1px #7d7d7d solid;
	}
	a.button:hover,
	a.button:focus {
		color: #fff;
		background: #7d7d7d url(images/arrow_right_white.gif) 10px center no-repeat;
		border-right: 1px #c7c7c7 solid;
		border-bottom: 1px #c7c7c7 solid;
		}

p {
	margin-top: 0;
	margin-bottom: 12px;
	}
		
.wrapper {
	width: 960px;
	margin: 0 auto;
	font-size: 80%;
	}
	.wrapper .columnWrapper .columnLeft {
		width: 207px;
		float: left;
		margin: 0;
		}
		.wrapper .columnWrapper  .columnLeft .logo {
			margin-top: 10px;
			background: url(images/logo.png) left top no-repeat;
			height: 207px;
			}
			.wrapper .columnWrapper  .columnLeft .logo h1 a {
				display: block;
				margin: 0 auto;
				width: 180px;
				height: 190px;
				}
				.wrapper .columnWrapper  .columnLeft .logo h1 a:focus,
				.wrapper .columnWrapper  .columnLeft .logo h1 a:hover {
					background: none;
					}
				.wrapper .columnWrapper  .columnLeft .logo h1 span {
					display: none;
					visibility: hidden;
					}

		.wrapper .columnWrapper  .columnLeft .sidebar {
			background: #fff url(images/bg_sidebar.png) left top no-repeat;
			width: 179px;
			margin-left: 4px;
			padding: 4px 10px;
			color: #c7c7c7;
			min-height: 650px;
			}
			.wrapper .columnWrapper  .columnLeft .sidebar h1 {
				font-size: 110%;
				color: #fff;
				}
			.wrapper .columnWrapper  .columnLeft .sidebar h1 {
				font-size: 110%;
				color: #fff;
				}
			.wrapper .columnWrapper  .columnLeft .sidebar a {
				text-decoration: none;
				color: #fff;
				}
				.wrapper .columnWrapper  .columnLeft .sidebar a.rss {
					background: url(images/rss.gif) left center no-repeat;
					padding-left: 20px;
					}
			.wrapper .columnWrapper  .columnLeft .sidebar .form {
				margin-bottom: 25px;
				}
				.wrapper .columnWrapper  .columnLeft .sidebar .form form {
					padding: 0;
					}
					.wrapper .columnWrapper  .columnLeft .sidebar .form form input {
						margin: 0;
						background-color: #c7c7c7;
						height: 16px;
						border: 0;
						width: 150px;
						padding: 2px;
						}
						.wrapper .columnWrapper  .columnLeft .sidebar .form form input.button {
							background: url(images/submit_button.gif) center center no-repeat;
							margin-left: 2px;
							cursor: pointer;
							text-indent: -9999px;
							width: 20px;
							height: 20px;
							}
							
			.wrapper .columnWrapper  .columnLeft .sidebar ul.ec3_events {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				.wrapper .columnWrapper  .columnLeft .sidebar ul.ec3_events .ec3_list_day {
				margin-top: 7px;
				font-weight: 700;
					}
					.wrapper .columnWrapper  .columnLeft .sidebar ul.ec3_events .ec3_list_day ul {
						font-weight: 400;
						padding: 0;
						list-style: none;
						}
				
	.wrapper .columnWrapper  .columnRight {
		width: 730px;
		float: right;
		}
		.wrapper .columnWrapper  .columnRight .header {
			height: 91px;
			background: url(images/header.jpg) right top no-repeat;
			}
		.wrapper .columnWrapper  .columnRight .menu {
			height: 38px;
			}
			.wrapper .columnWrapper  .columnRight .menu ul.nav {
				list-style: none;
				margin: 0;
				margin-left: 25px;
				padding: 0;
				display: block;
				}
				.wrapper .columnWrapper  .columnRight .menu ul.nav li {
					float: left;
					padding: 8px 24px 8px 0;
					}
					.wrapper .columnWrapper  .columnRight .menu ul.nav li a {
						color: #fff;
						font-size: 110%;
						display: block;
						}
						.wrapper .columnWrapper  .columnRight .menu ul.nav li a:hover,
						.wrapper .columnWrapper  .columnRight .menu ul.nav li a:focus {
							color: #d2d2d2;
							background: 0;
							}
						.wrapper .columnWrapper  .columnRight .menu ul.nav li.current_page_item a {
							font-weight: 700;
							}
							.wrapper .columnWrapper  .columnRight .menu ul.nav li.current_page_item ul li a {
								font-weight: 400;
								}
						.wrapper .columnWrapper  .columnRight .menu ul.nav li.current_page_parent a {
							font-weight: 700;
							}
							.wrapper .columnWrapper  .columnRight .menu ul.nav li.current_page_parent ul li a {
								font-weight: 400;
								}
						.wrapper .columnWrapper  .columnRight .menu ul.nav li.current_page_ancestor a {
							font-weight: 700;
							}
							.wrapper .columnWrapper  .columnRight .menu ul.nav li.current_page_ancestor ul li a {
								font-weight: 400;
								}
					.wrapper .columnWrapper  .columnRight .menu ul.nav li ul {
						width: 180px;
						z-index: 1;
						list-style: none;
						margin: 0;
						margin-top: 10px;
						padding: 0;		
						position: absolute;
						visibility: hidden;
						background: #dbdbdb url(images/bg_subnav.png) left top repeat-y;
						border-right: 1px #7d7d7d solid;
						border-bottom: 1px #7d7d7d solid;
						}
						.wrapper .columnWrapper  .columnRight .menu ul.nav li ul li {
							float: none;
							margin: 0;
							padding: 0;
							font-size: 85%;
							display: outside;
							color: #7D7D7D ;
							}
							.wrapper .columnWrapper  .columnRight .menu ul.nav li ul li.catDesc {
								padding: 4px 10px;
								}
							.wrapper .columnWrapper  .columnRight .menu ul.nav li ul li a {
								width: auto;
								color: #000;
								background: url(images/arrow_right_black.gif) 10px center no-repeat;
								padding: 4px 8px 4px 24px;
								border-top: 1px #fff solid;
								}
								.wrapper .columnWrapper  .columnRight .menu ul.nav li ul li a:hover,
								.wrapper .columnWrapper  .columnRight .menu ul.nav li ul li a:focus {
									background: #ededed url(images/arrow_right_black.gif) 10px center no-repeat;
									color: #000;
									}
							
		.wrapper .columnWrapper  .columnRight .content {
			background: #fff url(images/bg_content_schueler.jpg) right top no-repeat;
			padding: 50px 25px;
			min-height: 400px;
			border-left: 1px #e8e8e8 solid;
			border-right: 1px #e8e8e8 solid;
			}
			.wrapper .columnWrapper  .columnRight .content .artikel_nav {
				text-align: center;
				}
				.wrapper .columnWrapper  .columnRight .content .artikel_nav .aLeft {
					float: left;
					}
				.wrapper .columnWrapper  .columnRight .content .artikel_nav .aRight {
					float: right;
					}
			.wrapper .columnWrapper  .columnRight .content .post {
				margin-bottom: 25px;
				}
				.wrapper .columnWrapper  .columnRight .content .post .entrytext p.postoptions,
				.wrapper .columnWrapper  .columnRight .content form.wpcf7-form .wpcf7-response-output {
					background-color: #eaeaea;
					border: #c7c7c7 1px solid;
					padding: 6px;
					font-size: 85%;
					margin-top: 25px;
					}
				.wrapper .columnWrapper  .columnRight .content form.wpcf7-form .wpcf7-display-none {
					display: none;
					}
			.wrapper .columnWrapper  .columnRight .content span.small,
			.wrapper .columnWrapper  .columnRight .content .commentlist .commentmetadata {
				font-size: 85%;
				color: #a0a0a0;
				}
			.wrapper .columnWrapper  .columnRight .content h1 {
				font-size: 160%;
				font-weight: 400;
				color: #ff6100;
				border-bottom: 1px #c7c7c7 solid;
				}
				.wrapper .columnWrapper  .columnRight .content h1 a {
					color: #ff6100;
					}
					.wrapper .columnWrapper  .columnRight .content h1 a:hover,
					.wrapper .columnWrapper  .columnRight .content h1 a:focus {
						background: 0;
						}
			.wrapper .columnWrapper  .columnRight .content h2 {
				font-size: 140%;
				font-weight: 400;
				color: #7d7d7d;
				}
			.wrapper .columnWrapper  .columnRight .content h3 {
				font-size: 120%;
				font-weight: 700;
				color: #7d7d7d;
				}
			.wrapper .columnWrapper  .columnRight .content h4 {
				font-size: 100%;
				font-weight: 700;
				color: #7d7d7d;
				}
				.wrapper .columnWrapper  .columnRight .content ul li {
					list-style-type: square;
					color: #7d7d7d;
					}
				.wrapper .columnWrapper  .columnRight .content .links {
					margin-bottom: 35px;
					}
					.wrapper .columnWrapper  .columnRight .content .links ul li {
						color: #939393;
						}
				.wrapper .columnWrapper  .columnRight .content #respond #commentform input,
				.wrapper .columnWrapper  .columnRight .content #respond #commentform textarea,
				.wrapper .columnWrapper  .columnRight .content form.wpcf7-form input,
				.wrapper .columnWrapper  .columnRight .content form.wpcf7-form textarea {
					background-color: #eaeaea;
					border: 1px #c7c7c7 solid;
					padding: 2px;
					font-size: 95%;
					font-family: Arial,Verdana,Sans-serif;
					}
					.wrapper .columnWrapper  .columnRight .content #respond #commentform #submit,
					.wrapper .columnWrapper  .columnRight .content form.wpcf7-form p.submitField input {
						background: #c7c7c7 url(images/arrow_right_black.gif) 10px center no-repeat;
						padding: 4px 10px 4px 23px;
						color: #000;
						cursor: pointer;
						border-right: 1px #7d7d7d solid;
						border-bottom: 1px #7d7d7d solid;
						}
						.wrapper .columnWrapper  .columnRight .content #respond #commentform #submit:hover,
						.wrapper .columnWrapper  .columnRight .content #respond #commentform #submit:focus,
						.wrapper .columnWrapper  .columnRight .content form.wpcf7-form p.submitField input:hover,
						.wrapper .columnWrapper  .columnRight .content form.wpcf7-form p.submitField input:focus {
							color: #fff;
							background: #7d7d7d url(images/arrow_right_white.gif) 10px center no-repeat;
							border-right: 1px #c7c7c7 solid;
							border-bottom: 1px #c7c7c7 solid;
							}
						.wrapper .columnWrapper  .columnRight .content form.wpcf7-form span.wpcf7-not-valid-tip-no-ajax {
							font-size: 85%;
							margin-left: 10px;
							}
					.wrapper .columnWrapper  .columnRight .content #respond #commentform #comment,
					.wrapper .columnWrapper  .columnRight .content form.wpcf7-form span.your-message textarea {
						width: 100%;
						font-family: Arial,Verdana,Sans-serif;
						font-size: 95%;
						}
				.wrapper .columnWrapper  .columnRight .content .commentlist .commentmetadata {
					margin-bottom: 10px;
					}
				.wrapper .columnWrapper  .columnRight .content .commentlist p {
					margin-bottom: 25px;
					}
				.wrapper .columnWrapper  .columnRight .content .siteOptions {
					float: right;
					text-align: right;
					}
					.wrapper .columnWrapper  .columnRight .content .siteOptions a.print {
						background: url(images/print.gif) left center no-repeat;
						padding: 0 2px 0 20px;
						}
						.wrapper .columnWrapper  .columnRight .content .siteOptions a.print:focus,
						.wrapper .columnWrapper  .columnRight .content .siteOptions a.print:hover {
							background-color: #7D7D7D;
							color: #fff;
							}
					.wrapper .columnWrapper  .columnRight .content .siteOptions a.top {
						background: url(images/top.gif) left center no-repeat;
						padding: 0 2px 0 18px;
						margin-left: 3px;
						}
						.wrapper .columnWrapper  .columnRight .content .siteOptions a.top:focus,
						.wrapper .columnWrapper  .columnRight .content .siteOptions a.top:hover {
							background: #7D7D7D url(images/top_on.gif) left center no-repeat;
							color: #fff;
							}
				.wrapper .columnWrapper  .columnRight .content .socialBookmarks {
					float: left;
					}
					.wrapper .columnWrapper  .columnRight .content .socialBookmarks a {
						background: 0;
						}
/* Start Event Calendar */
					.wrapper .columnWrapper  .columnRight .content table.ec3_schedule {
						width: 100%;
						border: #c7c7c7 1px solid;
						padding: 10px;
						background: #EAEAEA;
						font-size: 120%;
						font-weight: 700;
						margin-bottom: 30px;
						border-collapse: separate;
						}
							.wrapper .columnWrapper  .columnRight .content table.ec3_schedule tr td.ec3_start {
								width: 40%;
								}
							.wrapper .columnWrapper  .columnRight .content table.ec3_schedule tr td.ec3_to {
								text-align: center;
								width: 20%;
								}
							.wrapper .columnWrapper  .columnRight .content table.ec3_schedule tr td.ec3_end {
								text-align: right;
								width: 40%;
								}
/* End Event Calendar */
						
	.wrapper .footer {
		margin-top: 1px;
		margin-left: 4px;
		padding: 8px 10px;
		background-color: #dbdbdb;
		font-size: 85%;
		text-align: right;
		}

	.bigMarginTop {
		margin-top: 30px;
		}
		
/* Start Wordpress definitions */		
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
	}
	
.alignright {
	float: right;
	margin: 0 0 20px 20px;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.wp-caption-text {
	margin: 10px 0;
	font-weight: 700;
	font-size: 85%;
	text-align: center;
	}
	
.comment-author {
	background-color: #EAEAEA;
	padding: 4px;
	height: 32px;
	}
	
img.avatar {
	float: left;
	margin-right: 4px;
	}
	
/* End Wordpress definitions */
	
/* add to floating elements which should not float afterthem */
* html .clearfix {
	height: 1%; /* IE5-6 */
	}
.clearfix {
	display: inline-block; /* IE7xhtml*/
	}
html[xmlns] .clearfix { /* O */
	    display: block;  
	    }
.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}