/* 
*
* Easy front-end framework
*
* Copyright (c) 2009 Alen Grakalic
* http://easyframework.com/license.php
*
* supported by Templatica (http://templatica.com)
* and Css Globe (http://cssglobe.com)
*
*
* Colors:
* Body: #D7E5F3
* Text: #000

/*

for more info about the strucure of this file 
please read http://easyframework.com/documentation.php

*/

/* HTML elements  */		

	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1em;
		}	
	h1{font-size:2em;margin-bottom:.5em;color: #092359;}	
	h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;color: #092359;}	
	h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;color: #092359;}
	h4{font-size:1.25em;margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
	
	p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;padding:0;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:none;}	
	table{width:100%;border-collapse:collapse;}
	th,caption{text-align:left;}
	form div{margin:.5em 0;clear:both;}
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* //  HTML elements */	

/* common */		
	
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

/* // common */			

/* base */
	
	body, table, input, textarea, select, li, button{
		font:1em Helvetica, Arial, Sans-Serif;
		line-height:1.5em;
		color:#000;
		}		
	body{
		font-size:13px;
		background:#dae4f2;
		margin:0;
		padding:0;
		text-align:center;
		}	
	a, a:visited{
		text-decoration:none;
		color:#253E6D;
		}
	a:hover{color:#999;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ccc;
		font-style:italic;
		}	
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#eee;}
	td{border-bottom:1px solid #eee;}
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden;}
	
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #aaa;
		padding:5px;
		background:#fff;
		width:300px;
		line-height:1em;
		margin:0;
		}
	select{width:312px;}
	textarea, .area{overflow:auto; height:150px; width:400px;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
	.submit{}
	button{
		border:none;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
	.note, .success, .error{display:block;}
	.error{color:#900;}
	.success{color:#060;}
	.note{font-weight:bold;}
	.notvalid{border:1px solid #900 !important;}
	
	.pullquote{
		width:20%;
		float:left;
		margin-right:2em;
		padding-right:2em;
		border-right:1px solid #ccc;
		text-align:right;
		font-size:1.1em;
		font-style:italic;
		color:#777;
		margin-bottom:.5em;
		}
	.boxout{
		width:20%;
		float:right;
		margin-left:2em;
		padding:1em 2em;
		border:1px solid #ccc;
		margin-bottom:.5em;
		}
	#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:2px 10px;
		background:#f5f5f5;
		}

/* base */

/* layout */

	#container{	
		margin:0 auto;
		width:958px;
                padding: 0 25px 25px 25px;
		text-align:left;
		position:relative;
                background: #fff;
		}
	.inner{
		position:relative;
		}
	#header{
		position:relative;
                height: 151px;
		}	
	#breadcrumb{
		position:relative;
		clear:both;
		}
	#footer{
		margin:0 auto;
                padding: 10px 0;
                width: 1008px;
		text-align:left;
		clear:both;
		}	
		
	.content{
		clear:both;
		}
	.main, .main-home,.secondary, .tertiary, .quaternary{
		float:left;
		display:inline;
		}
	.main{width:639px;min-height: 510px;background:#dae4f2;}
	.main-home{width:639px;background:#fff;}
	.main-inner{padding: 30px 28px; overflow: hidden;}
	.secondary{width:310px; float: right;}
	.tertiary{}
	.quaternary{}
	
	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}
		
	/* grid */	

/* // layout */

/* topnav */

	.topnav{
	        font-size: 11px;
                color: #6DA63B;
		float: right;
                display: inline;
                text-transform:uppercase;
                margin: 7px 0;
		}
	.topnav a, .topnav a:visited{
                color: #656565;
                padding: 0 10px;
		}
	.topnav a.last{
                padding-right: 0;
		}
	.topnav a:hover, .topnav a:active{
text-decoration: underline;
		}

/* // topnav */

/* navigation */

#navi {margin:0; padding: 0;
        width: 958px;
	height: 30px;
	clear:both;
	background: #fff url(/international/_admin/images/bg-nav.jpg) repeat-x top left;
}

ul#nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}
ul#nav li a {
	display: block;
	margin: 0;
	padding: 5px 14px;
	height: 30px;
	color: #fff;
	font-weight: 700;
	font-size: 1em;
	text-decoration: none;
	background: transparent url(/international/_admin/images/nav-trenner.png) no-repeat top right;
}

ul#nav li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
ul#nav li ul {
	background-image: none;
	height: auto;
	border: none;
	position: absolute;
	display: none;
	width: 200px;
	margin: 0;
	padding: 0;
	background-color: #dae4f2;
	z-index: 1000;
	border: 1px solid #EDEDED;
	border-bottom: 2px solid #BBB;
	padding: 7px 0 15px 0;
	list-style-type: none;
}
ul#nav li ul a {
	width: 175px;
	height: auto;
	color: #424242;
	font-weight: normal;
	font-size: 1em;
	background: none;
	display: block;
	float: none;
	padding: 6px 0;
	margin: 0 10px;
	border-bottom: 1px solid #fff;
}
ul#nav li ul a:hover {
	color: #006ccc; !important;
	height: auto;
	background: transparent;
}
ul#nav ul ul {
	border-top: 1px solid #ccc;
	top: auto;
}
ul#nav li ul ul {
	left: 190px;
	margin-top: -39px;
	padding-bottom: 15px;
}
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li:hover ul ul ul ul {
	display: none;
}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li li li li:hover ul {
	display: block;
}
ul#nav li#homebutton {
	width: 37px;
	height: 30px;
	background: transparent url(/international/_admin/images/but-home.png) no-repeat top left;
}
ul#nav li#homebutton a {
margin: 0;
padding: 0;
	display: block;
	width: 37px;
	height: 30px;
	text-indent: -999em;
	background: url(/international/_admin/images/but-home.png) no-repeat top left;
}

		
/* //navigation */

#breadcrumb {
	font-size: .85em;
        margin: 10px 0;
}

#breadcrumb a {
	color: #777;
}

/* header */

	#header h1{
	        float: left;
	        display: inline; 
		width: 261px;
		height:92px;
	        margin: 30px 0 0 0;
		}
	#header h1 a{	
	display: block;
	width: 261px;
	height: 92px;
	text-indent: -999em;
                background: url(/international/_admin/images/bg-logo.png) no-repeat;	
		}		

/* // header */
	
/* content */

	.content a, .content a:visited{
		text-decoration:underline;
		}

.content ul{
padding: 0;
margin: 0;
list-style: none;
	}

.content ol{
padding: 0;
margin: 0;
	}

.content ul li {
	background: url(/international/_admin/images/bg-bulletpoint.png) no-repeat 0px 5px;
	padding-left: 20px;
	margin: 0.4em 0;
}
.content ol li {

	margin: 0.4em 20px;
	}
	
/* // content */

/* footer */
	
	#footer a, #footer a:visited{
                color: #092359;
	        font-size: .9em;
		text-decoration:none;
		}
	
/* // footer */

/* clearfix */

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}



	.inner:after, .box-inner:after, .main-inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.inner, .box-inner, .main-inner,.content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .box-inner, * html .main-inner,* html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */


/* Suche
--------------------------------------------------------------------------------------- */

div#searchForm {
position: absolute;
top: 4px;
left: 815px;
z-index: 99;

}
div#searchForm input {
    padding: 2px 2px 2px 25px;
    width: 90px;
 background: #F2F5DD url(/international/_admin/images/bg-searchfield.png) no-repeat 5px center;
float: left;
color: #999;
border: none;
}
div#searchForm .searchButton {
width:20px; 
height: 20px; 
padding: 0;
float: left;
margin-left: 2px;
margin-top: 2px;
border: none;
}

/* Sitemap
--------------------------------------------------------------------------------------- */


ul#sitemap li {
	background:  transparent !important;
	padding-left: 0 !important;
	font-weight: bold;
}
ul#sitemap ul li {
	font-weight: normal;
}

/* Box
--------------------------------------------------------------------------------------- */


.box {
width: 310px;
overflow: hidden;
background: #dae4f2;
margin-bottom: 10px;
}
.box h3 {
margin: 0;
padding: 8px 15px;
background: #45a12b url(/international/_admin/images/bg-header-box.png) no-repeat top left; 
color: #fff;
font-size: 1em;
font-weight: bold;
}
.box-inner {
padding: 14px;
}


.box-img{
text-align: center;
margin-bottom: 1em;
}

.box-home {
width: 313px;
overflow: hidden;
background: #dae4f2;
}


.box-home-inner {
padding: 10px;
}

.box-home img {
float: left;
margin-right: 15px;
}

.box-home h3{
font-size: 1em;
font-weight: bold;
margin: 15px 0 0 0;
}


.box-home p {
margin: 0;
}




/* Worldmap
--------------------------------------------------------------------------------------- */

#worldmap {
	position: relative;
	width: 638px;
	height: 380px;
	overflow: hidden;
	background: url(/international/_admin/images/worldmap.jpg) no-repeat top left;
	margin-bottom: 10px;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border-right: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
	background-color: #dae4f2;
	padding: 5px;
	opacity: 0.85;
	max-width: 200px;
	text-align: left;
	line-height: 100%;
}
#tooltip div {
	margin: 0;
	padding: 0;
}
#tooltip h3 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}
#tooltip p {
	margin: 0;
	padding: 0;
	font-size: 10px;
}
/* Sitemap
--------------------------------------------------------------------------------------- */
ul#sitemap
{
margin: 1em 0;
list-style-type: none;
background: url(/extensions/page/sitemap/dot.gif) repeat-y 3px 0;
padding: 0;
}

ul#sitemap li
{
margin-bottom: .5em;
font-size: 1.1em;
}

ul#sitemap li a
{
background: url(/extensions/page/sitemap/bullet1.gif) no-repeat 0 .4em;
padding-left: 15px;
color: #424242;
}

ul#sitemap li a.open, ul#sitemap li li a.open, ul#sitemap li li li a.open, ul#sitemap li li li li a.open
{
background-image: url(/extensions/page/sitemap/bullet2.gif);
}

/* second level */
ul#sitemap ul
{
margin: .5em 0 0 0;
padding: 0;
list-style-type: none;
}

ul#sitemap li li
{
background: url(/extensions/page/sitemap/dot2.gif) no-repeat 2px .5em !important;
font-size: 1em;
}

ul#sitemap li li a
{
padding: 0 0 0 35px;
background: url(/extensions/page/sitemap/bullet1.gif) no-repeat 25px .3em;
}

/* third level */
ul#sitemap ul ul
{
background: url(/extensions/page/sitemap/dot.gif) repeat-y 30px 0;
}

ul#sitemap li li li
{
background: url(/extensions/page/sitemap/dot2.gif) no-repeat 30px .5em !important;
}

ul#sitemap li li li a
{
padding: 0 0 0 60px;
background: url(/extensions/page/sitemap/bullet1.gif) no-repeat 45px .3em;
}

/* fourth level */
ul#sitemap ul ul ul
{
background: url(/extensions/page/sitemap/dot.gif) repeat-y 60px 0;
}

ul#sitemap li li li li
{
background: url(/extensions/page/sitemap/dot2.gif) no-repeat 60px .5em !important;
}

ul#sitemap li li li li a
{
padding: 0 0 0 90px;
background: url(/extensions/page/sitemap/bullet1.gif) no-repeat 80px .3em !important;
}

/* Objekte Listview & Detail
--------------------------------------------------------------------------------------- */


div.objekt_wrapper {
border: 1px solid #989898;
clear: both;
margin: 1em 0;height: 1%;
background: #FFF;
}


div.objekt_header {
border-bottom: 1px solid #989898; 
padding: 0px 18px 10px 14px;
background:  #fff;
}

div.objekt_header h3 {
margin-top: 10px;
font-size: 1.2em;
font-weight: bold;
}

div.objekt_header h3 a {
text-decoration: none !important;
}

div.objekt_listview_daten {
width: 230px; 
float: left;
display: inline;
padding: 14px 14px;
}

div.objekt_listview_bild {
width: 230px; 
float: right;
display: inline;
padding: 14px 0 14px 0;
text-align:center;
}

div.objekt_detail_zertifizierung {
width: 230px; 
float: left;
display: inline;
padding: 14px 14px;
}

div.objekt_detail_bild {
width: 230px; 
float: right;
display: inline;
text-align:center;
padding: 14px 0 14px 0;
}

div.objekt_detail_text {
width: 230px; 
float: left;
display: inline;
padding: 14px;
}

div.objekt_detail_daten {
width: 230px; 
float: right;
display: inline;
padding: 14px 0px 14px 14px;
}


/* Links & Buttons
--------------------------------------------------------------------------------------- */
a.link-weiter {
	background: url(/international/_admin/images/bg-arrow.png) no-repeat 0px center;
	padding: 0 0 0 13px;
}

a.link-weiter-box {
	background: url(/international/_admin/images/bg-arrow.png) no-repeat 0px center;
	padding: 0 0 0 13px;
        display: inline;
}

a.link-zurueck {
	background: url(/international/_admin/images/bg-arrow.png) no-repeat 0px 0px;
	padding: 0 0 0 13px;
}
/* Listviews
--------------------------------------------------------------------------------------- */

.lv-navi-wrap {padding: 1em 0 1.8em 0;}
.lv-navi-back {float: left; display: inline;width: 10%;font-weight: bold;}
.lv-navi-info {float: left; display: inline;text-align: center;width: 80%;}
.lv-navi-next {float: right; display: inline;width: 10%;text-align: right;font-weight: bold;}


/* Ansprechpartner
--------------------------------------------------------------------------------------- */

div.box-mitarbeiter {
        overflow: hidden;
        float: left;
        width: 165px;
        margin-right: 45px;
}

div.box-mitarbeiter p {
        margin: 1em  0 2.5em  0;
        overflow: hidden;
}