/* @override 
	http://dev.fraenkisch-gesund.de/assets/templates/standard/css/screen.css
	http://www.fraenkisch-gesund.de/assets/templates/standard/css/screen.css
*/

@import url(reset.css);
@import url(grid.css);

/* Farben




----------------------------------------------------- All browsers */
body{
color: #3f3f3f;
font-family: Helvetica, Verdana, Arial, sans-serif;
background: #ebeddf;
text-align: center;
font-size:  0.75em;
}
/* scrollbar fix */
html[xmlns]{
height : 100%;
padding-bottom : 0.07em;
} 

a,#richtlinielink{
	color: #a7c501;
	text-decoration: none;
	cursor:  pointer;
}

a:hover,#richtlinielink:hover{
	color: #666;
}
em{
	font-style: italic;
}
code{
	font-family: monospace;
	font-size:  1.1em;
}
.print {
	display: none;
}

body#body1{

}

strong {
	font-weight: bold;
}
/* Sprungmarken */
.accessibility{
	position: absolute;
	left: -3434px;
	top: -2323px;
}
/* Standardseite Layout */

#wrapper {
padding-top: 97px;
text-align: left;
position: relative;
padding-bottom: 20px;
width:  860px;
margin:  0 auto;
}

#header{
position: absolute;
top: 0px;
left: 0px;
height: 110px;
background:  url(images/header_back.gif) 0px 0px no-repeat;
width:  860px;
}
a.logo{
	display: block;
	width: 380px;
	height: 85px;
	position: absolute;
	right:  0;
}

a.logo span{
	position: absolute;
	left: -2345px;
	top: -2323px;
	}
	
#sidebar{
float:  right; 
width: 310px;
margin-top:  -46px;
color:  #5f5f5f;
}

#footer{

}

/* Content */

#content{
	padding-bottom:  20px;
	position: relative;
	font-family: 'Helvetica',verdana,sans-serif;
	line-height:  17px;
	font-size:  12px;
	min-height:  300px;
	width:  540px;
	float:  left;
	background:  #fff url(images/box_white_wide_bottom.gif) bottom left no-repeat;
	color:  #5f5f5f;
	display: inline;
}
.content{
	background:  #fff url(images/box_white_wide_top.gif) top left no-repeat;
	padding: 20px 30px 0px 30px;
}

.content h1{
	margin-bottom:  10px;
	}
#body1 #content, #body177 #content{
	background:  transparent;
}
#content ul, #content ol{
	margin:  10px 60px 40px 0px;
}
h1, h2, h3{
	font-size:  1.6em;
	margin-bottom:  5px;
}

h1{
	margin-bottom:  0px;
}
h2{
	font-size:  1.4em;
}
h3{
	font-size:  1.2em;
}

#content p{
	margin-bottom:  12px;
}
/* Listen */
#content ul, #content ol{
	margin:  10px 10px 12px 10px;
}

#content ul li{
	margin-left:  15px;
	padding-left:  5px;
	list-style:  disc;
}
#content ol li{
	margin-left:  15px;
	padding-left:  5px;
	list-style:  decimal;
}


/* Hauptmenü */

#hauptmenu{
	width:  541px;
	height: 36px;
	background:  url(images/menu_back.gif) top left no-repeat;
	margin-bottom:  11px;
}

#hauptmenu ul.headermenu{
	float:  left;
	position: relative;
	left:  50%;
	margin:  12px auto;
}

#hauptmenu ul.headermenu li{
	float: left;
	position: relative;
	right:  50%;
	border-right:  1px solid #5f5f5f;	
	margin-right:  11px;	
	padding-right: 11px;
	}
	
#hauptmenu ul.headermenu li a{
	color: #5f5f5f;
	font-size: 12px;
	text-decoration: none;
	display: block;
	cursor: pointer;
	font-weight:  normal;
	height:  12px;
	text-transform: uppercase;
	margin-bottom:  2px;
	}

#hauptmenu ul.headermenu li.last{
	margin-right:  0px;
	background:  transparent;
	border: 0px;
	}

#hauptmenu ul.headermenu li.active a{
	color:  #bbb;
	}

/* Blog */
#blog{
	margin-bottom: 20px;
	}
.screencast{
	background:  url(images/box_dark_wide_bottom.gif) bottom left no-repeat;
	padding:  0px 0px 10px 0px;
	color:  #fff;
	margin-top: 0px;
}
.screencast a, .screencast span.skipvideo, .dark a{
	background:  #a7c501;
	color:  #fff;
	padding:  2px;
	cursor:  pointer;
	}

.screencast .inner{
	background: #C0BFAF url(images/box_dark_wide_top.gif) top left no-repeat;
	overflow:  hidden;
	padding: 25px;
}

.screencast .beschreibung{
	margin-left:  120px;
	padding:  30px 0px 0px 60px;
	background:  url(images/quotes_full.gif) top left no-repeat;
	width:  310px;
	margin-bottom:  10px;
}

.beschreibung_inner{
	background:  url(images/trenner.gif) bottom left repeat-x;
	padding-bottom:  0px;
	overflow:  hidden;
}

.beschreibung h1{
	margin-bottom: 10px;
	font-size:  20px;
}
.screencast #video, .screencast #videocontainer{
	border:  1px solid #fff;
	width:  491px;
	height: 276px;
	margin: 0px;
}
.screencast #videocontainer{
	margin-bottom:  30px;
}

.video{
	display: none;
}
#video .video{
	display:  block;
}

.videoteil{
	position: relative;
	margin:  30px 0px 0px 0px;
	overflow: hidden;
	min-height:  98px;
}

.videoteil img{
	position: absolute;
	top:  0;
	left:  0;
}

.teilbeschreibung{
	margin-left: 170px;
	min-height:  93px;
	background:  url(images/trenner.gif) bottom left repeat-x;
	padding-bottom:  5px;
	overflow: hidden;
}

.teilbeschreibung p{
	display: inline;
	}
.teilbeschreibung p span{
	margin-left:  5px;
	}

.teilbeschreibung h3{
	font-size:  20px;
	}

/* Normale Blogeinträge */
.blogeintrag{
	margin-top:  20px;
	background: #fff url(images/box_white_wide_bottom.gif) bottom left no-repeat;
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
}
.blogeintrag .inner{
	background: #fff url(images/box_white_wide_top.gif) top left no-repeat;
	overflow: hidden;
	padding:  20px 30px 0px 20px;
}	
.datum{
	width:  55px;
	height:  65px;
	background:  url(images/date_back.gif) top left no-repeat;
	position: absolute;
	left:  0px;
	top:  0px;
	color:  #fff;
}

.datum .firstline{
	text-align:  center;
	font-size:  11px;
	padding:  2px;
	border-bottom: 1px solid #fff;
}
.datum .secondline{
	text-align: center;
	font-size:  20px;
	padding-top:  5px;
}
.blogeintrag img{
	margin-bottom:  10px;
}
.headline{
	height:  70px;
	position: relative;
}
.headline h3{
	font-size:  20px;
	line-height: 20px;
	margin-bottom: 3px;
	}
.infos{
	position: absolute;
	left:  70px;
	bottom:  12px;
}
.infos span{
	color:  #767676;
	}
/* Boxen */
.box{
	background: url(images/box_white_small_bottom.gif) bottom left no-repeat;	
	padding-bottom:  10px;
	margin-bottom:  10px;
}
.box .inner{
	padding:  20px;
	background: #fff url(images/box_white_small_top.gif) top left no-repeat;
}

.dark{
	background: url(images/box_dark_small_bottom.gif) bottom left no-repeat;	
	padding-bottom:  10px;
}
.dark .inner{
	position: relative;
	padding:  20px 20px 0px 20px;
	color:  #fff;
	overflow: hidden;
	background: #C0BFAF url(images/box_dark_small_top.gif) top left no-repeat;
}

.intro .inner{
	padding-top: 120px; 
}
.intro img{
	position: absolute;
	top:  20px;
	right:  20px;
}
.intro span.name{
	position: absolute;
	top:  20px;
	right:  110px;
}
.dark h2{
	padding:  32px 0px 0px 60px;
	background:  url(images/quotes_full.gif) top left no-repeat;
	width:  210px;
	margin-bottom:  10px;
	font-size:  20px;
}

.box p{
	line-height:  17px;
	margin-bottom:  6px;
}

.intro p, .related p{
	background:  url(images/trenner.gif) top left repeat-x;
	padding:  10px 0px 0px 0px;
}
.related ul{
	padding-bottom:  10px;
}
.related ul li{
	background:  url(images/quotes_outline.gif) 0px 0px no-repeat;
	height:  40px;
	line-height:  40px;
	padding-left:  40px;
}

.bookmarks h3, .links h3, .comments h3, .advent h3, .mediterran h3, .schloss h3{
	padding:  17px 0px 0px 40px;
	background:  url(images/rss.gif) top left no-repeat;
	width:  220px;
	margin-bottom:  10px;
	font-size:  20px;
}
.mediterran h3{
	background:  url(images/kochloeffel.gif) top left no-repeat;
	}
.links h3{
	background:  url(images/links.gif) top left no-repeat;
	padding:  22px 0px 0px 40px;
}
.comments h3{
	background:  url(images/comments.gif) top left no-repeat;
	padding:  15px 0px 0px 50px;
}

.advent h3{
	background:  url(images/adventskalender.gif) top left no-repeat;
	padding:  15px 0px 20px 50px;
}

.schloss h3{
	background:  url(images/schloss.gif) top left no-repeat;
	padding:  0px 0px 0px 50px;
	}

.links li{
	background:  url(images/listpoint.jpg) 0px 3px no-repeat;
	padding-left:  15px;
	margin-bottom:  5px;
}
.comment{
	margin:  10px 0px 20px;
}
.comments .post{
	margin:  10px 0px;
	background:  url(images/commentperson.gif) top left no-repeat;
	padding-left:  70px;
	min-height:  60px;
	font-style: italic;

}

.galerie h3{
	background:  url(images/galerie.gif) top left no-repeat;
	padding:  15px 0px 0px 50px;
}

/* Archiv */
#archiv h2{
	margin-top: 20px;
}
#archiv p{
	margin:  0px;
}
#archiv p a{
	padding-left:  15px;
	background:  url(images/listpoint.jpg) 0px 2px no-repeat ;
}

/* Kommentare */
#comments{
	padding:  30px;
	width:  480px;
	}
.screencastcomments{
	border-top:  10px solid #ebeddf;
	background:  url(images/box_white_wide_top.gif) top left no-repeat;
}

.jot-comment{
	background:  url(images/commentperson.gif) 0px 5px no-repeat;
	min-height:  50px;
	padding-bottom:  20px;
	position: relative;
	margin-top:  10px;
	padding-top:  0px;
}

.jot-editby{
	position: absolute;
	bottom: 0;
	right:  0;
}

a.invisible{
	color:  #fff;
	background:  #fff;
}

#comments h2{
	padding:  15px 0px 0px 50px;
	background:  url(images/comments.gif) 0px 0px no-repeat;
}

label{
	margin-bottom:  2px;
}

label span{
	font-size:  10px;
	color: #999;
	padding-left:  5px;
}

#comments input.button{
	background:  #A7C501;
	border:  0px;
	color:  #fff;
	float:  right;
	margin-right:  0px;
}

#comments input, #comments textarea{
	border:  1px solid #ccc;
}
#comments textarea{
	width:  450px;
	}

/* Tabellen */
table {
	border-left:  1px solid #ccc;
	border-top:  1px solid #ccc;
}

table td, table th{
	border-right:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
	padding:  3px;
}

table th{
	font-weight:  bold;
}

table.ohnerahmen, table.ohnerahmen td{
	border: 0px;
	vertical-align: top;
	}
/* Formulare */

#content div.formular input, #content div.formular textarea, #content div.formular select  {
border: 1px solid #CCC;
background: transparent;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width:  354px;
}
#content div.formular input {
width: 350px;
}
#content div.formular textarea {
width: 350px;
height: 150px;
overflow: auto;
height: 10em;
font-size: 12px;
margin-bottom: 20px;
font-family:  verdana,sans-serif;
}
#content div.formular input.submit {
width: auto !important;
width: 100px;
}

#content div.formular, fieldset{
font-size: 1em;
width: 490px;
}

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

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

#content div.formular input.hidden {
position: absolute;
left: -2323px;
top: -3434px;
}
#content div.formular div {
margin-top: 5px;
clear: both;
height: auto !important;
height: 2em;
min-height: 2em;
padding-top: 0px;
}
#content div.formular div.formtext {
margin-left: 10px;
margin-top: 30px;
font-size:0.8em;
}
#content div.formular input.checkbox {
width: auto !important;
width: 1.5em;
display: inline;
float: none;
margin-right: 5px;
border: none;
}
#content div.formular input.required {
background: #FFFFD7;
border: 1px solid #FF0000;
margin-bottom: 5px;
}
#content div.formular input.button {
width: 100px;
float: right;
margin-right: 10px;
display: inline;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/* Richtlinie */
#richtlinietext{
	display:  none;
}
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:600px; color:#666; background-color:#fff; border:4px solid #666; padding:12px;text-align:  left; font-size:  12px; line-height:  1.3;}
#simplemodal-container h3.richtlinie{
	padding:  15px 0px 0px 50px;
	background:  url(images/comments.gif) 0px 0px no-repeat;
	font-weight:  bold;
	}
#simplemodal-container p{
	margin-bottom:  6px;
}
#simplemodal-container li{
	list-style:  disc;
	margin-left:  20px;
	padding-left:  0,5em;
	margin-bottom:  3px;
}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

label.error{
	color:  red;
	margin-bottom:  10px;
}

#comments .checkbox .error{
		display:  inline;
		padding:  0 5px;
}

#termine h3{
	font-size:  13px;
	font-weight:  bold;
}
#termine .tag{
	font-size:  12px;
	color:  #999;
}
#termine .termin{
	margin-bottom:  20px;
}
#termine h2.monat{
	margin:  10px 0px;
	font-size:  16px;
	color:   #a7c501;
}
#archiv h2{
	color:  #5f5f5f;
	font-size:  18px;
	margin-bottom:  0px;
	margin-top:  10px;
}

#archiv h2.monat{
	font-size:  14px;
	margin-top:  10px;
	margin-bottom:  6px;
	}
#archiv .archivsektion{
	border-top:  1px solid #ccc;
	padding-top:  10px;
	margin-bottom:  12px;
}


.schloss input{
	width: 170px !important;
	height: 20px;
	border: 1px solid #ccc;
	margin-top: 10px
	}

.schloss input[type="submit"]{
	border: 0px;
	padding: 5px;
	color: #fff;
	background: #ccc;
	margin: 0px;
	height: auto;
	width: 50px !important;
	text-align: center;
	font-weight: bold;
	}

a#logout{
	padding: 5px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 50px;
	display: block;
	color: #fff;
	background: #ccc;
	font-weight: bold;
	text-align: center;
	}