/*  
Theme Name: Grob
Theme URI: http://grob.de/
Description: Grob
Version: 1.0
Author: FBO
Author URI: http://fbo.de/

*/


/* =HTML
======================================== */

* {padding: 0px; margin: 0px;}
a { text-decoration: none;}
a img { border:0px;}

html {
	overflow-x:hidden;
	width:100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: url(./images/GrobBG.jpg) no-repeat #bfd4eb;
}

left {
}

h1 {
	background: url(./images/arrow2.gif)  no-repeat;
	color: #007DC6;
	font-size:15px;
	margin: 0 0 20px -20px;
	padding: 0 0 0 20px;
}
	h1 span {
		color: #EC9222;
		text-transform: uppercase;
	}
	
	h1 strong {color:#004684; font-weight:bold;}

h2 {
	color:#000000;
	font-size:14px;
	margin: 0 0 20px 0;
	line-height: 18px;
}

.right h2 {
	color:#004684;
	font-size:12px;
	margin: 0 0 10px 0;
}

h3 {
	color:#004684;
	font-size:12px;
	margin: 10px 0 15px 0;
}

h4 {color:#000; font-size:12px;   margin:0px 0px 5px 0px;}

p {margin:0px 0px 25px 0px;}

#content ul, #right ul{
	list-style:url(./images/arrow3.gif) none outside;
	margin: 0px 0 10px 18px;
	padding: 0px;
}

li {padding-bottom:5px;}

a {color:#004684;}
a.act, a.akt {color:#EC9222 !important; margin:0px; padding:0px;}

a:hover { text-decoration:none;}

hr {
	color:#fff;
	background-color:#fff;
	size:1px;
	height:1px;
	width:100%;
	border:none;
	margin: 20px 0;
}
	hr .border {
		height: 3px;
	}

.search_box{
	border: 0px;
	border-top: 1px solid #c2c5c3;
	border-left: 1px solid #c2c5c3;
}

.left label {
	float: left;
	width:100px;
	display:block;
	clear: left;
	margin: 0 0 8px 0;
}

.left input, textarea{
	border: 0px;
	border: 1px solid #004684;
	display:block;
	width: 250px;
	margin: 0 0 8px 0;
}

.left button{
	color: #ffffff;
	border: none;
	background-color:#004684;
	cursor:hand;
}


/* =Header
======================================== */

#header {
	background-image:url(./images/head_bg.gif);
	height:84px;
	width: 100%;
	color:#004684;
	border-bottom: 1px solid #004db3;
}

#language {	position:absolute; width:300px; top:55px; left:50px;}
#logo { position:absolute; top:12px; left:805px; } /*left:846px height:48px*/
.head_img {margin-left:-1px;}

div.imageElement {
	background: #007DC6;
	border-bottom: 1px solid #007DC6;
}



/* =Menu
======================================== */

#menu {
	margin: 0 0 0 50px;
	padding: 20px 0 0 0;
	font-size: 12px;
	list-style: none;
}

	#menu li {
		float: left;
		margin-right:30px;
		font-weight:bold;
	}
	
	#menu li a {color: #00468A;}
	#menu li a:hover, #menu li a.akt {color:#EC9222;}



/* =Sidebar
======================================== */

#sidebar {
	width: 215px;
	color: #FFFFFF;
	background: url(./images/sub_bg.gif) no-repeat #007dc6;
	float: left;;
	/* position: relative; */
	list-style:none;
}


ul#submenu {
	margin: 0px;
	padding: 22px 0px 30px 0px;
	list-style: none;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	min-height: 126px;
}
	
	#submenu ul {
		margin: 0 0 0 0px;
		padding: 0 0 0 0px;
	}
	
	ul#submenu li {
		background: url(./images/arrow.gif) left 13px no-repeat;
		border-bottom: 1px solid #fff;
		margin: 0 17px 0 30px;
		padding: 7px 0px 7px 15px;
		list-style: none;
	}
		
		ul#submenu li a:hover, ul#submenu a.akt {
			color: #ec9222;
		}
		

		
		ul#submenu li ul li {
			margin: 0px;
		}
		

#sidebar a:link, #sidebar a:active, #sidebar a:visited  {text-decoration:none; color:#FFFFFF;}
#sidebar a:hover { color:#FF9900;}
		

#suche { border-bottom:1px solid #FFFFFF; padding-bottom:10px; padding:10px 0px 20px 0px;}

#s { border-style:none; width:120px;}

#footer { border-bottom:1px solid #FFFFFF; font-size:10px; font-weight:bold; padding:10px 0px 20px 0px;}

.hand {
	cursor:pointer;
}



/* =Content
======================================== */
#content {
	float: left;
	width: 760px;
}

.post {
	padding: 20px 0 30px 50px;
}

.entry {
	clear: both;
	margin: 0 0 30px 0;
}

div.left {
	width:407px;
	float: left;
	margin-bottom:20px;
}

img.left {
	float: left;
	margin: 0 10px 10px 0 !important;
}

.border-right {
	border-right:1px solid #fff;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 10px 10px !important;
}

div.right {
	width:260px;
	float:left;
	margin-bottom:20px;
}

.border-left {
	border-left:1px solid #fff;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
}

#content a {color:#004684;}
#content a:hover {text-decoration:none;}
#content a img {text-decoration:none; border:none}

.edit-link {
	padding: 0 0 0 70px;
	float: right;
	margin: -13px 0 15px 0;
	
}

.more-link {
	float:left;
	display: block;
}

.alignleft {float: left; margin-right: 5px;}
.alignright {float: right; margin-left: 5px;}

.navigation {
	clear: both;
	margin: 30px 0 0 0;
}


#ani {position:relative; top: 300px;}

/* =Right
======================================== */
div.right p {margin: 0 0 20px 0; clear: both;}
div.right h2 {
	color:#000000;
	font-size:12px;
	margin: 0 0 10px 0;
	line-height: 14px;
}

div.right h3 {
	color:#004684;
	font-size:12px;
	margin: 0 0 10px 0;
}

div.right img {
	margin: 0 2px 0 0;
}


div.right a span, div.left a span {
	padding: 0 18px;
	background:url(./images/arrow3.gif) left center no-repeat;
}



.box_head {
	background: #c1c1c2;
	color:#004684;
	font-weight: bold;
	width: 240px;
	padding: 0 10px;
}

.box_content {
	background: #e7e7e7;
	width: 240px;
	padding: 5px 10px 0;
	margin: 0 0 15px 0;
}

	.box_content tr {
		border: 2px solid red;
	} 
	
	.box_content  td {
		border-bottom: 1px solid #fff;
		padding: 3px 0;
	} 
	.box_content td:last-child {
	}
	
	.box_content table {
		border-spacing: 0;
		width: 240px;
	} 
	
	.textright {
		text-align: right;
	}
	
	.noborder {
		border:none;
	}


/*________________________________________________________________________________________________*/
/*######################################################################################### Links */
/**/
#menu a:visited, #menu a:link {text-decoration:none;color:#004684;}

#language a:visited, #language a:link {text-decoration:none;color:#004684;}



/*________________________________________________________________________________________________*/
/*###################################################################################### Historie */
/**/
#images a {border:none; color:#000; text-decoration:none; cursor:default;}
#images a:hover {color:#333; background-color:#fff}
#images a div {visibility:hidden; border:none; position:absolute; top:auto;/* left: 476px; top: 380px;*/ }
#images a:hover div {visibility:visible;}

#images a span {display:none;}

/*________________________________________________________________________________________________*/
/*###################################################################################### Tabelle */
/**/
.head {background-color:#CCCCCC}
.extra1 {background-color:#48B0F9}
.extra2 {background-color:#00FF33}
.extra2 {background-color:#79C3F8}
.normal {background-color:#EEEEEE}



/* =Helpers
======================================== */
.centered {text-align: center;}
.bluebold {color:#004684; font-weight:bold;}
.bluebold2 {color:#004684; font-weight:bold;height: 40px;}
.noborder {border:0px !important;}
.nobullet {list-style:none !important; list-style-image:none !important; background: none !important; border: none !important;}
ul.nobullet {margin: 0px;}

table.tablebg {
	width:98%;
	margin:15px 0 0 0;
}

table.tablebg th {
	text-align:left;
	background:#ccc;
	padding:5px;
}

table.tablebg td:first-child {
	background:#eee;
	padding:5px;
	text-align:left;
}

table.tablebg td {
	background:#fefefe;
	padding:5px;
	text-align:center;
}

div.bg {
	width:100%;
	background:#f1f1f1;
	padding: 5px 8px 5px 8px;
	margin-bottom:10px;
}

.left {
	float:left;
}

.right {
	float:right;
}

p.right, p.left {
	clear:none !important;
	padding:0 !important;
	margin:0 !important;
}

.none {
	clear:both !important;
	padding:0 !important;
	margin:0 !important;
	height:0px !important;
}

span.legend {
	padding:0 20px 0 0;
}


/* =Slimbox
======================================== */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color:#004684;
	cursor: pointer;
	z-index: 1000;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
		z-index:14000;
}

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

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

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

#lbPrevLink {
	left: 0;
}

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

#lbNextLink {
	right: 0;
}

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

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

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(./images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
#gross a,#gross1 a{
text-decoration: none;
display:block;
color:#EC9222;
}
#gross{

float: left;
margin: 0px 20px 10px 0px;
width:100px;}

#gross1{

float: left;
margin: 0px 20px 10px 0px;
font-size: 11px;
width:100px;}

#gross1 a{
color:#004684;
}


table h2 {
	margin: 10px 0 5px 0;
}


/* =Tooltips
======================================== */

.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #EC9222;
	padding: 8px 8px 4px;
	/*background-color:#007DC6;*/
	background: url(./images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	color:#fff;
	padding: 4px 8px 8px;
	/*background-color:#007DC6;*/
	background: url(./images/bubble.png) bottom right;
}

#schulung_form {
	width: auto;
	margin: 20px;
}
#schulung_form form div {
	display: block;
	clear: both;
	height: 30px;
}
#schulung_form form span {
	display: block;
	width: 130px;
	float: left;
}
#schulung_form form .input {
	border: 1px solid #007dc6;
}
#schulung_form form  ul {
	list-style: none;
	font-size: 11px;
}

.n_hr {
	clear: both;
	width: auto;
	border-bottom: 1px solid #fff;
	height: 5px;
	margin: 0 0 10px 0 ;
}
.schulung_meta li{
	clear: both;
}
.schulung_meta li span {
	display: block;
	width: 100px;
	float: left;
}
#meldung{
	width: auto;
}

.error_info{
	background: #ffdfcb;
	border: 1px solid #fd9281;
	width: auto;
	padding: 10px;
	color: #cd5f4d;
	margin: 10px0 10px 0;
}

.info{
	background: #d8f1ff;
	border: 1px solid #58a3cf;
	width: auto;
	padding: 10px;
	color: #58a3cf;
	margin: 10px0 10px 0;
}


#mail_preview {
	border: 1px solid #ccc;
	background: #ffffff;
	padding: 10px;
}
	.form_info{
		border: 1px solid #ccc;
		padding: 10px;
		width: auto;
	}
	.form_data_field{
		border-bottom: 1px solid #ccc;		
		display: block;
		height: 20px;
		margin-bottom: 3px;
		width: auto;
	}
	.form_key{
		display: block;
		float: left;
		width: 120px;
		/*border-bottom: 1px solid #ccc;*/
	}
	.form_value{
		display: block;
		float: left;
		width: 200px;
		/*border-bottom: 1px solid #ccc;*/
	}
	
	
a.anmelde_bt:link, a.anmelde_bt:active{
	background: #004684 !important;
	color: #fff !important;
	display: block !important;
	padding: 2px !important;
	text-align: center;
	width: 130px !important;
}


a.anmelde_bt:hover, a.anmelde_bt:visited{
	background: #0e5ea5 !important;
	color: #fff !important;
	display: block !important;
	padding: 2px !important;
	text-align: center;
	width: 130px !important;
}

a.custom_home_bt{
	left: 630px !important;
	position: absolute;
	top: 55px;
}


.messe_info_data{
	border: 1px solid #ccc; background: #fff; padding: 10px
}

	.messe_info_data strong{
		color: #0f5093;
	}
	


		.messe_info_data2 strong{
			color: #0f5093;
		}


.messe_fomr_table th{
	font-weight: normal;
	text-align: left;
	width: 160px;
	vertical-align: top;
}

.messe_fomr_table .textarea
{
	width: 200px;
}

ul#custom_menu{
	height: 230px;
	border: 0px solid #ff0000;
	border-bottom: 1px solid #fff;
}
	ul#custom_menu .empty{
		height: 200px;
	}
	
	ul#custom_menu li{ 
		padding: 0 0 0 30px;
		/*background: url(./images/arrow.gif) left 13px no-repeat*/
	}
	
.page_messe_header_de{
	background: url('images/messeregistrierung.jpg');
	left: 235px;
	height: 58px;
	position: absolute;
	width: 386px;
	top: 25px;
	
}

.page_messe_header_en{
	background: url('images/messeregistrierung_en.jpg');
	left: 235px;
	height: 58px;
	position: absolute;
	width: 386px;
	top: 25px;
	
}


.page_messe_header_ru{
	background: url('images/messeregistrierung_ru.jpg');
	left: 235px;
	height: 58px;
	position: absolute;
	width: 386px;
	top: 25px;
	
}

.einladung-hausmesse li {
	font-weight: normal;
}

.einladung-hausmesse img {
	margin: 0 0 7px -4px !important;
}

#post-881 .einladung-hausmesse {
	display: none;
}

.contact-form input{
    margin: 10px 0;
}