﻿@charset "utf-8";

/*---------------------------------------------------

Desidgned by Juergen Koller

Designers Home: http://www.LernVid.com

---------------------------------------------------*/



html {

	height : 100%;

}

body {

	line-height : 125%;

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color: #505050;

	background-color: #f3f3f3;

}

#wrapper {

	background-image: url('../images/bg.jpg');

	background-position:center top;

	background-repeat: repeat-y;

	width: 99.8%;

	margin: 0 auto;

	background-color: transparent;

}

#spacer {

    height: 5px;

	width: 100%;

	margin: 0;

	padding:0;

	background-color: #f3f3f3;

}

#masthead_container {

    height: 150px;

	width: 100%;

	background-color: transparent;	

	margin: 0;

	padding:0;

	background-image:url('../images/masthead.jpg');

	background-position: center bottom;

	background-repeat:no-repeat;

	background-color: #f3f3f3;

}

#masthead {

    height: 150px;

	width: 980px;

	margin: 0 auto;

	background-image:url('../images/header.jpg');

	background-position: center top;

	background-repeat:no-repeat;

	background-color: transparent;	

	background-color: #f3f3f3;

}

#logo {

	height: 120px;

	width: 120px;

	float:left;

	margin: 15px 0 0 15px;

	background-image: url('../images/logo.gif');

	background-repeat: no-repeat;

}

#feuerwehr {

	float:left;

	text-align: left;

	overflow:hidden;

	color: #fff;

	font-family: "Arial Black";

	font-size:36px;

	text-transform:uppercase;

	height: 45px;

	line-height:45px;

	width: 600px;

	background:none;

	overflow:hidden;

	padding:0;

	margin: 30px 0 0 10px;

	text-shadow: 1px 1px 1px #000;

	filter:Glow(color=#000000, strength=2);

}

#feuerwehr a {

	color: #fff;

	text-decoration:none;

}

#feuerwehr a:hover {

	color: #fff;

	text-decoration:none;	

}

#slogan {

	float:left;

	text-align: left;

	overflow:hidden;

	color: #fff;

	font-family: "Arial Black";

	font-size:26px;

	height: 45px;

	line-height:45px;

	width: 550px;

	background:none;

	overflow:hidden;

	padding:0;

	margin: 10px 0 0 60px;

	text-shadow: 1px 1px 1px #000;

	filter:Glow(color=#000000, strength=2);

}

/* Suche */

#searchbox {

	float:right;

	height: 30px;

	width: 150px;

	margin-top: 10px;

}

#search {

	float: left;

	height: 30px;

}

#search_inner {

	margin: 5px 0 7px 0;

}

#search_inner input, 

#search_inner .inputbox {

	background-color:#fff;

	float: left;

	margin: 0;

	border-left : 1px solid #aaa;

	border-top : 1px solid #aaa;

	border-right : 1px solid #ccc;

	border-bottom : 1px solid #ccc;

	padding: 0;

	padding: 2px;

	font-size: 11px;

	background-image: url('../images/search.gif');

	background-position: right center;

	background-repeat:no-repeat;

}

#search_inner .inputbox:hover {

	color: #ff0000;

	background-color: #fff;

}



/* Im Container stellt man die Breite ein */

#container {

	text-align:left;

	width: 980px;

	background-color: #e9e9e9;

	padding: 0;

	margin: 0 auto;

}

/* Container2 carries user1 user2 user5 user6 */

#container2 {

	text-align:left;

	background-color: transparent;

	margin:auto;

}

/* Navigation oben quer */

#navigation {

	background-image:url('../images/navi.gif');

	height: 30px;

    margin:auto;

    background-color: #ddd;

	color: #000;

}

#breadcrumb {

	height: 25px;

	padding: 0;

	margin: 0;

	width: 100%;

	background-image:url('../images/breadcrumb.gif');

	background-repeat:repeat-x;

}

#breadcrumbs {

	height: 25px;

	line-height: 25px;

	padding-left: 182px;

}

/* Schlagzeilen */

#top{

	clear:both;

	float:left;

	margin: 0;

	padding:0;

	width: 100%;

	height: auto;

	background-image : url(../images/user_modules.gif);

	background-repeat:repeat-x;

	margin-bottom: 5px;

	border-bottom: 1px solid #ccc;

}

#top_inner {

	width: 90%;

	margin: 0 auto;

}

#page_content {

	padding: 0px;

	margin: 0px;

	width: 100%;

}

/* Breite der linken Sidebar 170 */

#sidebar_left {

	position: relative;

	float: left;

	width: 168px;

	background-color: #fff;

	border: 1px solid #ddd;

	padding:0;

	margin:0;

	padding: 5px;

	padding-bottom: 10px;

}

/* Breite der rechten Sidebar 170 */

#sidebar_right {

	position: relative;

	float: right;

	width: 200px;

	background-color: #fff;

	border: 1px solid #ddd;

	padding:0;

	margin:0;

	padding: 5px;

	padding-bottom: 10px;

}

/* breite left und right*/

#sidebar_left .module, #sidebar_left .module_menu, #sidebar_left .module_text {

	width: 170px;

	overflow:hidden;

	padding:0;

	margin-bottom: 30px;

}

#sidebar_right .module, #sidebar_right .module_menu, #sidebar_right .module_text {

	text-align: center;

	overflow:hidden;

	padding:0;

	margin-bottom: 30px;

}

/* Beispielseiten Links */

#sidebar_left ul#mainlevel a {

	color: #666;

}

#sidebar_left div.module h3, #sidebar_left div.module_text h3 {

	background-image : url(../images/left_h3.gif);

}

#sidebar_right div.module h3, #sidebar_right div.module_text h3 {

	color: #fff;

	background-image : url(../images/right_h3.gif);

	text-shadow: 1px 1px 1px #000;

	filter:Glow(color=#000000, strength=1);

}

/* hauptmenüs - h3 styles */

.module_menu h3 {

	color: #fff;

	background-image : url(../images/module_menu_h3.gif);

	text-shadow: 1px 1px 1px #000;

	filter:Glow(color=#000000, strength=1);

}

.componentheading {

	font-size: 14px;

	background-image : url(../images/componentheading.gif);

	background-position:center top;

	background-repeat: no-repeat;

	height: 25px;

	line-height:25px;

	text-align:center;

}

.contentheading {

	color : #e81a1c;

	font-size: 13px;

	background-image : url(../images/contentheading.gif);

	background-repeat:no-repeat;

	line-height:20px;

	padding-left: 20px;

}

.contentheading a {

	font-size: 13px;

	line-height:20px;

	text-decoration:none !important;

}

.contentheading a:hover {

	font-size: 13px;

	line-height:20px;

	text-decoration:none;

}

.article_separator {

	clear : both;

	display : block;

	height : 10px;

	margin-bottom : 30px;

	background-image : url(../images/sep.gif);

	background-repeat:repeat-x;

	background-position: left bottom;

}

#content_outleft {

	margin: 0 0 0 182px;

}

#content_outmiddle {

	margin: 0 214px 0 182px;

}

#content_outright {

	margin: 0 214px 0 0;

}

#content {

	background-color: #fff;

	color: #505050;

	padding: 10px;

	min-height: 600px;

	border: 1px solid #ddd;

}

.clr {

	clear:both;

}

#user_modules0 {

	float:left;

	margin: 0;

	padding:0;

	width: 100%;

	height: auto;

	background-image : url(../images/user_modules.gif);

	background-repeat:repeat-x;

	margin-bottom: 5px;

	border-bottom: 1px solid #ccc;

}

#user8 {

	width:30%;

	float:left;

	min-height: 100px;

	text-align:left;

	height: auto;

	padding-bottom: 20px;

	overflow:hidden;

	margin-left: 2%;

}

#user9 {

	width:30%;

	float:left;

	min-height: 100px;

	text-align:left;

	height: auto;

	padding-bottom: 20px;

	margin-left: 2%;

	overflow:hidden;

}

#user10 {

	width:30%;

	float:left;

	min-height: 100px;

	text-align:left;

	height: auto;

	padding-bottom: 20px;

	overflow:hidden;

	margin-left: 2%;

}

#user_modules1 {

	float:left;

	margin: 0;

	padding:0;

	width: 100%;

	height: auto;

	background-image : url(../images/user_modules.gif);

	background-repeat:repeat-x;

	margin-bottom: 5px;

	border-bottom: 1px solid #ccc;

}

#user1 {

	float:left;

	width:45%;

	min-height: 100px;

	overflow:hidden;

	margin-left: 2.5%;

}

#user2 {

	float:left;

	width:45%;

	min-height: 100px;

	overflow:hidden;

	margin-left: 2.5%;

}

#user_modules2 {

	float:left;

	margin: 0;

	padding:0;

	width: 100%;

	height: auto;

	background-image : url(../images/user_modules.gif);

	background-repeat:repeat-x;

	margin-bottom: 5px;

	border-bottom: 1px solid #ccc;

}

#user5 {

	width:30%;

	float:left;

	min-height: 100px;

	text-align:left;

	height: auto;

	padding-bottom: 20px;

	overflow:hidden;

	margin-left: 2%;

}

#user6 {

	width:30%;

	float:left;

	min-height: 100px;

	text-align:left;

	height: auto;

	padding-bottom: 20px;

	margin-left: 2%;

	overflow:hidden;

}

#user7 {

	width:30%;

	float:left;

	min-height: 100px;

	text-align:left;

	height: auto;

	padding-bottom: 20px;

	overflow:hidden;

	margin-left: 2%;

}

#footer {

	clear: both;

	width: 99%;

	overflow: hidden;

	padding-top: 1%;

	padding-right: 0;

	padding-bottom: 1%;

	padding-left: 0;

	background-color: transparent;

	text-align:center;

}

#footer a {	

	border:none;

}

#bottom {

	clear: both;

	height: 70px;

	background-color: #fff;

	font-size: 9px;

	color: #666;

	text-align:center;

	background-image:url('../images/bottom.gif');

	background-repeat: repeat-x;

}

#bottom a {

	font-size: 9px;

	color: #666;

	text-align:center;

	text-decoration:none;

}

#copyright_info {

	width: 100%;

	height: 18px;

	line-height: 18px;

	clear: both;

	font-size: 10px;

	padding:0;

	margin: 2px 0 0 0;

	text-align:center;

	overflow:hidden;

	background-image:url('../images/copy.gif');

	background-repeat: repeat-x;

}

#copyright_info p {

	font-size: 10px;

	padding:0;

	margin:0;

	text-align:center;

}

#designed_by {

	clear: both;

	background-color: transparent;

	color: #999;

	padding:0;

	margin:0;

	text-align:center;

	height: 15px;

	line-height: 15px;

	border: none;

	background-color:#ccc;

	border-top: 1px solid #bbb;

	background-image:url('../images/designed_by.gif');

	background-repeat: repeat-x;

}

#designed_by p {

	letter-spacing: 1px;

	color: #999;

	font-size: 10px;

	text-align:center;

	padding:0;

	margin:0;

}	

#designed_by a {

	color: #999;

	text-decoration:none;

}

#designed_by a:hover {

	color: #ff0000;

}

#syndicate {

	float:left;

	width: auto;

	height: 40px;

	background: none;

	padding-left: 10px;

	padding-top: 10px;

	overflow:hidden;

}

#date {

	font-size:11px;

	width: auto;

	background-color: transparent;

	padding-top: 13px;

	overflow:hidden;

	color: #e81a1c;

}

#go_top {

	height: 50px;

	width: 50px;

	float: right;

	text-align: center;

	background-color: transparent;

	background-repeat:no-repeat;

}

#go_top p {

	padding: 20px 0 0 15px;

}

#go_top a {

	text-align: center;

	color: #000;

	font-size: 10px;

	text-decoration:none;

}

#go_top a:hover {

	font-size: 12px;

	color: #000;

}

.module h3, #sidebar_left h3, #sidebar_right h3 {

	font-size: 12px;

	height: 25px;

	line-height:25px;

	padding: 0;

	margin:0;

	padding-left:10px;

}

h1,h2,h3,h4,h5,h6 {

	font-family:Arial, Helvetica, Sans-Serif;

}

#footer a {

	color: #666;

	text-decoration: underline;

}

#footer a:hover {

	color: #101010;

	text-decoration: none;

}

ul, ol, li {

	margin : 0;

	padding : 0;

}

ul, ol {

	margin : 10px 0;

	padding-left : 10px;

}

ol li {

	list-style-type : decimal;

	line-height : 14px;

}

ul {

	margin : 5px;

	padding : 2px;

	list-style : none;

}

li {

	text-align : left;

	line-height : 14px;

	padding-left : 18px;

	background-image : url(../images/list.gif);

	background-repeat : no-repeat;

	background-position : 0 2px;

	list-style-type : none;

}

li:hover {

	text-align : left;

	line-height : 14px;

	padding-left : 18px;

	background-image : url(../images/list_hover.gif);

	background-position : 0 2px;

	background-repeat : no-repeat;

}

td {

	text-align : left;

	margin : 0;

	padding : 0;

}

p {

	text-align : left;

	margin : 0;

    padding: 5px 0 0 0;	

}

a, a:link, a:visited, a:active, a:focus {

	text-decoration : underline;

	outline : none;

	color : #e81a1c;

}

a:hover {

	color : #999;

	text-decoration : none;

}

#sidebar_left .module div div div, #sidebar_left .module_text div div div, #sidebar_left .module_menu div div div   {

	padding-bottom: 23px;

	background-image : url(../images/module_left_bottom.gif);

	background-repeat : no-repeat;

	background-position:left bottom;

	background-color: #fff;

}

#sidebar_right .module div div div, #sidebar_right .module_text div div div, #sidebar_right .module_menu div div div   {

	padding-bottom: 23px;

	background-image : url(../images/module_right_bottom.gif);

	background-repeat : no-repeat;

	background-position:left bottom;

	background-color: #fff;

}

#sidebar_left .module div div, #sidebar_left .module_text div div, #sidebar_left .module_menu div div {

	padding:0;

	margin: 0;

}

#sidebar_right .module div div, #sidebar_right .module_text div div, #sidebar_right .module_menu div div {

	padding:0;

	margin: 0;

}

#sidebar_left .module div, #sidebar_left .module_text div, #sidebar_left .module_menu div {

	padding:0;

	margin: 0;

}

#sidebar_right .module div, #sidebar_right .module_text div, #sidebar_right .module_menu div {

	padding:0;

	margin: 0;

}

#sidebar_left .module div div div div, #sidebar_right .module div div div div {

	padding: 0;

	margin: 0;

	background-image:none;

}

#sidebar_left .module_text div div div div, #sidebar_right .module_text div div div div {

	padding: 0;

	margin: 0;

	background-image:none;

}

.module_menu ul.menu {

	padding : 0;

	list-style : none;

	background : none;

	margin: 0;

}

.module_menu ul.menu li {

	margin : 0;

	padding : 0;

	list-style : none;

	background : none;

	overflow:hidden;

}

.module_menu ul.menu li a {

	display : block;

	vertical-align : middle;

	font-size : 11px;

	color : #101010;

	text-align : left;

	height : 22px;

	line-height : 22px;

	text-decoration : none;

	padding:0;

	margin: 0;

	padding-left: 15px;

	background-image : url(../images/menu.jpg);

	background-repeat : no-repeat;

}

.module_menu ul.menu li a span {

	background : none;

}

.module_menu ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {

	text-decoration : none;

	font-size : 11px;

	text-align : left;

	background-color: #fff;

	background-repeat : no-repeat;

}

.module_menu ul.menu li.active a {

	background-repeat : no-repeat;

	text-decoration : none;

	font-size : 11px;

	text-align : left;

	background-color: #fff;

}

.module_menu ul.menu li.active a:hover {

	text-decoration: none;

}

.module_menu ul.menu li.active a span {

}

.module_menu ul.menu li li a span {

	list-style : none;

}

.module_menu ul.menu li ul {

	margin : 0;

	padding : 0;

	list-style : none;

}

.module_menu ul.menu li li {

	list-style : none;

}

.module_menu ul.menu li li a {

	list-style : none;

	vertical-align : middle;

	font-size : 11px;

	color : #101010;

	text-align : left;

	text-decoration : none;

	height : 22px;

	padding-left: 28px;

	overflow:hidden;

}

.module_menu ul.menu li li a:hover, .module_menu ul.menu li li a:active, .module_menu ul.menu li li a:focus {

	color : #101010;

	list-style : none;

	background : none;

	text-decoration : none;

}

.module_menu ul.menu li li.active a {

	color : #101010 !important;

	list-style : none;

	background : none;

	text-decoration : none;

}

.module_menu ul.menu li li a span {

	list-style : none;

	background : none;

}

/* Formatvorlagen für die Navigation-Oben */

ul#mainlevel-nav {

	list-style : none;

	padding : 0;

	margin : 0 auto;

	font-size : 11px;

}

ul#mainlevel-nav li {

	background-image:none;

	color : #101010;

	font-weight : bold;

	float : left;

	margin : 0;

	padding : 0;

	font-size : 11px;

	height : 30px;

	line-height : 30px;

	white-space : nowrap;

	background-color: transparent;

}

ul#mainlevel-nav li a {

	text-align : center;

	font-weight : bold;

	font-size : 11px;

	display : block;

	padding-left : 10px;

	padding-right : 25px;

	text-decoration : none;

	color : #000;

	background : transparent;

	background-image: url(../images/nav.gif);

	background-repeat:no-repeat;

	background-position: right top;

}

#buttons > ul#mainlevel-nav li a {

	width : auto;

}

ul#mainlevel-nav li a:hover {

	color : #ff0000;

	text-decoration:underline;

	background-image: url(../images/nav_hover.gif);

	background-repeat:no-repeat;

	background-position: right top;

}

ul#mainlevel-nav li a#active_menu-nav {

	text-decoration:underline;

	color : #000;

}

ul#mainlevel-nav li a#active_menu-nav:hover {

	text-decoration : line-through;

}

/* Colors and colored images */

.module_menu ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {

	color : #e81a1c;

	background-image : url(../images/menu_hover.jpg);

}

.module_menu ul.menu li.active a {

	color : #e81a1c;

	background-image : url(../images/menu_hover.jpg);

}

a.pagenav {

	color : #e81a1c;

}

.pagenav a:hover {

	color : #e81a1c;

}

.blog_more ul li a:hover {

	color: #e81a1c;

}

.button {

	background-image : url(../images/button_bg.gif);

	text-align : center;

	font-size : 10px;

	border : 1px solid #2c2c2c;

	padding : 2px 3px 2px 3px;

	margin : 2px 3px 2px 3px;

}

.button:hover {

	color : #e81a1c;

}

.validate {

	color : #000;

	background-image : url(../images/button_bg.gif);

}

.validate:hover {

	color : #e81a1c;

}

.back_button:hover {

	color : #e81a1c;

}

a.readon {

	float:right;

}

a.readon:hover {

	color : #e81a1c;

}

.invalid {

	border-color: #ff0000;

}

label.invalid {

	color: #ff0000;

	text-decoration:blink;

}

#go_top {

	background-image:url('../images/gotop.gif');

}

/* top - user 1 2 - 5 6 7 - h3 styles*/

#top div.module h3, #user1 div.module h3, #user2 div.module h3, 

#user5 div.module h3, #user6 div.module h3, #user7 div.module h3, 

#user8 div.module h3, #user9 div.module h3, #user10 div.module h3 {

	background-image: none;

	padding: 0;

	margin:0;

}

.sectiontableheader {

	border : 1px solid #666;

	color : #101010;

	background-color : #fff;

	text-align : left;

	text-transform : none;

	margin : 0;

	padding : 2px;

	height : 30px;

}

.sectiontablefooter {

	color : #101010;

	padding : 2px;

	margin : 0;

	text-align : left;

	text-transform : none;

	background-color : #fff;

}

.sectiontableentry1 td {

	padding : 2px 5px 2px 5px;

	margin : 1px;

}

.sectiontableentry2 td {

	padding : 2px 5px 2px 5px;

	margin : 1px;

}

.sectiontableentry0 td {

	padding : 2px 5px 2px 5px;

	margin : 1px;

}

.sectiontableentry0 {

	border-bottom : 1px solid #666;

	background-color : #fff;

	text-align : left;

}

.sectiontableentry1 {

	border-bottom : 1px solid #666;

	background-color : #e6e6e6;

	text-align : left;

}

.sectiontableentry2 {

	border-bottom : 1px solid #666;

	background-color : #fff;

	text-align : left;

}

img {

	border: none;

}

.highlight {

	background-color : #999;

	color : #111;

	padding : 0;

}

.small {

	font-family : Arial, Helvetica, sans-serif;

	color : #999;

	font-size : 9px;

}

.createdate {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 9px;

	color : #999999;

}

.modifydate {

	font-family : Arial, Helvetica, sans-serif;

	color : #666;

	font-size : 9px;

}

table.poll {

	padding : 0;

	width : 100%;

	border-collapse : collapse;

}

table.pollstableborder {

	padding : 0;

	width : 100%;

	border : none;

	text-align : left;

}

table.pollstableborder img {

	vertical-align : baseline;

	padding-left : 10px;

}

table.pollstableborder td {

	padding : 2px;

	border-collapse : collapse;

	border-spacing : 0;

}

table.pollstableborder tr.sectiontableentry1 td {

	margin : 1px;

	padding : 2px 5px 2px 5px;

}

table.pollstableborder tr.sectiontableentry2 td {

	margin : 1px;

	padding : 2px 5px 2px 5px;

}

table.pollstableborder tr.sectiontableentry0 td {

	margin : 1px;

	padding : 2px 5px 2px 5px;

}

.hasTip {

	margin: 5px;

	color: #efefef;

	background-color: #121212;

	border: none;

}

.tool-tip {

	float : left;

	border : 1px solid #2c2c2c;

	padding : 5px;

	max-width : 200px;

}

.tool-title {

	padding : 0;

	margin : 0;

	font-size : 100%;

	font-weight : bold;

	margin-top : -15px;

	padding-top : 15px;

	padding-bottom : 5px;

	background-repeat : no-repeat;

}

.tool-text {

	font-size : 100%;

	margin : 0;

}

#form-login .input {

	padding : 2px;

	margin : 2px;

	font-size : 11px;

}

.inputbox {

	padding : 2px;

	margin : 2px;

	border-left : 1px solid #aaa;

	border-top : 1px solid #aaa;

	border-right : 1px solid #ccc;

	border-bottom : 1px solid #ccc;

	background-color : #fff;

	font-size : 11px;

}

.inputbox:hover {

	border-left : 1px solid #777;

	border-top : 1px solid #777;

	border-right : 1px solid #999;

	border-bottom : 1px solid #999;

	background-color:#f3f3f3;

}

.pagination span {

	padding : 2px;

}

.pagination a {

	padding : 2px;

}

