/* Grundstrucktur */

* {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
background: #efedee;
color: #000;
font-size: 12px;
font-family: Arial, sans-serif;
line-height:1.25em;
}

a, a:visited, a:active {
background: none;
color: #0f15b3;
text-decoration:underline;
}

a:hover {
background: none;
color: #2e33c9;
}

img {
border: 0;
}

li {
list-style: none;
}

strong, b {
font-weight: bold;
}

input, textarea, select {
/* background: #f7e2d5; */
background:#e5e5e6 none repeat scroll 0%;
border:1px solid #CCCCCC;
font-size:11px;
margin:5px 0pt;
padding:1px 0pt 1px 5px;
}

/* Ueberschriften */

.suchangaben, #osg_headline, .headline, .tdhline {
font-size: 12px !important;
font-weight: bold !important;
color: #000 !important;
}

h2 {
color: #0f15b3;
font-size: 14px;
font-family: Arial, sans-serif;
font-weight: bold;
margin-bottom: 12px;
}

#grundstrucktur { 
width: 940px;
margin: 0;
padding: 0;
border-right: 10px solid #fff;
border-bottom: 10px solid #fff;
border-left: 10px solid #fff;
background: #fff;
color: #000;  
float: left;
}

* html #grundstrucktur {
/* Nicht IE Mac \*/
width: 940px;
margin: 0;
padding: 0;
border-right: 10px solid #fff;
border-bottom: 5px solid #fff;
border-left: 10px solid #fff;
background: #fff;
color: #000;  
float: left;
/* */
}

/* Der Header */

#header {
height: 150px;
width: 940px;
border-bottom: 10px solid #fff;
padding: 0;
background: #fff;
color: #000;  
float: left;
font-size: 12px;
}
	
	/* Das Logo */
	
	#header .logo {
	height: 134px;
	width: 200px;
	margin: 0;
	padding: 16px 20px 0 0;
	background: #fff;
	color: #0f15b3;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	font-weight: bold;
	float: left;
	}
	
	#header .logo a {
	text-decoration: none;
	font-weight: bold;
	border: none;
	}
	
	#header .logo img {
	margin: 0 0 10px 0;
	}
	
	/* Das Menue */
	
	#header .menue {
	height: 48px;
	width: 648px;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	float: left;
	}
	
	#header .menue li {
	float: left;
	}
	
	#header .menue a, #header .menue a:visited, #header .menue a:active {
	height: 34px;
	padding: 17px 5px 0 15px;
	color: #000;
	text-decoration: none;
	float: left;
	background-image: url(bilder/button.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	}
	
	#header .menue a:hover {
	height: 34px;
	padding: 17px 2px 0 12px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	float: left;
	background: #efedee;
	background-image: url(bilder/button.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	}
	
	/* Die Spracheauswahl */
	
	#header .sprachen {
	width: 72px;
	padding: 14px 0;
	background: #fff;
	color: #000;
	float: left;
	}
	
	#header .sprachen li {
	float: left;
	}
	
	#header .sprachen img {
	margin: 0 0 0 10px;
	}
	
	/* Der Banner */
	
	#header .banner {
	margin: 0;
	padding: 0 0 20px 0;
	background: #fff;
	border-bottom: 2px solid #0f15b3;
	float: left;
	}

/* Die linke Spalte */

#links {
width: 180px;
margin: 0 14px 10px 0;
padding: 0 14px 0 10px;
border-right: 2px solid #efedee;
background: #fff;
color: #000;
float: left;
}

* html #links {
/* Nicht IE Mac \*/
width: 180px;
margin: 0 5px 10px 0;
padding: 0 12px 0 10px;
border-right: 2px solid #efedee;
background: #fff;
color: #000;
float: left;
/* */
}

	/* Die Flashkarte */
	
	#links .karte {
	width: 180px;
	height: 230px;
	margin: 0;
	padding: 0;
	border: 1px solid #eeeeee;
	}

	/* Das Sub-Menue */
	
	#links .submenue {
	width: 180px;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 12px;
	}
	
	#links .submenue li {
	width: 180px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
	#links .submenue a, #links .submenue a:visited, #links .submenue a:active {
	width: 165px;
	padding: 5px 0 5px 15px;
	margin: 5px 0;
	color: #000;
	text-decoration: none;
	float: left;
	background-image: url(bilder/button.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
	}
	
	#links .submenue a:hover {
	width: 165px;
	padding: 5px 0 5px 15px;
	margin: 5px 0;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	float: left;
	background: #efedee;
	background-image: url(bilder/button.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	}
	
		/* Das Untermenue */
		
		#links .submenue .untermenue {
		width: 170px;
		margin: 5px 0 5px 0;
		padding: 0;
		float: left;
		}
		
		* html #links .submenue .untermenue {
		/* Nicht IE Mac \*/
		width: 160px;
		margin: 5px 0 5px 0;
		padding: 0;
		float: left;
		/* */
		}
		
		#links .submenue .untermenue li {
		width: 170px;
		margin: 0 0 0 10px;
		padding: 0;
		float: left;
		}
		
		* html #links .submenue .untermenue li {
		/* Nicht IE Mac \*/
		width: 160px;
		margin: 0 0 0 10px;
		padding: 0;
		float: left;
		/* */
		}
		
		#links .submenue .untermenue a, #links .submenue .untermenue a:visited, #links .submenue .untermenue a:active {
		width: 155px;
		padding: 5px 0 5px 15px;
		margin: 0;
		color: #000;
		text-decoration: none;
		float: left;
		background-image: url(bilder/button2.jpg);
		background-repeat: no-repeat;
		background-position: center left;
		font-weight: normal;
		}
		
		* html #links .submenue .untermenue a, * html #links .submenue .untermenue a:visited, * html #links .submenue .untermenue a:active {
		/* Nicht IE Mac \*/
		width: 145px;
		padding: 5px 0 5px 15px;
		margin: 0;
		color: #000;
		text-decoration: none;
		float: left;
		background-image: url(bilder/button2.jpg);
		background-repeat: no-repeat;
		background-position: center left;
		font-weight: normal;
		/* */
		}
		
		#links .untermenue a:hover {
		width: 155px;
		padding: 5px 0 5px 15px;
		margin: 0;
		color: #000;
		text-decoration: none;
		font-weight: bold;
		float: left;
		background: #efedee;
		background-image: url(bilder/button2.jpg);
		background-repeat: no-repeat;
		background-position: center left;
		}
		
		* html #links .untermenue a:hover {
		/* Nicht IE Mac \*/
		width: 145px;
		padding: 5px 0 5px 15px;
		margin: 0;
		color: #000;
		text-decoration: none;
		font-weight: bold;
		float: left;
		background: #efedee;
		background-image: url(bilder/button2.jpg);
		background-repeat: no-repeat;
		background-position: center left;
		/* */
		}
	
	/* onOffice */
	
	#links .onoffice {
	margin: 0 0 0 37px;
	}
	
/* Der Content */

#content {
width: 718px;
margin: 0 0 10px 0;
padding: 0;
float: left;
background: #fff;
}

* html #content {
/* Nicht IE Mac \*/
width: 718px;
margin: 0 0 10px 0;
padding: 0;
float: left;
background: #fff;
border-left: 9px solid #fff;
/* */
}

/* Der Footer */

#footer {
width: 920px;
margin: 0;
padding: 5px 10px;
background: #0f15b3;
color: #fff;
float: left;
font-size: 11px;
}
	
	/* Das Copyright */
	
	#footer p {
	color: #fff;
	font-size: 11px;
	float: left; 
	}
	
	/* Das Footermenue */
	
	#footer .footermenue {
	float: right;
	}
	
	#footer li {
	color: #fff;
	font-size: 11px;
	float: left;
	}
	
	#footer a, #footer a:visited, #footer a:active {
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
	}
	
	#footer a:hover {
	color: #efedee;
	}
	
/* Das Bottemmenue */

#bottemmenue {
width: 920px;
border-top: 10px solid #efedee;
border-right: 20px solid #efedee;
border-bottom: 20px solid #efedee;
border-left: 20px solid #efedee;
padding: 0;
margin: 0;
background: #efedee;
color: #777;
float: left;
}

#bottemmenue li {
color: #777;
font-size: 11px;
float: left;
}

#bottemmenue a, #bottemmenue a:visited, #bottemmenue a:active {
color: #777;
font-size: 11px;
text-decoration: underline;
}

#bottemmenue a:hover {
color: #3c3b3c;
}

/* Die Startseite */

#startseite {
width: 718px;
margin: 0 0 10px 0;
padding: 0;
float: left;
background: #fff;
}

#startseite .links {
width: 583px;
margin: 0;
padding: 0 9px 0 0;
float: left;
background: #fff;
}

	/* Das Objekt der Woche */
	
	#startseite .links .objwoche {
	width: 583px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #0f15b3;
	float: left;
	}
	
	#startseite .links .objwoche h2 span {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	}
	
	#startseite .links .objwoche .flash {
	float: left;
	margin: 0 5px 0 0;
	border: 2px solid #efedee;
	}
	
	#startseite .links .objwoche .flash-info {
	float: left;
	}
	
	/* Die Top Objekte */
	
	#startseite .links .topobj {
	width: 583px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #0f15b3;
	float: left;
	}
	
	#startseite .links .topobj .rahmen {
	width: 583px;
	margin: 0;
	padding: 0;
	float: left;
	padding: 0;
	}
	
	#startseite .links .topobj .obj {
	width: 184px;
	height: 250px;
	float: left;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	margin-bottom: 24px;
	}
	
	* html #startseite .links .topobj .obj {
	/* Nicht IE Mac \*/
	width: 184px;
	height: 270px;
	float: left;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	margin-bottom: 24px;
	/* */
	}
	
	#startseite .links .topobj .obj img {
	height: 135px;
	width: 180px;
	border: 2px solid #efedee;
	float: left;
	}
	
	#startseite .links .topobj .obj h3 {
	color: #0f15b3;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	}
	
	#startseite .links .topobj .obj h3 a {
	text-decoration: none;
	}
	
	/* Die Kurzinfos */
	
	#startseite .links .info {
	width: 583px;
	margin: 0;
	padding: 0;
	float: left;
	}

#startseite .rechts {
width: 115px;
margin: 0;
padding: 0 0 0 9px;
border-left: 2px solid #efedee;
float: left;
background: #fff;
font-size: 11px;
}

	/* Die Gesuche */
	
	#startseite .rechts .my_content_separator {
	padding-bottom: 5px;
	border-bottom: 2px solid #0f15b3;
	margin-bottom: 5px;
	}
	
/* Die Objektdarstellung */

	/* Der Objektrahmen */
	
	#rahmen {
	width: 718px;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	float: left;
	}
	
	#rahmen .oben {
	width: 718px;
	border-bottom: 12px solid #fff;
	}
	
	#rahmen .oben .anzahl {
	width: 180px;
	float: left;
	}
	
	#rahmen .oben .seiten {
	width: 358px;
	float: left;
	text-align: center;
	}
	
	#rahmen .oben .seiten .osg_seiten_sel, #rahmen .oben .seiten .osg_seiten, #rahmen .unten .osg_seiten_sel, #rahmen .unten .osg_seiten {
	padding: 2px;
	}
	
	#rahmen .oben .seiten .osg_seiten_sel, #rahmen .unten .osg_seiten_sel {
	color: #fff;
	background: #0f15b3;
	}
	
	#rahmen .oben .seiten .osg_seiten:hover, #rahmen .unten .osg_seiten:hover {
	background: #efedee;
	}
	
	#rahmen .oben .sortierung {
	width: 180px;
	float: left;
	text-align: right;
	}
	
	#rahmen .liste {
	float: left;
	}
	
	#rahmen .unten {
	float: left;
	text-align: center;
	width: 100%;
	margin-top: 12px;
	}

	/* Die Objektliste */
		
	#liste {
	height: 270px;
	border: 1px solid #0F15B3;
	float: left;
	margin: 0 4px 12px 4px;
	padding: 4px;
	width: 161px;
	}
	
	* html #liste {
	/* Nicht IE Mac \*/
	height: 301px;
	border: 1px solid #0F15B3;
	float: left;
	margin: 0 2px 12px 2px;
	padding: 4px;
	width: 161px;
	/* */
	}
		
	#liste img {
	border: 2px solid #EFEDEE;
	float: left;
	height: 112px;
	margin-bottom: 6px;
	width: 154px;
	}
		
	#liste h3 {
	color: #0f15b3;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	}
	
	#liste h3 a {
	text-decoration: none;
	}
	
	#liste .titel {
	height: 50px;
	margin: 0 0 24px 0;
	float: left;
	}
	
	* html #liste .titel {
	/* Nicht IE Mac \*/
	height: 71px;
	margin: 0 0 21px 0;
	float: left;
	/* */
	}
	
	/* Die Objektübersicht */
	
	#uebersicht {
	width: 718px;
	margin: 12px 0 0 0;
	padding: 0;
	background: #fff;
	color: #000;
	float: left;
	}
	
	#uebersicht .oben {
	width: 718px;
	margin: 0 0 12px 0;
	padding: 0;
	background: #fff;
	color: #000;
	float: left;
	clear: both;
	}
	
	#uebersicht .oben .gallerie {
	width: 403px;
	margin: 0 12px 0 0;
	padding: 0;
	background: #fff;
	color: #000;
	float: left;
	text-align: center;
	}
	
	#uebersicht .oben .gallerie #bild_gross {
	overflow: hidden;
	text-align: center;
	border: 1px solid #0F15B3;
	}
	
	#uebersicht .oben .gallerie #vergroessert {
	width: 401px;
	/* width: 347px; */
	height: 268px;
	}
	
	#uebersicht .oben .gallerie #bilder_klein li {
	width: 66px;
	height: 49px;
	margin: 0 5px 0 5px;
	border: 1px solid #0F15B3;
	float: left;
	}
	
	#uebersicht .oben .gallerie #bilder_klein li img {
	width: 66px;
	height: 49px;
	opacity: 0.5;
	}
	
	#uebersicht .oben .info {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	}
	
	#uebersicht .oben .info h3 {
	color: #0f15b3;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	}
	
	#uebersicht .oben .info #my_OriginalBilder2 {
	background: #0f15b3;
	color: #fff;
	padding: 4px;
	}
	
	#uebersicht .oben .info .angebote, #uebersicht .oben .info .angebote_bold {
	width: 160px;
	}
	
	#uebersicht .tabs {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	float: left;
	}
	
	#uebersicht .tabs .inhalt_tabs {
	width: 500px;
	border : 1px solid #0F15B3;
	margin : -1px 0 0;
	padding : 12px;
	float: left;
	}
	
	#uebersicht .tabs .detail_tabs {
	float: left;
	width: 692px;
	}

	#uebersicht .tabs .detail_tabs a {
	display : block;
	float : left;
	height : 35px;
	margin : 0 8px 0 0;
	padding : 5px 10px 0;
	text-align : center;
	color: #000;
	text-decoration: none;
	}
	
	#uebersicht .tabs .detail_tabs #tab1 {
	width : 127px;
	float: left;
	}
	
	#uebersicht .tabs .detail_tabs #tab2 {
	width : 90px;
	float: left;
	}
	
	#uebersicht .tabs .detail_tabs #tab3 {
	width : 45px;
	float: left;
	}
	
	#uebersicht .tabs .detail_tabs #tab4 {
	width : 45px;
	float: left;
	}
	
	#uebersicht .tabs .detail_tabs a:hover {
	cursor : pointer;
	text-decoration : none;
	}
	
	#uebersicht .tabs .detail_tabs a.link {
	border : 1px solid #999;
	border-bottom : 0;
	color : #999;
	float: left;
	}
	
	#uebersicht .tabs .detail_tabs a.link_sel {
	border : 1px solid #0F15B3;
	border-bottom : 1px solid #fff;
	color : #000;
	padding : 5px 10px 0 10px;
	background : #fff;
	z-index : 99;
	text-decoration: none;
	float: left;
	}
	
	#uebersicht .tabs .angebote, #uebersicht .tabs  .angebote_bold {
	width: 166px;
	}
	
	#uebersicht .tabs .angebote_right, #uebersicht .tabs .angebote_bold_right {
	bottom: 0;
	padding: 0 0 0 38px;
	vertical-align: middle;
	text-align:left;
	}
	
	/* Die Referenzen */
		
	#referenzen {
	height: 280px;
	border: 1px solid #0F15B3;
	float: left;
	margin: 0 4px 12px 4px;
	padding: 4px;
	width: 204px;
	}
	
	* html #referenzen {
	/* Nicht IE Mac \*/
	height: 311px;
	border: 1px solid #0F15B3;
	float: left;
	margin: 0 2px 12px 2px;
	padding: 4px;
	width: 204px;
	/* */
	}
		
	#referenzen img {
	border: 2px solid #EFEDEE;
	float: left;
	height: 150px;
	margin-bottom: 6px;
	width: 200px;
	}
		
	#referenzen h3 {
	color: #0f15b3;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	}
	
	#referenzen h3 a {
	text-decoration: none;
	}
	
	#referenzen .titel {
	height: 50px;
	margin: 0 0 21px 0;
	float: left;
	}
	
	* html #referenzen .titel {
	/* Nicht IE Mac \*/
	height: 71px;
	margin: 0 0 21px 0;
	float: left;
	/* */
	}
	
	#referenzen .divImgGross {
	height: 152px !important;
	width: 204px !important;
	}
	
	#referenzen div div img {
	margin: 0 45px 0 0;
	padding: 0;
	border: 0;
	float: left;
	bottom: 5px;
	height: 114px;
	width: 158px;
	}
	
/* Kontakt */

#form {
height: 340px;
}

/* Referenzen */

#liste .divImgGross {
height: 114px !important;
width: 158px !important;
}

#liste .divImgGross div img {
border: 0;
top: 0;
left: 0;
}

/* Gesuche */

#gesuche {
width: 718px;
border-top:1px solid #0F15B3; 
margin: 0 0 12px 0;
}

#gesuche .titel {
text-align: center;
font-weight: bold;
background-color: #efedee;
padding: 4px;
border:1px solid #cbcbcb;
width: 25%;
vertical-align: middle;
}

#gesuche td {
text-align: center;
font-weight: bold;
background-color: #fff;
padding: 4px;
border:1px solid #cbcbcb;
width: 25%;
vertical-align: middle;
}

#gesuche2 {
width: 718px;
border-top:1px solid #0F15B3; 
margin: 0 0 12px 0;
}

#gesuche2 .titel {
font-weight: bold;
background-color: #efedee;
padding: 4px;
border:1px solid #cbcbcb;
width: 25%;
vertical-align: top;
}

#gesuche2 td {
background-color: #fff;
padding: 4px;
border:1px solid #cbcbcb;
width: 25%;
vertical-align: top;
}

/* Finanzrechner */

#finanz {
color: #000;
font-size: 12px;
font-family: Arial, sans-serif;
}

#finanz h3 {
color: #0f15b3;
font-size: 14px;
font-family: Arial, sans-serif;
font-weight: bold;
margin-bottom: 12px;
}

/* Detail Suche */

#detail_suche {
margin: 16px 0;
height: 256px;
width: 480px;
}
#detail_suche table {
border: 1px solid #cccccc;
padding: 5px;
height: 258px;
}
#detail_suche td {
padding: 3px 10px;
vertical-align: middle;
}
#detail_suche label {
font-weight: normal;
}
#detail_suche input {
width: 238px;
}
#detail_suche select {
width: 245px;
}
#detail_suche input.input_small {
width: 65px;
}

/* IVD CEI */

#links img {
margin: 24px 0 24px 0;
}