/*******************************************************************
*
*	Main Style-Sheet
*
*	Anton Scheib (mail@tonisch.de); 20100622
*
*******************************************************************/
@charset 'utf-8';html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}html{height:100%}body{height:101%;background-color:#fff}strong,b{font-weight:bold}em,i{font-style:italic}.hideme{position:absolute;left:-9999em;top:-9999em}label,input[type=button],input[type=submit],button{cursor:pointer}q:lang(de){quotes:'‹' 'ñ' '‰' 'ï'}q:lang(en){quotes:'ñ' 'î' "ï" "Í"}abbr[title]{border-bottom:1px dotted #888 !important;cursor:help}a abbr{cursor:pointer !important}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.ie7 address{font-style:normal}img{-ms-interpolation-mode:bicubic}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

body {
	background-color: #fff;
	font-size: 12px;
	color: #3E3D40;
	font-family: Helvetica, Arial, Verdana;
	background: #e5dfdf url("images/shadow/shadow_main.gif") top center repeat-y;
	line-height: 120%;
}


body, html {
	min-height:101%;
}

/* rot: E2001A */
/* grau: #3E3D40 */


/*******************************************************************
*
*	Seitenaufbau
*
*******************************************************************/

#wrapper {
	width: 960px;
	margin: 0 auto;
	
}


#header_wrapper {
	background: url("images/header.jpg") top left no-repeat;
	margin: 0 10px;
	height: 255px;
}

#header {
	height: 100%;
}

#header h1, #header h1 a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -99999px;
}

#main {
	float: left;
	width: 100%;
	min-height: 300px;
}

#nav_wrapper {
	background: #3e3d40;
	width: 940px;
	margin: 0px 10px;
	height: 30px;
}


#content_wrapper {
	margin: 0 10px;
	float: left;
	width: 71%;
}

#content {
	margin: 20px;
}


#marginal_wrapper {
	width: 20%;
	float: right;
	margin: 20px 40px 0 0;
	border-left: 3px solid #E2001A;
}

#footer_wrapper {
	float: left;
	margin-top: 60px;
	width: 100%;
}

#footer {
	background: url("images/footer.jpg") top left no-repeat;
	margin: 0 10px;	
	height: 60px;
	padding: 10px 0 0 0;
}




/*******************************************************************
*
*	Gestaltung
*
*******************************************************************/
/*
--------------------------------------------------------------------------------
	Allgemeines:
-------------------------------------------------------------------------------- 
*/

a:link, a:visited {
	text-decoration: none;
	color: #3E3D40;
}

a:hover, a:active, a.current {
	text-decoration: none;
	color: #E2001A;
}



.right {
	float: right;
}

strong {
	font-weight: bold;
}

.clear {
	clear: both;
}

/*
--------------------------------------------------------------------------------
	Header
-------------------------------------------------------------------------------- 
*/
/*
--------------------------------------------------------------------------------
	Main
-------------------------------------------------------------------------------- 
*/




/*
--------------------------------------------------------------------------------
	nav
-------------------------------------------------------------------------------- 
*/

#nav_wrapper ul {
	list-style:none outside none;
	padding: 0 0 0 10px;
	float: left;
}

#nav_wrapper ul li {
	list-style:none outside none;
	display: inline;
	font-size: 14px;
	padding: 8px 20px 10px 9px;
	float: left;
	letter-spacing: 0.5px;
}

#nav_wrapper ul li a:link, #nav_wrapper ul li a:visited {
	color: #fff;
}
#nav_wrapper ul li a:active, #nav_wrapper ul li a:hover, #nav_wrapper ul li.active a {
	color: #E2001A;
}


/*
--------------------------------------------------------------------------------
	content
-------------------------------------------------------------------------------- 
*/
.twitter {display: none;}
.js .twitter {display: block;}

p { margin-bottom: 3px;}


h2 {
	font-size: 140%;
	font-weight: bold;
	margin: 30px 0 10px;
}	

h2:first {
	margin-top: 0;
}

h3 {
	font-size: 120%;
	color: #E2001A;
	padding: 5px 0 5px 0;
	font-weight: bold;
}


#marginal_wrapper .marginals {
	margin: 0 0 10px 10px;
	padding-bottom: 10px;

}

#marginal_wrapper .marginals .marginals_body {
	padding: 3px 10px;
}

#marginal_wrapper .marginals h3 {
	color: #E2001A;
	padding: 5px 10px 2px;
	font-size: 113%;
}

#marginal_wrapper .marginals p {
	margin-left: 15px;
}


#marginal_wrapper .marginals p a:link, #marginal_wrapper .marginals p a:visited {
	color: #E2001A;
}
#marginal_wrapper .marginals p a:active, #marginal_wrapper .marginals p a:hover {
	color: #3E3D40;
	text-decoration: underline;
}

#marginal_wrapper .marginals p {
	color: #3E3D40;
	line-height: 130%;
	margin-bottom: 10px;
}


#marginal_wrapper ul li, #ma_list li {
	list-style: disc outside;
	margin-left: 15px;
	padding-bottom: 2px;
}

#content a {
	color: #E2001A;
}

#content a:hover {
	color: #3E3D40;
	text-decoration: underline;
}

#content p {
	line-height: 140%;
}



ul.last_tg dl, ul.last_tg p {
	display: none;
}


h4 {
	font-size: 110%;
	margin: 10px 0 5px 0;
	font-weight: bold;
}

#content h4 a {
	color: #3E3D40;
}

dd {
	margin-left: 8px;
	font-weight: bold;
}

dt {
	text-indent: 15px;
	margin-bottom: 10px;
}

ul.act_tg {
	margin-bottom: 20px;
}

ul.act_tg p {
	margin-left: 8px;
}

a.pdf {
	background: url("images/pdf.png") top left no-repeat;
	padding-left: 15px;
}

ul.last_tg li {
	list-style:disc outside none;
	margin-left:15px;
	padding-bottom:2px;
}

ul.last_tg li h4 {
	margin: 0;
	font-size: 100%;
}

label.error {
	background:none repeat scroll 0 0 red;
	color:white;
	font-weight:bold;
	left:550px;
	padding:2px 10px;
	position:absolute;
	text-align:left;
	width:auto;
	z-index:100;
}

table td {
	padding: 3px;
}
table {
	border: 1px solid #ccc;
}


#content ul.essen {
	list-style:disc outside none;
	margin-left:15px;
	padding-bottom:2px;
}



/*
--------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- 
*/

#footer p {
	font-size: 90%;
	margin: 0 20px;
}

/*
--------------------------------------------------------------------------------
	allg. Hilfsklassen
-------------------------------------------------------------------------------- 
*/

/*
--------------------------------------------------------------------------------
	Twitter
-------------------------------------------------------------------------------- 
*/


.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("images/loader.gif") 1em center no-repeat;
}

.twitted ul#twitter_update_list li {
	list-style: outside disc;
	margin-left: 15px;
	padding-bottom: 2px;
}

/*
--------------------------------------------------------------------------------
	GŠstebuch
-------------------------------------------------------------------------------- 
*/
.jot-row {
	background-color: #fff !important;
}

.guestbook_top { height: 1.6em; padding: 0.3em 0.5em 0 }
.guestbook_big { float: left; font-size: 1.2em; font-weight: bold; margin-right: 0.5em }
.guestbook_small { float: left; font-size: 1em; font-weight: normal }
.guestbook_contact { float: right; margin-left: 0.5em }
.guestbook_content { padding: 0.5em; clear: right }
.guestbook_mod { float: right; margin-left: 0.5em }
.guestbook_extra { float: right; padding-bottom: 1em }
.guestbook_vote { float: right }

.vote { float: left; margin-right: 0.25em }

fieldset {
	line-height: 150%;
	margin: 10px 0 20px 0;
}

label {
	float: left;
	width: 150px;
}

div.jot-captcha{ float: left;}
#vericode { margin: 15px 0 0 10px;}
#submit {
	clear: both;
	display: block;
	margin-left: 200px;
	padding: 5px;
	
}

/*
--------------------------------------------------------------------------------
	Feedback
-------------------------------------------------------------------------------- 
*/

#feedback_wrapper {
	display: none;
}


#feedback_wrapper {
	position: fixed;
	height: 100%;
	width: 100%;
	background: url("images/feedback_bg.png") top left repeat;
	z-index: 400;
	top: 0;
	left: 0;
}

#feedback {
	position: absolute;
	top: 40%;
	left: 34%;
	padding: 10px 0px 10px 10px;
	width: 400px;
	height: 130px;
	z-index: 401;
	background: #ccc;
	margin-right: 10px;
}

#feedback_button {
	float:right;
	position:absolute;
	right:0;
	top:12px;
}

#getfeedback {
	position: fixed;
	right: 0;
	top: 40%;
	z-index: 400;
	display: none;
	cursor: pointer;
}

.js #getfeedback {
	display: block;
}


/*
--------------------------------------------------------------------------------
	Login
-------------------------------------------------------------------------------- 
*/
#WebLoginLayer0 table, #WebLoginLayer2 table {
	border: none;
}



/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px) {
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  padding:5px;
}
#header_wrapper {
	background: url("images/header_mobil.jpg") no-repeat scroll 50% top;
	height: 158px;
}
	
div{
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

#nav_wrapper { background: none; height:100%;}

#nav_wrapper ul , #nav_wrapper ul li{
  float:none!important;
  clear:both!important;
  margin:0 0 20px 0!important;
  display:block;
  padding:0;
  text-align:left!important;
  width:100%;
}
#nav_wrapper ul {
}
#nav_wrapper ul li{
  height: 35px;
  margin:0!important;
  border: 1px solid #fff;
  -webkit-border-radius:5px;
  background: #3E3D40;
  margin-right: 5px;
}
#nav_wrapper ul  li a{
  display:block;
  padding: 10px 10px 10px 5px!important;
  margin-right: 10px!important;
  background: url("images/li_bg_mobil.gif") 8px right no-repeat
}
#footer p, #content #div.twitter, #marginal_wrapper, #feedback_wrapper, #feedback, #getfeedback {
	display:none!important;
}

#footer {
	background: url("images/footer_mobil.jpg") bottom right no-repeat transparent;
	margin: 0 0px;	
	height: 30px;
	padding: 0 0 0 0;
}

#footer p {
	display: none;

}

	
}