/* @override 
	http://kbteutonia.de/assets/templates/teutonia/css/screen.css
	http://www.kbteutonia.de/assets/templates/teutonia/css/screen.css
*/

@import url(reset.css);

/* Colors
schriftfarbe: #333;
rot: #5D1227;
*/


/* ----------------------------------------------------- All browsers */
body{
color: #333;
font-family: verdana, arial, sans-serif;
background: #FCF6E8 url(images/back_all_02.jpg) fixed;
}

strong {
	font-weight: bold;
}

a{
	font-weight: bold;
	color: #5D1227;
	text-decoration: none;
}

/* Layout settings */

#outer{
	margin: 0px auto 0px auto;
	width: 885px;
	position: relative;
}

#outer .outer_ie{
	background: url(images/header_schatten_top.png) -1px 0px no-repeat;
	padding-top: 43px;
}

#wrapper {
width: 840px;
padding: 0px 26px;
padding-top: 238px;
background: url(images/schatten_all.png) -1px 0px repeat-y;
}

#inner{
	width: 840px;
	background: url(images/papier_03.jpg) repeat-y;
	padding-top: 10px;
}

#inhaltsblock {
text-align: justify;
}

#left {
width: 280px;
float: left;
display: inline;
color: #353535;
margin-top: 20px;
}

body#section1 #left{
	margin-top: 120px;
}

#right {
float: right;
margin-left: 0px;
margin-right: 20px;
margin-top:  20px;
width: 502px;
display: inline;
}

#rightinner.postit{
	padding-top: 70px;
}

#rightinner{
	margin: 20px 30px 40px 30px;
}

.links, .rechts{
	margin-bottom: 10px;
}

.unterblock {
	margin-bottom: 10px;
}

.bild{
	width: 268px;
	height: 215px;
	background: url(images/bilderrahmen_32.png) top left no-repeat;
}

.bild img{
	margin: 12px 0px 0px 10px;
	}

.links .bild{
	float: right;
	margin-left: 20px;
	}

.rechts .bild{
	float: left;
	margin-right: 20px;
	}

.rechts .text{
	float: right;
}

.links .text{
	float: left;
}

.text {
width: 470px;
text-align: justify;
}

.text h2, .content h2, h1{
	color: #581024;
	font-size: 24px;
	font-family: Times,serif;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	line-height: 24px;
}
/* Header */
#header{
position: absolute;
top: 17px;
left: 26px;
background: url(images/header_05.jpg) top left no-repeat;
height: 280px;
width: 840px;
}

#header a.logo {
	position: absolute;
	left: 0px;
	top: 10px;
	display: block;
	width: 270px;
	height: 100px;
}

#header a.logo span{
	position: absolute;
	left: -2323px;
	top: -2323px;
	}

#postit{
	height: 209px;
	width: 340px;
	position: absolute;
	left: 0px;
	top: 180px;
	
}

#postit .postit_ie {
	height: 209px;
	width: 340px;
	background: url(images/postit.png) no-repeat;
}

#postit h3{
	font-family: Times,serif;
	font-size: 26px;
	font-weight: bold;
	color: #333;
	margin-left: 30px;
	margin-top: 20px;
	}

#postit p{
	font-size: 12px;
	line-height: 1.5;
	color: #333;
	margin: 5px 30px 0px 30px;
	}
	
#postit img{
	margin-top: 5px;
	}

img.headbild{
	margin-top: 141px;
}
	
/* Headergrafiken */

#box1{
	position:absolute;
}


.mask{
	position:absolute;
	left: 390px;
	top: 170px;
	width:441px;
	height:253px;
	overflow:hidden;
	background: url(images/bilderstapel_neu_08.png) top left no-repeat;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
	top: 10px;
	left: 95px;
}

/* Galerie */
.vorschau{
width: 180px;
float: left;
margin-right: 15px;
min-height:  200px;
}
.bildklein{
width: 180px;
height:140px;
background: url(images/bilderrahmen_180.png) top left no-repeat;
}
.bildklein a{
overflow: hidden;
display: block;
width: 160px;
height: 125px;
margin: 0px 0px 0px 7px;
padding: 5px 0px 0px 0px;
}

.vorschau span{
display: block;
text-align: center;
margin-right: 10px;
}

/* Footer */
#footer{
width: 885px;
margin: 0 auto;
height: 50px;
background: url(images/footer_back_bottom.png) -1px -2px no-repeat;
}

div#footerback{
	background: url(images/footer_back_26.gif) 1px bottom no-repeat;
	padding-bottom: 40px;	
	min-height: 300px;}



#footer p{
		font-size: 0.75em;
		color: #FFF;
		text-indent: 40px;
		line-height: 1.7;
}


#footer span{
	padding-right: 15px;
}

#section1 #right{
	margin-top: 120px;
}

#section1 #right img{
	margin-left: -20px;
}

/* Inhalte */
.content {
	color: #333;
	font-size: 12px;
	line-height: 1.8;
	padding-bottom: 80px;
}

.content h3{
	font-weight: bold;
	margin-bottom: 5px;
	}

#right .content ul {
	margin-bottom: 20px;
	list-style: disc;
	margin-left: 10px;
}

#right .content ul li{
	padding-left: 5px;
	margin-left: 10px;
	line-height: 1.3;
	margin-bottom: 10px;
	list-style: disc;
	}


.content p{
	margin-bottom: 15px;
	}
.id1 .content p{
	margin-bottom: 25px;
}

.content a{
	color: #5D1227;
	text-decoration: none;
	}
.content a:hover{
	color: #666;
	}	
	
	

#left .content h2{
	margin-top: 15px;
}

.content img{
	margin-bottom: 0px;
}

/* Termine */

span.datum, div.datum{
	color: #000;
	font-weight: normal;
	display: block;
	float: left;
	width: 80px;
	color: #5D1227;
	font-weight: bold;
	margin-right: 5px;
}

#termine_start div.datum{
	width: 90px;
}

#left h2{
	font-size: 24px;
	font-family: Times,serif;
	color: #333;
	margin-bottom: 0px;
}

.content #termine_start ul,.content #termine_start ul li{
	margin: 0px;
	padding: 0px;
}

.content #termine_start ul li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

#termine_start{
	margin-left: 20px;
}

#termine_start p.termin{
	margin: 0px 0px 0px 100px;
	}

#veranstaltungen {
	width: 500px;
	float: right;
	padding-bottom: 50px;
}

#veranstaltungen span.datum {
	display: block;
	width: 90px;
	float: left;
	text-align:  center;
}

#veranstaltungen p{
	float: left;
	width: 330px;
	margin-left: 100px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#veranstaltungen p.titel{
	margin: 0px;
	font-weight: bold;
	}
#veranstaltungen h2{
	color: #333;
	margin: 20px 0px 0px 0px;
}

div.termin {
	border-bottom: 1px solid #ccc;
}

/* Menu */

#hauptmenu{
	position: absolute;
	left: 290px;
	top: 108px;
	
}

#header ul.headermenu{

}

#header ul.headermenu li{
	display: inline;
	float: left;
	margin-left: 5px;
	}
	
#header ul.headermenu li a{
	background: url(images/menu_rechts.gif) 100% -50px no-repeat;
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
	padding-right: 10px;
	display: block;
	height: 33px;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
	white-space: nowrap;
	}

#header ul.headermenu li a span{
	background: url(images/menu_links.gif) 0px -50px no-repeat;
	padding-left: 10px;
	display: block;
	height: 33px;
	line-height: 33px;
	float: left;
	}

#header ul.headermenu li.active a{
		background: url(images/menu_rechts.gif) top right no-repeat;
		}
		
#header ul.headermenu li.active a span{
		background: url(images/menu_links.gif) top left no-repeat;
		}
		
#header ul.headermenu li a:hover{
		background-position: 100% 0px;
		cursor: pointer;
		}
		
#header ul.headermenu li a:hover span{
		background-position: 0px 0px;
		}

#header ul.headermenu ul{
	position: absolute;
	top: 35px;
	left: 0px;
	width: 500px;
}

#header ul.headermenu li.active li a, #header ul.headermenu li.active li a span, #header ul.headermenu li.active li a, #header ul.headermenu li.active li a:hover, #header ul.headermenu li.active li a:hover span{
	background: transparent;
	}
	
#header ul.headermenu li.active li.active a{
	font-weight: normal;
	text-decoration: underline;
}

#header ul.headermenu li.active li a:hover{
	color: #AAA;
}
	



/* formular */

div.formular label{
width: 100px;
float: left;
display: block;
}

div.formular input, div.formular textarea {
border: 1px solid #ababab;
background: transparent;
}


div.formular input {
width: 300px;
}

div.formular textarea {
width: 300px;
height: 150px;
}

div.formular input.check {
width: auto !important;
width: 10px;
}

div.formular input.submit {
width: auto !important;
width: 100px;
}


a.flyer{
	position: absolute;
	left: 680px;
	z-index: 0;
}

a.flyer:hover{
	margin-left: 40px;
	}

div.formular{
width: 450px;
font-size: 1em;
}

div.formular form {
margin: 0;
padding: 0;
border: none;
}

div.formular label{
display: block;
float: left;
width: 120px;
margin: 0px 0 0 0px;
line-height: 1.5em;
}

div.formular input, div.formular select, div.formular textarea {
display: block;
float: left;
width: 300px;
border: 1px solid #ababab;
margin: 0px 0 0 10px;
background: #FFF;
color: #000;
}

div.formular input.hidden {
position: absolute;
left: -2323px;
top: -3434px;
}

div.formular textarea {
overflow: auto;
height: 10em;
font-size: 12px;
margin-bottom: 20px;
}

div.formular {
background: transparent;
margin-bottom: 10px;
padding-bottom: 10px;
}

div.weissform {
clear: right;
}

div.formularaussen {
width: 100%;
}


div.formular div {
margin-top: 5px;
clear: both;
height: auto !important;
height: 2em;
min-height: 2em;
}

div.formular div.formtext {
margin-left: 0px;
margin-top: 30px;
font-size:0.8em;
}


div.formular input.checkbox {
width: auto !important;
width: 1.5em;
display: inline;
float: none;
margin-right: 5px;
border: none;
}

div.formular input.required {
background: #FFFFD7;
border: 1px solid #FF0000;
margin-bottom: 5px;
}


div.formular input.button {
width: 100px;
float: right;
margin-right: 25px;
display: inline;
}

#google-anfahrt{
	margin-bottom: 30px;
}

table{
	margin-bottom: 20px;
}

table td {
	padding: 2px;
	border-bottom: 1px solid #ccc;
}

div#googlemaps{
	float: right;
}

/* Webuserverwaltung */

#wlpeUser, #wlpeLogin, #wlpeReset{
	margin: 10px;
	border:  1px solid #5D1227;
	padding:  10px;
}

#wlpeUserInfo img{
	float: left;
	margin-right:  10px;
	}

#wlpeLogin label, #wlpeUser label{
	display:  block;
	clear:  right;
}
 #wlpeUser span{
	font-size:  10px;
	}

#wlpeLogin label input, #wlpeUser label input{
display:  block;
width:  270px;
float:  right;
border:  1px solid #ccc;
background:  #eee;
	}
#wlpeLogin label input{
	width:  210px;
	float:  left;
}
.profilZeile{
	margin-bottom:  5px;
	padding:  5px;
	border-bottom: 1px solid #ccc;
}
.profilZeile p{
	float:  right;
	width:  400px;
	margin:  0;
}

#left ul{
	margin:  20px;
}

.profilZeile img{
	float:  left;
	}
	
h2.abstandoben{
	margin-top: 20px;
}

#wlpeViewProfileTable input, #wlpeViewProfileTable textarea{
	display:  block;
	border:  1px solid #ccc;
	width:  400px;
}
#wlpeViewProfileTable textarea{
	height: 100px;
	}
.customInhalt{
	margin:  60px 20px;
}

#headerlogin{
	position: absolute;
	right:  20px;
	top:  10px;
}
#headerlogin label{
	display:  none;
	}
#headerlogin input.text{
	background:  transparent;
	border: 1px solid #90636A;
	width:  140px;
	color:  #90636A;
	}
#headerlogin #loginSubmit{
	background:  transparent;
	border:  0px;
	color:  #fff;
}
#header .logoutButton a{
	color:  #fff;
	font-weight:  normal;
	font-size:  11px;
	}
#header .logoutButton{
	position: absolute;
	right:  20px;
	top:  10px;
	color:  #fff;
	font-size:  11px;
}
#left ul.usermenu li{
	border-bottom:  1px solid #5B1226;	
}

#left ul.usermenu li li{
	border:  0px;
	}
#left ul.usermenu ul{
	margin: 0px;
	padding:  0px;
	margin-left:  20px;
	margin-bottom: 15px;
}

#left ul.usermenu ul li a{
	font-weight:  normal;
	}
#left ul.usermenu ul li.active a{
	font-weight:  bold;
	}
#left ul.usermenu ul li.active li a{
	font-weight:  normal;
	}

#filterbox{
	background:  #5B1226;
	padding:  5px 10px;
	margin-bottom:  20px;
	margin-left:  -10px;
}
#filterbox label{
	color:  #fff;
	margin-right:  28px;
	font-family: Times,serif;
	font-size:  20px;
	}
#filterbox input{
	border:  0px;
	font-size:  14px;
	}
/* Checkin */
.checkin{
	clear:  both;
}
.liste{
	display:  none;
	clear:  both;
	padding-top:  20px;
}
.liste .rechts{
	float:  right;
	width: 45%;
}
.liste .links{
	float:  left;
	width: 45%;
}
.buttons{
	float:  right;
	margin-bottom:  5px;
	margin-top:  -17px;
}

.buttons span, .buttons a{
	text-indent: -2323px;
	display:  block;
	width:  16px;
	height:  16px;
	float: left;
	overflow:  hidden;
	background:  url(images/checkin.png) top left no-repeat;
	margin-right:  5px;
}

.buttons a.nichtdabei{
	background-position: -16px 0px;
}
.buttons a.showlist{
	background-position: -32px 0px;
}
.buttons span.dabei{
	background-position: 0px -16px;
}
.buttons span.nichtdabei{
	background-position: -16px -16px;
}