/*--------------------------------------------------------------------------*/
/*																			*/
/* For Bestedienstleister.de © 2008 by kcnb8 crossmedia						*/
/*																			*/
/*--------------------------------------------------------------------------*/

/* General */

body {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#666;
	padding:0px 0px 0px 0px;
	margin:3px 0px 10px 0px;
	background-color: #f7f7f7;
}

a {outline:none;}
a:link {color: #B51621;text-decoration:underline;}
a:visited {color:#B51621;text-decoration:underline;}
a:hover {color: #000000;text-decoration:none;}
a:active { color:#000000;text-decoration:none;}

.print-head {background:url('../images/print-head.jpg');width:650px;height:104px;}

h1 {font-weight: normal;}

h2 {font-weight: normal;}

img.download {vertical-align:middle;}
.dotline {height:1px;width:80%;border-bottom:1px dotted silver;}


/* ---------- container zentriert das layout -------------- */
#container {
	width:985px;
	margin:0 auto;
	padding:0;
	border:1px solid silver;
	background:url('../images/container-back.jpg') repeat-y;
	overflow:visible;overflow-y: hidden;
}

#content #banner {background:url('../images/mitte-logos.png');width:600px;height:127px;margin:0px;padding:0px;}

#content {
	float:left;
	min-height:770px;
	background-color: #ffffff;
	padding:0px;
	margin:0px;
	overflow:auto;
	width:600px;
}

#content h1 {
	padding:30px 0px 10px 40px;
	margin:0;
	color:#B51621;
	font-size:18px; 
}

#content h2 {
	padding:20px 0px 0px 40px;
	margin:0;
	color:#B51621;
	font-size:18px; 
}

#content h3 {
	padding:20px 0px 0px 40px;
	margin:0;
	color:#B51621;
	font-size:14px; 
}

#content h4 {
	padding:0px 0px 0px 40px;
	margin:0;
	color:#999;
	font-weight:normal;
	font-size:11px; 
}

#content p {color:#666;line-height:20px;padding:0px 50px 15px 40px;margin:5px 0px 0px 0px;}
#content p.text {color:#666;line-height:20px;padding:0px 50px 10px 40px;margin:20px 0px 0px 0px;}
#content ol {color:#666;line-height:20px;padding:0px 50px 10px 40px;margin:5px 0px 0px 30px;}
#content ul.inner {margin:0px 40px 20px 40px;padding:0px;}
#content ul.inner li {margin:0px 0px 10px 40px;padding:0px;}

#content ul.top-list {margin:0px 20px 0px 30px;padding:0px 0px 0px 30px;}
#content ul.top-list li {padding:0px 0px 5px 0px;}

#content ol.top-list {margin:10px 20px 0px 30px;padding:0px 0px 0px 30px;}
#content ol.top-list li {padding:0px 0px 1px 0px;}

#anmeldung #anmelden2 {background:url('../images/button-2-hover.gif') no-repeat;color:white;font-weight:bold;cursor:pointer;width:175px;height:33px;margin:5px 5px 5px 220px;text-decoration:none;border:none;padding:0px 5px 5px 0px;text-shadow:#333333 -1px -1px;}
#anmeldung #anmelden2:hover {background:url('../images/button-2.gif') no-repeat;color:white;text-shadow:#333333 -1px -1px;}

#anmeldung #anmelden {float:left;background:url('../images/button-anmelden-hover.gif') no-repeat;color:white;font-weight:bold;cursor:pointer;width:135px;height:33px;margin:5px 5px 5px 425px;text-decoration:none;border:none;padding:0px 5px 5px 0px;text-shadow:#333333 -1px -1px;}
#anmeldung #anmelden:hover {background:url('../images/button-anmelden.gif') no-repeat;color:white;text-shadow:#333333 -1px -1px;}

#anmeldung a.button:hover,a.button:active {background-color:#B51621;width:150px;margin:5px;padding:5px;color:white;border:1px solid silver;text-decoration:none;}

/* -------------- left navigation ------------- */
#left {
	float:left;
	width:185px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#ffffff;
}

#left #nav-container {background:url('../images/left-middle-back.jpg') no-repeat;margin:0px 0px 30px 0px;padding:25px 0px 0px 0px;float:left;width:185px;}
#left #hamburg {margin:20px 0px 0px 10px;padding:10px;width:140px;border:1px solid #999;background-color:white;clear:both;font-weight:bold;}
#left #hamburg a.link3:link,a.link3:visited {color:#B51621;text-decoration:none;}
#left #hamburg a.link3:hover,a.link3:active {color:#B51621;text-decoration:underline;}

#left #berlin {margin:10px 0px 0px 10px;padding:10px;width:140px;border:1px solid #999;background-color:white;clear:both;font-weight:bold;}
#left #berlin a.link3:link,a.link3:visited {color:#B51621;text-decoration:none;}
#left #berlin a.link3:hover,a.link3:active {color:#B51621;text-decoration:underline;}

	#left ul#navigation {
		margin:0px;
		padding:0px;
		list-style-type:none;
	}

	#left ul#navigation li {
		padding:0px;
		margin:0px;
		width:185px;
		text-align:right;
	}
html>/**/body, x:-moz-any-link, x:default {
position:relative;
left:-0.1px;
}
	#left ul#navigation li a.nav, a.nav:visited {
		display:block;
		margin:0;
		padding:10px 20px 11px 0px;
		color:#666;
		text-decoration:none;
		font-size:12px;
		background:url('../images/menu-back.jpg') no-repeat;
	}

	#left ul#navigation li a.nav:hover, a.nav:active {
		display:block;
		color:#323232;
		background:url('../images/menu-back-hover.jpg') no-repeat;
	}

	#left ul#navigation li a.live {
		color:#B51621;
		font-weight:bold;
		display:block;
		margin:0px;
		padding:10px 20px 11px 0px;
		text-decoration:none;
		font-size:12px;
		background:url('../images/menu-back-live.jpg') no-repeat;
	}
	
	#left ul#subnav {
		margin:0px;
		padding:0px;
		list-style-type:none;
		width:182px;
		
	}
	#left ul#subnav li a.sub,a.sub:visited {
		color:#666;
		display:block;
		margin:0px;
		padding:0px 20px 6px 0px;
		text-decoration:none;
		font-size:11px;
		background:url('../images/menu-back-live.jpg') no-repeat;
	}
	#left ul#subnav li a.sub:hover,a.sub:active {
		color:#323232;
		text-decoration:none;
		background:url('../images/menu-back-live.jpg') no-repeat;
	}
	
	#left ul#subnav li a.livesub {
		color:#323232;
		display:block;
		font-weight:bold;
		margin:0px;
		padding:0px 20px 6px 0px;
		text-decoration:none;
		font-size:11px;
		background:url('../images/menu-back-live.jpg') no-repeat;
	}
	
	#left ul#navigation li ul#subnav li a.livesub {
		color:#323232;
		display:block;
		font-weight:bold;
		margin:0px;
		padding:0px 20px 6px 0px;
		text-decoration:none;
		font-size:11px;
		background:url('../images/menu-back-live.jpg') no-repeat;
	}
	
#left p.left-bottom {margin:0px;padding:0px;position:absolute;bottom:0px;background:url('../images/left-bottom.jpg') no-repeat bottom;width:185px;height:39px;}

#right {
	float: right;
	width: 200px;
	height:414px;
	margin:0;
	padding:0px 0px 0px 0px;
	overflow:visible;
	background:url('../images/right-back.jpg') no-repeat top;
}

div.faktenkontor {clear:left;float:right;white-space:nowrap;text-align:center;margin:-130px 15px 0px 10px;width:155px;padding:0px 5px 0px 0px;font-size:10px;color:#323232;}

#right #top-nav {height:204px;background:url('../images/right-top.jpg') no-repeat top;}

/**
 * Primary navigation
 */
ul.primary-links {
	margin:0px 0px 0px 0px;
	padding:0px 0px 40px 0px;
	position: relative;
	z-index:4;font-size:11px;
	list-style-type:none;
}

ul.primary-links li {
	background: none;
	float: left;
	margin:70px 0px 0px 0px;
	padding:0;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
	background: transparent url("../images/top-nav-arrows.gif") no-repeat 50% 0;
	color:#666;text-decoration:none;
	display:block;
	margin:0px 0px 0px 20px;
	padding:12px 0px 0px 0px;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
	background: transparent url("../images/top-nav-arrows.gif") no-repeat 50% -47px;
	color: #323232;text-decoration:none;
}


#right #right-middle {background:url('../images/right-middle-back.jpg') no-repeat top left;width:200px;float:right;height:500px;}

#right p.zitat-rechts {text-align:left;margin:20px 0px 0px 25px;font-size:10px;padding:0px;color:#323232;}
#right p.zitat-rechts-full {text-align:left;margin:20px 0px 20px 20px;font-size:10px;padding:0px;color:#323232;}
#right p.zitat-rechts-text {text-align:justify;margin:20px 15px 30px 20px;font-size:11px;padding:0px;color:#666;line-height:16px;background:url('../images/zitat.gif') no-repeat left top white;border:1px solid #999;padding:20px 10px 10px 10px;}
#right p.zitat-rechts-ohne {margin:20px 15px 30px 20px;font-size:11px;color:#666;line-height:16px;border:1px solid #999;padding:5px 10px 10px 10px;background-color:white;}
/* Search Field */ 
#searchform {margin:40px 0px 0px 20px;}
#searchform #q {color:#666;background:url('../images/zoom.png') no-repeat 3px center #fff;border:1px solid silver;width:120px;padding:3px 3px 3px 20px;margin:20px 0px 0px 0px;}
#searchform #q:hover,#q:active {border:1px solid #BEC2FE;background:url('../images/zoom.png') no-repeat 3px center #EDF3FE;}
#searchform #submit {background:url('../images/button-search-hover.gif') no-repeat;color:white;padding:0px;height:22px;width:24px;cursor:pointer;font-size:14px;margin:0px 0px 0px 0px;padding:0px 0px 6px 2px;border:none;}
#searchform #submit:hover {background:url('../images/button-search.gif') no-repeat;cursor:pointer;}

#tellform {margin:20px 0px 0px 0px;}
#tellform input {color:#666;background:#fff;border:1px solid silver;width:120px;padding:3px 3px 3px 3px;margin:0px 0px 10px 0px;}
#tellform input:hover,input:active {border:1px solid #BEC2FE;background:#EDF3FE;}
#tellform #submit {color:white;background-color:#B51621;padding:0px;height:20px;width:20px;cursor:pointer;font-size:14px;margin:3px 0px 0px 0px;}
#tellform #submit:hover {cursor:pointer;}



/* -----------anmeldeform--------------------------- */
.anmelden {color:black;font-size:12px;line-height:14px;}

#content .anmelden fieldset {float:left;width:460px;padding:10px 10px 10px 10px;border:1px solid silver;background-color:#f5f5f5;margin:0 0 5px 40px;}
.anmelden legend {color:#B51621;font-weight:normal;padding:0 4px 5px 4px;font-size:14px;}
#content .anmelden fieldset legend { margin-top /*\**/:-18px;left:0;*padding-left:0;} 
#content .anmelden fieldset { overflow /*\**/:visible;height:2%;}



.anmelden input,textarea {width:300px;color:#333;padding:5px;margin:2px 0px 4px 0px;border:1px solid silver; }
.anmelden input:hover,.anmelden textarea:hover, .anmelden input:focus,.anmelden textarea:focus {border:1px solid #BEC2FE;background:#EDF3FE;}
.anmelden input[type=radio] {float:left;border:none;clear:both;padding:0;margin:6px 0 0;width:auto;}
.anmelden input[type=checkbox] {float:left;border:none;clear:both;padding:0;margin:6px 4px 0;width:auto;}

.anmelden div.paket {width:350px;float:left;margin:0 0 10px 30px;padding:0 0 0 5px;}


.anmelden label.right {float:left;width:90%;padding:5px;margin:0 0 10px 0;cursor:pointer;}
.anmelden label.left {float:left;clear:both;width:auto;padding:5px 10px 0 1px;margin:0 0 20px 0;cursor:pointer;}

.anmelden label.right strong.block {display:block;float:left;width:120px;}

.anmelden #datum {margin-right:20px;}
.anmelden #datum, .anmelden #uhrzeit {width:100px;float:left;}

.anmelden #anrede,.anmelden #titel,
.anmelden #name, .anmelden #vorname,
.anmelden #firma, .anmelden #funktion,
.anmelden #plz, .anmelden #ort,
.anmelden #fax, .anmelden #branche, .anmelden #strasse,
.anmelden #telefon, .anmelden #hurzel {width:200px;float:left;}

.anmelden #absenden {background:url('../images/button-absenden.png') left top no-repeat;color:white;font-weight:bold;cursor:pointer;width:225px;height:33px;text-decoration:none;border:none;padding:0px 5px 5px 0px;text-shadow:#333333 -1px -1px; }
.anmelden #absenden:hover {background-position:left -33px;}

.anmelden div.hover {float:left;width:auto;padding:0 5px;margin:0;}
.anmelden div.hover:hover {background-color:white;}
#message {float:left;width:auto;padding:5px 10px 5px 5px;margin:0 0 10px 40px;font-weight:bold;color:black;}





/* -----------footer--------------------------- */
#footer {
	clear:left;
	width:985px;
	height:51px;
	padding:0px;
	margin:0px;
	background:url('../images/footer.jpg') no-repeat bottom;
}

#footer #bottom-nav {float:right;width:175px;}
ul.bottom-primary-links {
	margin:0px 0px 0px 0px;
	padding: 0;
	position: relative;
	z-index: 104;font-size:11px;
	list-style-type:none;
}

ul.bottom-primary-links li {
	background: none;
	float: left;
	margin:5px 0px 0px 0px;
	padding:0;
}

ul.bottom-primary-links li a, ul.bottom-primary-links li a:link, ul.bottom-primary-links li a:visited {
	background: transparent url("../images/bottom-nav-arrows") no-repeat 50% 0;
	color:#666;text-decoration:none;
	display:block;
	margin:3px 12px 0px 5px;
	padding:12px 0px 0px 0px;
}

ul.bottom-primary-links li a:hover, ul.bottom-primary-links li a.active {
	background: transparent url("../images/bottom-nav-arrows") no-repeat 50% -47px;
	color: #323232;text-decoration:none;
}

/* GRAU ------------------------------------------------------------------------------*/
#content #fragment-1-grey,#fragment-2-grey,#fragment-3-grey {
	/*background-color: #efefef;
	border:  1px solid #ccc;*/background:url('../images/tab-layer-mid.jpg') repeat-y;
	color:white;
	overflow:visible;
	padding:0px 40px 0px 15px;
}

#content h2.inner3 {
	padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;color:white;font-size:14px;
}

#content a.hlink:link,a.hlink:visited {
	padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;color:white;font-size:14px;text-decoration:underline;
}
#content a.hlink:hover,a.hlink:active {
	padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;color:white;font-size:14px;text-decoration:none;
}
#content .fragment-layer p {color:white;width:290px;padding:5px 0px 35px 10px;margin:0px 0px 0px 180px;}
#content .fragment-layer a.white{color:white;}
/* ROT ------------------------------------------------------------------------------*/
#content .fragment-layer {width:520px;padding:0px;margin:0px 0px 0px 0px;background:url('../images/tab-layer-mid.jpg') repeat-y;}
#content .fragment-layer-top {background:url('../images/tab-layer-top.jpg') no-repeat;width:520px;height:10px;padding:0px;margin:0px;}
#content .fragment-layer-top2 {background:url('../images/tab-layer-top2.jpg') no-repeat;width:520px;height:10px;padding:0px;margin:0px;}
#content .fragment-layer-btm {background:url('../images/tab-layer-bottom.jpg') no-repeat;width:520px;height:10px;padding:0px;margin:0px;}

#content .tabcontainer {margin:0px 40px 0px 40px;padding:0px;}

#content #fragment-1,#fragment-2,#fragment-3 {
	/*background-color: #efefef;
	border:  1px solid #ccc;*/background:url('../images/tab-layer-mid.jpg') repeat-y;
	color:white;
	height:280px;
	padding:0px 40px 0px 15px;
}

#content h2.inner2 {
	padding:0px 0px 0px 10px;margin:0px 0px 0px 0px;color:white;
}

.small {font-size:10px;padding:0px 40px 0px 15px;}

#content #fragment-1 a.tabslink:link,a.tabslink:visited,#fragment-2 a.tabslink:link,a.tabslink:visited,#fragment-3 a.tabslink:link,a.tabslink:visited {
	color:white;
	text-decoration:none;
}

#content #fragment-1 a.tabslink:hover,a.tabslink:active,#fragment-2 a.tabslink:hover,a.tabslink:active,#fragment-3 a.tabslink:hover,a.tabslink:active {
	color:#333;
	text-decoration:none;
}

#content #fragment-3 a.tabslink2:link,a.tabslink2:visited {
	color:white;
	text-decoration:underline;
}

#content #fragment-3 a.tabslink2:hover,a.tabslink2:active {
	color:white;
	text-decoration:none;
}

#content .fragment-4 {
	color:white;
	background:url('../images/tab-layer-mid.jpg') repeat-y;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
}

#content .fragment-4 h2.inner {padding:0px 0px 0px 10px;margin:0px 0px 0px 0px;color:white;}
#content .fragment-4 h2 {padding:0px 0px 0px 10px;margin:0px 0px 0px 0px;color:white;}

#content ul.fragment {list-style:none;margin:3px 0px 0px 0px;padding:0px 0px 0px 10px;width:450px;}
#content ul.fragment li {list-style:none;margin:0px 0px 0px 0px;padding:3px 0px 8px 0px;background:none;}

#tabcontainer h2 {
	padding:0px 0px 0px 10px;
	margin:0px;
	color:white;
	font-size:16px; 
}

#content #contactFormArea {margin:20px 0px 0px 40px;width:315px;}
#content fieldset {border:none;margin:0px;padding:0px 0px 0px 0px;}
#content label {display:block;margin:0px;}
#content input.text,textarea, select {width:300px;font:12px/12px Arial, sans-serif;color:#333;padding:2px;margin:2px 0px 4px 0px;border:1px solid silver; }
#content input.text:hover,textarea:hover {border:1px solid #BEC2FE;background:#EDF3FE;}
#content input.submit {background:url('../images/button-anmelden-hover.gif') no-repeat;color:white;font-weight:bold;cursor:pointer;width:135px;height:33px;margin:5px 5px 5px 180px;text-decoration:none;border:none;padding:0px 5px 5px 0px;text-shadow:#333333 -1px -1px; }
#content input.submit:hover {background:url('../images/button-anmelden.gif') no-repeat;color:white;font-weight:bold;cursor:pointer;width:135px;height:33px;margin:5px 5px 5px 180px;text-decoration:none;border:none;padding:0px 5px 5px 0px;text-shadow:#333333 -1px -1px; }
#content fieldset span {display:none;color:black;}

    /* ----------------------------------------------------------- GALERIA ---- */
#content	.caption{font-size:11px;}
	#content .demo {position:relative;margin-top:10px;}
	
	#content .gallery_demo {width:500px;margin:0px 0px 0px 0px;}
	#content .gallery_demo ul {margin:0px;padding:0px;}
	#content .gallery_demo li{width:66px;height:50px;border:1px solid #999;margin:0px 3px 3px 0px;background:#fff;}
	#content .gallery_demo li div {}
	#content .gallery_demo li:hover {border:1px solid #323232;}
	#content .gallery_demo li div .caption{margin:0px;padding:0px;}
	
	#content #main_image {margin:0 auto 53px auto;height:267px;width:520px;background:white;}
	#content #main_image img {margin-bottom:5px;border:1px solid #666;}
	#content #main_image img:hover {margin-bottom:5px;border:1px solid #323232;}
	
	#content .nav2 {margin:10px 0px 0px 0px;clear:both;}
	
	#content .info {text-align:left;width:450px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	#content .info p  {margin-top:1.6em;}
/* ----------------------------------------------------------- GALERIA ---- */