/*------------------allgemeine Stile------------------*/
body { 
	max-width: 1240px; 
	margin:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	background-color: #F8F8F8;
	line-height:20px;
	}
.outer_wrapper {
	width:100%;    
	background-color:#F0F0F0;
    margin:auto;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
/*    background-image:url('/bilder/verlauf_grau_weiss.jpg');
    background-repeat:repeat-y;
    background-position:left; */ }
#footer {
	line-height:3em;
	vertical-align:middle;
	background-image: linear-gradient(to right,#669ACC,#CBDCEF,#669ACC);
    text-align:center
	}
p {margin-top:5px;margin-bottom:2px}
h1 {font-size:16px; 
	margin-left:-3%; margin-top:0;
	padding: 5px 0 0 10px;
    background-color:#FF6;
    height:25px;
	}
h2 {font-size:14px; 
	background-color:#CCCCCC; 
	padding-left:14px; 
	}
h3 {font-size:12px; 
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0;
    background-color:white;
    padding-left:14px;
	height:25px
	}
    
a  {color:#C56376; font-weight:bold;text-decoration:none}

a:hover {text-decoration:underline}
a img {border:0}
ul,ol {margin-top:6px}
li {margin-bottom:6px}


input, textarea {font-family:Verdana, Arial; font-size:12px; padding-left:5px}

.bild {
	margin-top:20px; margin-bottom:20px;
	font-size: 10px;
	text-align:center
	}

.jahr {
	margin-top:-5px; margin-bottom:12px;
	font-size:10px;
	margin-left:290px;
	}


#termine th {font-size:12px; background-color:#CCCCCC; text-align:left; padding-left:5px}
#termine td {border-bottom: 2px solid #FFFFFF; padding:3px 0 3px 5px}

/*--Inhalt, Aktuelles------------------------*/
#content{padding: 0 0 0 3%; width:67%;float:left;}
#content_narrow {padding: 0 0 0 15%; width:55%;float:left;} 
 
#aktuelles {
	width:25%; float:left;
	background-color:#deebe6 ;
	padding-left:8px;
	padding-right:7px;
	line-height:14px;
	font-size:11px
	}
#aktuelles p{
	text-align:justify;
	padding-left:18px;
	}
#aktuelles h1{
	background-color:#066;
	color:white;
	height:25px;
	margin-right:-3%; margin-top:0; 
	padding-left:1.6em; 
	}
#aktuelles h2 {
	margin:10px 5px 0 8px;
	padding-left:10px;
	font-size:11px;
	background-color:#deebe6 ;
	}
#aktuelles a {font-weight:bold; color:#036BB2}
#aktuelles h2 a {font-weight:bold}

.right_col {
	float:right;
	width: 235px;
	padding:0 0 0 5px;
	min-height:300px;
	}

#links {
	background-color:#F6F6F6;
	}
/* ---- Bild vergrößern, wenn die Maus drüberfährt ---- */
.enlarge {
    height: 50px;
}
.enlarge:hover {
   -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);  
    transform: scale(3);
}
span.coderichtung { unicode-bidi:bidi-override; direction: rtl;}
/* Farben... */
.invert_blue {color:white; background-color:#06F; padding-left:5px; padding-right:5px}
.invert_green {color:white; background-color:#61D0A6; padding-left:5px; padding-right:5px}
.invert_orange {color:white; background-color:#F90; padding-left:5px; padding-right:5px}
.invert_violet {color:white; background-color:#C3F; padding-left:5px; padding-right:5px}
.invert_magenta {color:white; background-color:#C3F; padding-left:5px; padding-right:5px}

.bk_blue_0 {background-color: #DDF}
.bk_blue_1 {background-color: #BCF}
.bk_orange_0 {background-color: #FC9}
.bk_orange_1 {background-color: #F0E4C7}
.bk_green_0 {background-color: #C8E8DC}
.bk_green_1 {background-color: #DEEBE6}
.bk_yellow_0 {background-color: #FF9}
.bk_yellow_1 {background-color: #FFC}
.bk_rosa_0 {background-color: #FCC}
.bk_rosa_1 {background-color: #FFE6E6}  
.bk_grey {background-color: #E3E3E3}
.bk_white {background-color: #FFF}

.bk_blue_0_bold {background-color: #DDF; font-weight: bold}
.bk_blue_1_bold {background-color: #BCF; font-weight: bold}
.bk_orange_0_bold {background-color: #FC9; font-weight: bold}
.bk_orange_1_bold {background-color: #F0E4C7; font-weight: bold}
.bk_green_0_bold {background-color: #C8E8DC; font-weight: bold}
.bk_green_1_bold {background-color: #DEEBE6; font-weight: bold}
.bk_yellow_0_bold {background-color: #FF9; font-weight: bold}
.bk_yellow_1_bold {background-color: #FFC; font-weight: bold}
.bk_rosa_0_bold {background-color: #FCC; font-weight: bold}
.bk_rosa_1_bold {background-color: #FFE6E6; font-weight: bold}  
.bk_grey_bold {background-color: #E3E3E3; font-weight: bold}
.bk_white_bold {background-color: #FFF; font-weight: bold}

.button {
	background-color:#FFF; color:black; 
	border: 1px #CCC solid; border-radius: 6px; border-style:outset;
	padding:5px;
	text-decoration:none;
	 -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in}

.button:hover {
/*	background-color:#C56376; color:white; */
	background-color:#00F; color:white;
	text-decoration:none}

@media only screen and (min-width:176px) and (max-width:800px) {
	#content {float:none; width:auto; margin:auto}
	#content_narrow {float:none; width:auto; margin:auto}
	#aktuelles {float:none; width:90%; margin:auto}
	img {max-width: 95%}
}