/* sbauriedel.de , main.css
  # (c)06/2006 Stephan Fischer, http://www.fischer-development.de
  #  Letzte Änderung: 16.07.2009
  # Farbdefinition
  # Hintergrund: 		#2B4A6A
  # Schrift:			#000000
  # Schrift blau:		#195BA0
  # Schrift rot:		#990000
  # Spalten blau:		#C6D0DC
  # Spalten hellblau:	#E8ECF1
  
  / Neue Farben /
  # Box rechts Hintergrund:		#e5eaef
  # Spalte rechts Startseite:	#cbd9e3
  # Spalte rechts Folgeseiten:	#e5eaef
  # Spalte links:				#cbd9e3
  
   
*/

*{ margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;}
html{ width: 100%; height: 100%;}
body{ background-color: #2B4A6A; background-image: url(/crm/wLayout/design/images/bg.gif); font-size: 80%; text-align:center; color: #000000; font-weight: normal;}

table, ul { font-size: 1em; margin-bottom: 12px;}
table td {vertical-align: top;}
p { font-size: 1em; margin-bottom: 12px;}
blockquote p{ margin-left: 20px;}
#body3b .col3 blockquote p{ margin: 0 0 10px 0; color: #195BA0; font-size: 0.9em; font-style:italic;}
strong, b{ font-weight: bold;}
img{ border:none;}
h1{ color: #195BA0; font-size: 1.4em; font-weight: bold; margin-bottom: 12px;}
h2{ color: #000000; font-size: 1em; font-weight: bold; padding: 0 0 10px 0;}
h2 a{font-weight: bold;}
h3{ color: #195BA0; font-style: italic; font-size: 1em; font-weight: normal; padding: 0 0 10px 0;}
h4{ color: #000000; font-size: 0.9em; font-weight: bold; padding: 8px 0 8px 0;}

a{color: #195BA0; text-decoration: none; }
a:hover, a.activ{color: #990000}


ul{list-style-type: none;}
.bt_vor {
	border: none;
	background-color: #FFFFFF;
	background: url('/crm/news/images/bt_vor.gif') 0px 2px no-repeat;
	cursor: pointer;
	text-decoration: none !important;
	text-align: left;
	color:  #195BA0;
	padding-left: 20px;
	
}
.bt_zurueck{
	background: url('/crm/news/images/bt_zurueck.gif') 0px 2px no-repeat;	
	background-color: #FFFFFF;
	border: 1px solid white;
	cursor: pointer;
	text-decoration: none !important;
	text-align: left;
	color:  #195BA0;
	padding-left: 20px;
}
	

#printFooter{ display: none;}
.leftalign{float:left;}
.rightalign{float: right;}
.center{ text-align:center;}
.clear{ clear: both;}
.blue{color: #195BA0;}

.content{ float:left;}
.adminLinkBorder{ background-color:#CCCCCC; color:#000000; padding: 3px; border: 1px solid #000000}
.blaetterFunktion{ float: right; color: #990000; font-size: 0.9em; font-weight: bold;}
#body3b .col2 .blaetterFunktion a{ color: #195BA0; font-weight: normal; text-decoration: underline;}
.col3 .hint { padding-left: 24px; color: #000 !important; background:  url("/crm/wLayout/design/images/nav_pfeil.gif") 0px 0px no-repeat; display: block;}
#divEditButton{float: left;}
#printHeader{ display: none;}
.hint{ color: red;}
.passive{border: 1px solid red;}
li.download {background:  url("/crm/wLayout/design/images/download_pfeil.gif") 0px 0px no-repeat !important; }



/* Hauptelemente */
#wrapper{ width:910px; margin:auto; }
#header{ position: relative; top: 0px; left: 0px; margin: 20px 0 0 0; text-align: left;}
#footer{ position: relative; top: 0px; left: 0px;}
.frame_2_3 {position: relative; overflow: hidden;}

/* Startseite */
#body3a{ width: 910px; min-height:520px; margin:auto; padding-bottom: 20px;  position: relative; top: 0px; left: 0px; text-align: left; background-color: #C6D0DC; background-image:url(/crm/wLayout/design/images/body3a_bg_2009.gif); background-repeat:repeat-y;
float:left;} 
#body3a .col1{ width: 170px; background-color: #C6D0DC; position: relative; top: 0px; left: 0px; float: left;}
#body3a .col2{ width: 539px; background-color: #FFFFFF; position: relative; top: 0px; left: 0px; float: left;}
#body3a .col3{ width: 180px; padding: 12px 0 0 10px; background-color: #C6D0DC; position: relative; top: 0px; left: 0px; float: left;}

/* Standardseite mit 2 Contentspalten */
#body3b{ position: relative; top: 0px; left: 0px; text-align: left; width: 910px; min-height:520px; padding-bottom: 20px; margin:auto; background-color: #C6D0DC; background-image:  url("/crm/wLayout/design/images/body3b_bg_2009.gif"); background-repeat:repeat-y;
float:left;} 
#body3b .portrait {float:left;}
#body3b .col1{ width: 170px; background-color: #C6D0DC; position: relative; top: 0px; left: 0px; float: left;}
#body3b .col2{ width: 503px; margin: 0 ; padding: 20px 18px 0px 18px ; min-height:330px; background-color: #FFFFFF; position: relative; top: 0px; left: 0px; float: left;}
#body3b .col2 ul{ margin:0 0 14px 0px; list-style-type: none;}
#body3b .col2 ul li{ position: relative; top: 0px; left: 0px; padding-left: 20px; margin-bottom: 10px; background-image:  url("/crm/wLayout/design/images/list_square_blue.gif");background-position: 0px 6px;background-repeat: no-repeat;}
#body3b .col2 ol{ margin:0 0 20px 25px;}
#body3b .col3{ padding: 20px 10px; width: 180px; background-color: transparent; position: relative; top: 0px; left: 0px; float: left;}
#body3b .col3 ul{ list-style-type: none;}
#body3b .col3 li{ position: relative; top: 0px; left: 0px; padding-left: 24px; margin-bottom: 15px; background-image:  url("/crm/wLayout/design/images/link_pfeil.gif");background-position: 0px 0px;background-repeat: no-repeat;}

/* News Übersicht */
#body3b .news {overflow: hidden;}
#body3b .newsCol1{ width: 90px; margin: 0 0 20px 0px; background-color: #FFFFFF; position: relative; top: 0px; left: 0px; float: left;}
#body3b .newsCol1 ul{ margin:0 0 14px 0px; list-style-type: none;}
#body3b .newsCol1 ul li{ position: relative; top: 0px; left: 0px; padding-left: 20px; margin-bottom: 15px; background-image:  url("/crm/wLayout/design/images/list_square_blue.gif");background-position: 0px 6px;background-repeat: no-repeat;}
#body3b .newsCol2{ width: 400px; margin-bottom: 20px; background-color: #FFFFFF; position: relative; top: 0px; left: 0px; float: left;}
#body3b .newsCol2 a{ font-weight: bold;}


/* Standardseite mit 3 Contentspalten (Team) */
#body4a{ position: relative; top: 0px; left: 0px; text-align: left; width: 910px; min-height:520px; margin:auto;  padding-bottom: 20px;background-color: #C6D0DC; background-image:  url("/crm/wLayout/design/images/body3b_bg.gif"); background-repeat:repeat-y;
float:left;} 
#body4a .team{ float: left; width: 700px;}
#body4a .teamRow{ float: left; width: 700px;}
#body4a .col1{ width: 170px; background-color: #C6D0DC; position: relative; top: 0px; left: 0px; float: left;}
#body4a .col3{ width: 170px; margin-left: 20px; padding-top: 20px; background-color: #FFFFFF; position: relative; top: 0px; left: 0px; float: left;}
#body4a .col3{ width: 220px; margin: 0 20px 0 30px; padding-top: 20px; background-color: #FFFFFF; position: relative; top: 0px; left: 0px; float: left;}
#body4a .col2 ul, #body4a .col3 ul, #body4a .col4 ul{ margin:0 0 14px 0px; list-style-type: none;}
#body4a .col2 ul li, #body4a .col3 ul li, #body4a .col4 ul li{ position: relative; top: 0px; left: 0px; padding-left: 20px; margin-bottom: 10px; background-image:  url("/crm/wLayout/design/images/list_square_blue.gif");background-position: 0px 6px;background-repeat: no-repeat;}
#body4a .col4{ width: 240px; padding-top: 20px; background-color: #FFFFFF; position: relative; top: 0px; left: 0px; float: left;}


.col3 li {margin-bottom: 7px !important; }


/* Startseite */
.startHead {background-color: #E8ECF1; padding: 11px 20px 12px 20px; text-align: center;}
.startHead h1 {margin-bottom: 9px;}
.startHead h2 {margin-bottom: 0; padding: 0;}

.startMenu { width: 550px; height: 440px; padding: 12px; color: #195BA0; font-size: 9px; background: url('/crm/images/startseite/bg_start.gif') 0px 0px no-repeat; position: relative; top: 0px; left: 1px;}
.startMenu h2 {font-size: 10px; margin-bottom: 3px; padding: 0;}
.menu1 { width: 94px; height: 77px; margin: 18px 0 0 113px; text-align: right; position: absolute; top: 0px; left: 0px;}
.menu2 { width: 94px; height: 77px; margin: 114px 0 0 439px; text-align: left; position: absolute; top: 0px; left: 0px;}
.menu3 { width: 94px; height: 77px; margin: 30px 0 0 441px; text-align: left; position: absolute; top: 0px; left: 0px;}
.menu4 { width: 201px; height: 165px; margin: 13px 0 0 223px; text-align: left; position: absolute; top: 0px; left: 0px;}
.menu5 { width: 201px; height: 165px; margin: 101px 0 0 12px; text-align: left; position: absolute; top: 0px; left: 0px; }
.menu6 { width: 201px; height: 165px; margin: 189px 0 0 327px; text-align: left; position: absolute; top: 0px; left: 0px;}
.menu7 { width: 60px; height: 60px; margin: 365px 0 0 223px; text-align: left; position: absolute; top: 0px; left: 0px;}
.menu8 { margin: 205px 0 0 239px; text-align: left; position: absolute; top: 0px; left: 0px;}
.menu8 a {font-size: 12px; font-weight: bold; color: #79b448;}
.menu9 { margin: 380px 0 0 130px; font-size: 12px; font-weight: bold; color: #9c0e0f; text-align: left; position: absolute; top: 0px; left: 0px;}
.menu9 a {color: #9c0e0f;}
.menu10 { margin: 380px 0 0 452px; text-align: left; position: absolute; top: 0px; left: 0px;}
.menu10 a {font-size: 12px; font-weight: bold; color: #94a5b2;}

.startHead1 {background-color: #E8ECF1; padding: 20px 20px 10px 20px; }
#menu1{ position: absolute; top: 136px; left: 40px;}
#menu2{ position: absolute; top: 292px; left: 82px;}
#menu3{ position: absolute; top: 356px; left: 246px;}
#menu4{ position: absolute; top: 219px; left: 406px;}
#crm_test_logo{margin: 20px 0 20px 0; text-align: center;}
#expo_logo{ margin: 0 0 0 13px; font-size: 0.96em; color: #195BA0; font-weight: bold;}
#expo_logo img{ margin: 0 0 5px 0;}
/* Navigation */
ul#navLevel1{ margin: 20px 0 0 5px;font-size: 0.96em;} /* 10 */
ul#navLevel1 li{ margin: 0 0 5px 0;}
ul#navLevel1 li a.passiv {	padding-left: 23px; font-weight: bold; display: block;}
ul#navLevel1 li a.activ {
	padding-left: 23px;
	font-weight: bold;
	background-image:  url("/crm/wLayout/design/images/nav_pfeil.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
}

ul#navLevel1 ul#navLevel2{ margin: 3px 0 22px 0px; font-size: 0.96em}
ul#navLevel1 ul#navLevel2 li{ margin: 0 0 3px 0;}
ul#navLevel1 ul#navLevel2 li a.passiv { padding-left: 24px; font-weight: normal;}
ul#navLevel1 ul#navLevel2 li a.passiv:hover { font-weight: bold;}

ul#navLevel1 ul#navLevel2 li a.activ {	padding-left: 24px;	background-image: url(/crm/images/spacer.gif);}


/* Mitarbeiter */

.mitarbeiter {overflow: hidden; padding: 0 0 50px 0;}
.mitarbeiter .image {width: 130px; float: left;}
.mitarbeiter .text {width: 370px; float: left;}
.mitarbeiter .text h2 {padding: 0 0 2px 0; color: #195BA0; font-size: 14px; font-weight: bold;}


/* Box rechts */
.col3 .box {width: 177px; padding: 35px 0 0 2px; }
#body3a .col3 .box {padding: 0 0 0 2px;}
.col3 .box_oben {width: 177px; height: 13px; background: url('/crm/images/box_rechts_oben.gif') 0px 0px no-repeat;}
.col3 .box_unten {width: 177px; height: 13px; background: url('/crm/images/box_rechts_unten.gif') 0px 0px no-repeat;}
.col3 .box_content {width: 155px; padding: 0 10px  ; background-color: #e5eaef; border-left: 1px solid #006699; border-right: 1px solid #006699; overflow: hidden;}

/* Box mitte */
.col2 .box {width: 499px; padding: 0 0 12px 0; }
.col2 .box_oben {width: 499px; height: 13px; background: url('/crm/images/box_mitte_oben.gif') 0px 0px no-repeat;}
.col2 .box_unten {width: 499px; height: 13px; background: url('/crm/images/box_mitte_unten.gif') 0px 0px no-repeat;}
.col2 .box_content {width: 471px; padding: 0 13px  ; background-color: #fff; border-left: 1px solid #006699; border-right: 1px solid #006699; overflow: hidden;}
.col2 .box_content h2 {color: #195BA0; }

/* Sonderelemente (Newsbar, SMO-Links etc. */
ul#newsbar{ margin: 20px 0 20px 0px; min-height: 388px;}
ul#newsbar li{
	padding-left: 24px;
	margin-bottom: 8px;
	background-image:  url("/crm/wLayout/design/images/nav_pfeil.gif");
	background-position: 0px 2px;
	background-repeat: no-repeat;
}
ul#newsbar li h2{ color: #990000; margin-bottom: 3px; padding: 0;}
ul#newsbar li a{font-weight: normal;}

#address {padding: 0 0 1px 0px; color: #195BA0;}
#body3a #address {padding: 10px 0 0 10px;}
#address h2 { color: #195BA0;}
#address td, #address p {font-size: 12px;}
#address td, #address p {margin: 0 0 6px 0 ;} 


#functions{ position: relative; top: 0px; left: 0px; margin: 45px 0 0 27px;}
#functions li{ position: relative; top: 0px; left: 0px; padding: 3px 3px 3px 20px; margin-bottom: 3px;}
#functions a{ font-weight: bold; font-size: 0.9em;}
#functions #drucken{ background-image: url(/crm/wLayout/design/images/bt_drucken.gif); background-position: 0px 1px; background-repeat: no-repeat;}
#functions #empfehlen{ background-image: url(/crm/wLayout/design/images/bt_empfehlen.gif); background-position: 0px 1px; background-repeat: no-repeat;}


.more_links {padding: 0px 20px 20px !important; margin: 0 0 0 170px; width: 499px !important; text-align: center; color: #195BA0; background-image: none !important; clear: both; position: relative; top: 0px; left: 0px;}
#body3a .more_links  {margin: 0 !important;}
.more_links p{ font-size: 0.85em;}
.more_links a { color:#195BA0 !important; text-decoration: underline;}