/*  
Theme Name: Darag
Theme URI: darag.de
Description: Darag Standard
Version: 1.0
Author: Alexander Brauch
Author URI: www.gestalta.de
*/

/*

85 width 9 columns 20 gutter
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_8 {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .grid_1 {
	width:105px;
}

.container_8 .grid_2 {
	width:210px;
}

.container_8 .grid_3 {
	width:315px;
}

.container_8 .grid_4 {
	width:420px;
}

.container_8 .grid_5 {
	width:525px;
}

.container_8 .grid_6 {
	width:630px;
}

.container_8 .grid_7 {
	width:735px;
}

.container_8 .grid_8 {
	width:840px;
}



/* Prefix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .prefix_1 {
	padding-left:105px;
}

.container_8 .prefix_2 {
	padding-left:210px;
}

.container_8 .prefix_3 {
	padding-left:315px;
}

.container_8 .prefix_4 {
	padding-left:420px;
}

.container_8 .prefix_5 {
	padding-left:525px;
}

.container_8 .prefix_6 {
	padding-left:630px;
}

.container_8 .prefix_7 {
	padding-left:735px;
}



/* Suffix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .suffix_1 {
	padding-right:105px;
}

.container_8 .suffix_2 {
	padding-right:210px;
}

.container_8 .suffix_3 {
	padding-right:315px;
}

.container_8 .suffix_4 {
	padding-right:420px;
}

.container_8 .suffix_5 {
	padding-right:525px;
}

.container_8 .suffix_6 {
	padding-right:630px;
}

.container_8 .suffix_7 {
	padding-right:735px;
}



/* Push Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .push_1 {
	left:105px;
}

.container_8 .push_2 {
	left:210px;
}

.container_8 .push_3 {
	left:315px;
}

.container_8 .push_4 {
	left:420px;
}

.container_8 .push_5 {
	left:525px;
}

.container_8 .push_6 {
	left:630px;
}

.container_8 .push_7 {
	left:735px;
}



/* Pull Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .pull_1 {
	left:-105px;
}

.container_8 .pull_2 {
	left:-210px;
}

.container_8 .pull_3 {
	left:-315px;
}

.container_8 .pull_4 {
	left:-420px;
}

.container_8 .pull_5 {
	left:-525px;
}

.container_8 .pull_6 {
	left:-630px;
}

.container_8 .pull_7 {
	left:-735px;
}

/* Content
---------*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.content_8 {
	margin-left: auto;
	margin-right: auto;
	width: 840px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.content_8 .grid_1 {
	width:95px;
}

.content_8 .grid_2 {
	width:200px;

}

.content_8 .grid_3 {
	width:305px;
}

.content_8 .grid_4 {
	width:410px;
}

.content_8 .grid_5 {
	width:515px;
}

.content_8 .grid_6 {
	width:620px;
}

.content_8 .grid_7 {
	width:725px;
}

.content_8 .grid_8 {
	width:830px;
}



/* Prefix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.content_8 .prefix_1 {
	padding-left:105px;
}

.content_8 .prefix_2 {
	padding-left:210px;
}

.content_8 .prefix_3 {
	padding-left:315px;
}

.content_8 .prefix_4 {
	padding-left:420px;
}

.content_8 .prefix_5 {
	padding-left:525px;
}

.content_8 .prefix_6 {
	padding-left:630px;
}

.content_8 .prefix_7 {
	padding-left:735px;
}



/* Suffix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.content_8 .suffix_1 {
	padding-right:105px;
}

.content_8 .suffix_2 {
	padding-right:210px;
}

.content_8 .suffix_3 {
	padding-right:315px;
}

.content_8 .suffix_4 {
	padding-right:420px;
}

.content_8 .suffix_5 {
	padding-right:525px;
}

.content_8 .suffix_6 {
	padding-right:630px;
}

.content_8 .suffix_7 {
	padding-right:735px;
}



/* Push Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.content_8 .push_1 {
	left:105px;
}

.content_8 .push_2 {
	left:210px;
}

.content_8 .push_3 {
	left:315px;
}

.content_8 .push_4 {
	left:420px;
}

.content_8 .push_5 {
	left:525px;
}

.content_8 .push_6 {
	left:630px;
}

.content_8 .push_7 {
	left:735px;
}



/* Pull Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.content_8 .pull_1 {
	left:-105px;
}

.content_8 .pull_2 {
	left:-210px;
}

.content_8 .pull_3 {
	left:-315px;
}

.content_8 .pull_4 {
	left:-420px;
}

.content_8 .pull_5 {
	left:-525px;
}

.content_8 .pull_6 {
	left:-630px;
}

.content_8 .pull_7 {
	left:-735px;
}






/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* 
blau: #004c93
hell blau: #5377af
dunkel grau: #403e40
hell grau: #d8d9da
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 18px;
}
body {
	background-color:#E9E9E9;
	color:#403e40;
}
ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
a {
	color: #403e40;
	text-decoration:none;
}
a:hover{
	color: #004c93;
}
p a {
	color: #004c93;
	text-decoration:underline;
}
a:hover{
	color: #403e40;
text-decoration:none;
}
a:active, a:focus {outline: none;}
div#layout_header {
	height:380px;
	position:relative;
	z-index:100;
}
div#layout_header_utnav {
	height:35px;
	background-color:#5478af;
	padding: 0 50px;
}

div#layout_header_utnav .content_8 div a {
	line-height:35px;
	padding: 0 10px;
	color: #fff;
}
div#layout_header_utnav .content_8 div a:hover {
	color: #000;
}
div#layout_header_logo {
	height:80px;
	background-color:#004c93;

	width: 940px;

}

div#layout_header_nav {
	height: 65px;
	background-image:url(img/layout_header_nav_bg.png); 
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0 50px;
}

ul#layout_header_nav_main {
	margin:0;
	padding:0;
	text-align:left;
	height: 65px;
	
}
div#layout_header_img {
	height: 200px;
	overflow:hidden;
	width: 940px;
}

ul#layout_header_subnav_main {
	margin:25px 0 0 0;
	padding:0;
}
#layout_header_subnav_main li.page_item {
	margin:0 0 5px 0;
	padding:0;
}
#layout_header_subnav_main li.page_item a {
	font-weight: bold;
	font-size:12px;
	display:block;
	margin:0 0 0 -13px;
	padding:0 0 0 13px;
	width:200px;
}
#layout_header_subnav_main ul {
	margin:5px 0 10px 0;
}
/*
#layout_header_subnav_main li.page_item ul li.current_page_item a {
	background-image: url(img/menue_over.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}*/
li.page_item {
	font-weight:bold;
}
#layout_header_subnav_main li.page_item ul a {
	margin:0 0 0 0;
	
}
#layout_header_subnav_main li.page_item a:hover {
	color:#004C93;
	background-image: url(img/menue_over.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
#layout_header_subnav_main li.current_page_item>a, #layout_header_subnav_main li.current_page_parent>a {
	color:#004C93;
	background-image: url(img/menue_over.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
#sidebar {
	height: 300px;
}
div#layout_content {
	font-size: 0.8em;
}	
div#layout_content .container_8 {
	border-top: 5px solid #d8d9da;
	background-color: #fff;
	padding:50px 0;
}
h1 {
}
h2 {
	font-size:25px;
	line-height: 30px;
	font-weight:bold;
	color: #004c93;
	margin-bottom: 27px;
}
h3 {
	font-size:24px;
	margin-bottom: 30px;
	line-height:30px;
}
h6 {
	color: #004c93;
	font-size: 12px;
	margin: 0 0 20px 0;
}
h5 {
	font-size: 14px;
	line-height: 19px;
	margin: 0 0 10px 0;
	
}

h4 {
	font-size:17px;
	line-height: 23px;
	font-weight:bold;
	color: #004c93;
	margin-bottom: 10px;
	
}
p, address, table, pre, ol, ul, dl {
	margin-bottom: 20px;
}
.news p {
	margin-bottom: 5px;
}
#content ol, ul, dd {
	margin-left: 13px;
}
#content ol {
	list-style: decimal;
	list-style-position:outside;
}
#content ol li {
	margin: 0 0 5px 6px;
}
#content ul {
	list-style: square;
	list-style-position:outside;
}
#content ul li {
	margin: 0 0 5px 0;
}
#content ol li li{
	margin: 0 0 5px 10px;
}
#content li ul, li ol {
	margin-top: 5px;
	
}
#content tt {
	font-family: monospace;
	font-size: 11px;
}
#content caption {
	text-align: left;
}
#content .alignleft {
	float:left;
	margin-right: 20px;
}
.news{
	padding-bottom: 5px;
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height:17px;
}
.news h5 {
	font-size: 12px;
	line-height:17px;
	margin:0 0 8px;
}
.news a:hover, .more-link  a:hover {
	color: #004C93;
}
a.more-link {
	color:#403E40;
	font-weight: bold;
	margin:0;
	padding:0;
}
#content table {
	width: 515px;
	
}
#content th {
	font-weight: bold;
}
#content td {
	padding: 0 0 5px 0;

}
#content p a {
	cursor: pointer;
}
#content .wp-caption-text {
	font-size: 11px;
	margin: 5px 0 0 0;
}
#content .s_results {
	border-bottom: 1px solid #ddd;
	padding: 0;
	margin: 0 0 20px 0;
}
.wp-caption {
	margin-bottom: 60px;
}
.more {
	display:block;
}
.download {
	background-image: url(img/pdfIconSmall.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	display:block;
	background-color: #eee;
	height: 30px;
	line-height: 30px;
	padding: 0 30px;
	margin: 10px 0;
}
div#layout_bottom {
}
div#layout_bottom .container_8 {
	border-top:5px solid #004c93;
	clear:left;
	margin:0 auto 0 auto;
	background-color: #fff;

}
ul#layout_bottom_nav_main {
	margin:0;
	padding:0;
	text-align:left;
	height: 45px;
	width: 600px;
	float: left;
}
#layout_bottom_nav_main li.page_item {
	background-color:#FFFFFF;
	display:block;
	float:left;
	height:45px;
	margin:0 1px 0 0;
	padding:0;
	position:relative;
	width:104px;
}
#layout_bottom_nav_main li.page_item a {
	font-weight: bold;
	font-size:11px;
	line-height: 45px;
	display:block;
	float:left;
	height:45px;
	margin:0;
	padding:0 0 0 5px;
	position:relative;
	width:90px;
}
#layout_bottom_nav_main li.page_item a:hover {
}
.top {
	float: right;
	display:block;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	height:45px;
	line-height:45px;
	margin:0;
	padding:0 0 0 5px;
	position:relative;
	width:90px;
}
/*** CLEARFIX ***/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  clear: both;  
}

/* Forms */
input, textarea {
	background-color: #fff;
	border: 1px solid #004c93;
	font-size: 11px;
	padding: 2px;
	font-family: Arial, Verdana, Geneva, sans-serif;
}
.kontakt .felder {
	width: 515px;
}
.kontakt label {
	width: 150px;
	display: block;
	float: left;
	margin: 0 0 10px 0;
}
.kontakt span {
	width: 350px;
	display:block;
	float: left;
	margin: 0 0 10px 0;
}
.kontakt input, .kontakt textarea {
	width: 250px;
}
.kontakt input:hover, .kontakt textarea:hover {
	border: 1px solid #aaa;
}
.kontakt .senden {
	margin: 0 0 0 150px;
	width: 100px;
}
.kontakt .senden:hover {
	cursor: pointer;
}
.wpcf7-not-valid-tip-no-ajax {
	color: #FF3300;
	font-size:11px;
	margin: 0!important;
}
.wpcf7-response-output {
	margin: 20px 0 0 150px;
}
.wpcf7-validation-errors {
	border: 1px solid #FF3300;
	padding:5px;
}
.wpcf7-mail-sent-ok {
	border: 1px solid #66CC00;
	padding:5px;
}
#searchform {
	margin: 7px 10px 5px 10px;
}
#searchform .searchfield {
	width: 180px;

}
#searchform .searchsubmit {
	color: #fff;
	background-color: #5377af;
	border:none;
}

/* Font-Sizer Specific Styling */

.fsizer { height:35px;} /* Container element */

.fsizer a { display: block; float: left; width: 20px; margin-right: 5px; text-align: center; text-decoration: none; cursor: pointer; letter-spacing: 0; }

/* Three 'A' links used to control size */

#fontsizer .fsizer a#fs_sml { font-size: 9px; height:35px; padding:0; }
#fontsizer .fsizer a#fs_med { font-size: 13px; height:35px; padding:0; }
#fontsizer .fsizer a#fs_lrg { font-size: 16px; height:35px; padding:0; }

.fsizer a.fsactive { color: #000!important; cursor: default; } /* When mode is active */

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #004C93;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 20px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 30%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 50%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 50%;
}

#lbBottom {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	border-bottom: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbPrintLink {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin: 5px 0 5px 10px;
	outline: none;
	background: transparent url(img/printer.png) no-repeat center;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
.enlarge {
	padding-bottom: 25px;
	background: transparent url(img/enlarge.gif) no-repeat right bottom;
	margin-bottom: 20px;
	display: block;
}
/* Backend Editor */
body.mceContentBody {width: 515px; border: 1px solid black;}

body.mceContentBody p {padding-bottom:20px;}

/* Accordion */
#accordion {
	margin-bottom: 50px;
}
#accordion div {
	margin-bottom: 15px;
}

#accordion h5 a{
	padding: 5px;

	color: #004C93;
	display:block;
	background-image: url(img/plus_blau.gif);
	background-repeat: no-repeat;
	background-position: 490px center;
	border: 1px solid #004C93;
}
#accordion h5 a:hover{
	color: #004C93;
	background-color: #fff;
	background-image: url(img/minus.gif);
	background-repeat: no-repeat;
	background-position: 490px center;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #004C93;
}

#accordion h5.ui-state-active a{
	border-bottom: 1px solid #004C93;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #004C93;
	background-color: #fff;
	background-image: url(img/minus.gif);
	background-repeat: no-repeat;
	background-position: 490px center;
	}
/* Tabs */
UL.tabNavigation {
	list-style: none;
	padding: 0 0 2px 0!important;
	margin: 0;
	border-bottom: 1px solid #004C93;
}
UL.tabNavigation LI {
	display: inline;
	margin: 0 5px 0 0!important;
}
UL.tabNavigation LI {
	padding: 3px 5px;
	background-color: #ccc;
	color: #000;
	text-decoration: none;
}
UL.tabNavigation LI.selected,  UL.tabNavigation LI:hover {
	background-color: #004C93;
	color: #fff;
	padding-top: 7px;
	cursor:pointer;
}

div.tabs > div {
	padding: 0;
	margin-top: 15px;
}
div.tabs > div h2 {
	margin-top: 0;
}
a.rss {
	padding: 0 0 0 15px;
	background:url("img/rss.gif") no-repeat scroll 0 2px transparent;
}
a.rss:hover {
	color: #004C93!important;
	
}