/* CSS Document */
/* --------------------------------------------------------- HTML Tags ------------------------------------------- */


body {
	font-family: Verdana;
	font-size: 12px;
	color: #454545;
	background-color: #454545;
	padding: 0;
	margin: 0;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	color: #999999;
	letter-spacing: 2px;
	margin-top: 0;
	margin-bottom: 0;

}

h2 {
	font-family: "Georgia", serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin-top: 8px;
	margin-bottom: 12px;
}

a {
	font-size: 12px;
	color: #454545;
	font-weight: bold;
	text-decoration: none;
}

#center a, a.sideport {
	background: url(_sd/link-icon.gif) no-repeat -3px 4px;
	padding-left: 14px;

}

#center a:hover, a.sideport:hover {
	background: url(_sd/link-icon.gif) no-repeat 0px 4px;
	text-decoration: underline;
}

#center div.referenzen a {background: none; padding: 0}

div.cloud a {
	background: none !important;
	padding-left: 10px !important;
}
	
a.xxl {font-size: 170%;}
a.xl {font-size: 145%;}
a.l {font-size: 125%;}
a.m {font-size: 100%;}
a.s {font-size: 90%;font-weight: normal;}
a.xs {font-size: 75%; font-weight: normal}




p {
	margin-top: 2px;
	margin-bottom: 4px;
}

p.balken {
	font-size: 90%;
	background-color: #CCC;
	padding: 3px;
}

p.just {
	text-align: justify;
	padding: 10px;
	background: #f3f3f3;
	border: 1px solid #dddddd;
	
}




/* --------------------------------------------------------- layout DIVs ------------------------------------------- */


#header {
	position: absolute;
	top: 0;
	left: 60px;
	width: 920px;
	height: 170px;
	background-image: url(_sd/head.jpg);
	background-repeat: no-repeat;
}

#header h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	color: #999999;
	text-align: center;
	letter-spacing: 2px;
	line-height: 24px;
	margin-top: 110px;
	margin-bottom: 0;
}

#header h2 {
	font-family: "courier new";
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #BBBBBB;
	text-align: center;
	margin-top: 4px;
	letter-spacing: 3px;
}

#bar1 {
	position: absolute;
	top: 170;
	left: 60px;
	width: 920px;
	height: 4px;
	line-height: 0px;
	margin: auto;
	border-top: 1px solid #454545;
	border-bottom: 1px solid #454545;
}

#menu {
	position: absolute;
	width: 925px;
	top: 174;
	left: 60px;
}

#menu a {
	font: 16px Georgia, "Times New Roman", Times, serif;
	height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	color: #666666;
	width: 100%;
	display: block;
	padding-top: 8px;
	
}

#menu ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

#menu ul li {
	width: 230px;
	float: left;
	height: 39px;
	background: url(_sd/menu-bg.gif) no-repeat;
	margin-right: 0px;
	text-align: center;
}
/* --------------------------------------------------------- MENUFARBEN ------------------------------------------- */

#om a:hover, #om-active a { /* online marketing */
	color: #c1181d;
	font-weight: bold;

}
#om-active {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #c1181d;
	height: 36px;
}

#seo-active {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0180CC;
	height: 36px;
}

#seo a:hover, #seo-active a {
	font-weight: bold;
	color: #0180CC;
}


#wd-active {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #65AF3D;
	height: 36px;
}

#wd a:hover, #wd-active a { /* webdesign */
	color: #65AF3D;
	font-weight: bold;
}


#ref-active {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #333333;
	height: 36px;
}

#ref a:hover, #ref-active a {
	color: #333333;
	font-weight: bold;
}

.bar-wd {                              /*Hintergrundfarbe für Bar über Menu*/
	background-color: #65AF3D;
}

.bar-om {
	background-color: #c1181d;
}

.bar-seo {
	background-color: #0180CC;
}

.bar-ref {
	background-color: #333333;
}




/* -------------- submenus ------------------------------------------- */

#submenu {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#submenu a {
	height: 20px;
	width: 100%;
	font: 12px Georgia, Verdana;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: center;
	background: url(_sd/bg-submenu-trans-darkgrey.png) repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #454545;
	border-bottom-color: #454545;
}	

#submenu p	{
	margin: 0;
	padding: 5px;
	text-align:center;
	padding-bottom: 10px;
}


#sub-1 {
	position: absolute;
	top: 213;
	left: 60px;
	width: 229px;
	height: auto;
	xbackground: #EEEEEE;
	padding-top: 0px;
	visibility: hidden;
	z-index: 20;
	background: url(_sd/bg-submenu-transparent.png) repeat;
}

#sub-1 p {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #65AF3D;
}

#sub-1 a:hover {
	color: #FFFFFF;
	background: #65AF3D;
}

#sub-1 a {

}

#sub-2 {
	position: absolute;
	top: 213;
	left: 290px;
	width: 230px;
	height: auto;
	background: #EEEEEE;
	visibility: hidden;
	z-index: 20;


}

#sub-2 p {
	background: url(_sd/bg_submenubox.jpg) repeat-x;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #c1181d;

}

#sub-2 a:hover {
	color: #FFFFFF;
	background: #c1181d;
}

#sub-3 {
	position: absolute;
	top: 213;
	left: 519px;
	width: 230px;
	height: auto;
	background: #EEEEEE;
	visibility: hidden;
	z-index: 20;

}

#sub-3 a:hover {
	color: #FFFFFF;
	background: #0180CC;
}	

#sub-3 p {
	background: url(_sd/bg_submenubox.jpg) repeat-x;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0180CC;
}


#sub-4 {
	position: absolute;
	top: 213;
	left: 750px;
	width: 229px;
	height: auto;
	background: url(_sd/bg-submenu-transparent.png) repeat;
	visibility: hidden;
	z-index: 20;

}

#sub-4 a:hover {
	color: #FFFFFF;
	background: #333333;
}

#sub-4 p {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #333333;
}


#toplinks {
	position: absolute;
	top: 99px;
	left: 76px;
	width: 229px;
	height: auto;
}

#toplinks a {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}

#toplinks a:hover {
	color: #333333;
}


/* ----------------------------------------------------------- Contentarea ------------------------------------------- */
#left {
	position: absolute;
	width: 230px;
	height: 343px;
	left: 60px;
	top: 213px;
	xbackground: url(_sdsub/bg-left.jpg) no-repeat;
	z-index: 15;

}



#centerwrapper {
	position: absolute;
	left: 290px;
	top: 213px;
	width: 459px;
	min-height: 492px;
	background: #FFFFFF;
}

#center {
	padding: 25px;
	background-image: #ffffff url(_sdsub/bg-center.jpg);
}



#center h3 {
	font-size: 12px;
	background: url(_sd/icon-om.gif) no-repeat 0px 4px;
	padding-left: 12px;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 6px;
}
#center ul {
	margin-top: 0px;

}

#center li {
	background: center;
	list-style-image: url(_sd/li.gif);
}

.preis {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color: #999999;
	padding-right: 40px;
	padding-top: 5px;
	padding-bottom: 12px;

}




#right {
	position: absolute;
	width: 229px;
	height: 343px;
	left: 750px;
	top: 213px;
	background: url(_sdsub/bg-right.jpg);
	z-index: 15;

}	


/* ---------------------------------------- sideports ------------------------------------------- */

	

.padding {
	padding: 6px;
	height: 100%;

}

h5 {																	/* Überschriften Sideports*/
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	margin: 0px;
	text-align:center;	
}

#news {
    position: absolute;
    left: 60px;
    top: 556px;
    width: 229px;
	xheight: 153px;
	background: #FFFFFF url(_sd/sideport-news-bg.gif) repeat-x;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}


div.referenzen {
	width: 90%;
	padding: 20px;
	background: #FFFFFF url(_sd/contentbox_bg.gif) repeat-x;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	border: 1px solid #CCCCCC;
		margin-bottom: 20px;

}

	div.referenzen img {
		float: left;
		margin: 0 15px 15px 0;
		padding: 2px;
		border: 1px solid #dddddd;
	}

	div.referenzen hr {
		visibility: hidden;
		display: block;
		clear: both;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#ansprech{
	position: absolute;
	top: 556px;
	left: 750px;
    width: 229px;
	height: 306px;
	background: url(_sd/bg-sideport.png) repeat-x;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	z-index:10

}

#ansprech2{
	position: fixed;
	top: 450;
	left: 750px;
    width: 229px;
	height: 153;
	background: #454545 url(_sd/sideports-bg.gif) repeat-x;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	z-index:1
}


.tiny {
	font: normal 10px tahoma, arial;
	color: #990000;
}

.datum {
	font: italic 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

/* ---------------------------------------- syndication ------------------------------------------- */
#syndication {
	width: 100%;
	text-align: center;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 6px;
	background: #454545 url(_sd/line-last-content.gif) no-repeat;

}

.syndication-bar-full {
	background: url(_sd/line-last.gif) no-repeat;
}

.syndication-bar-part {
	background: url(_sd/line-last-part.gif) no-repeat;
}

#syndication a {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}

#syndication a:hover {
	color: #BBBBBB;
}



/* ------------------------------------------------------- boxes*/

#contentbox {
	font-family: Verdana, Arial;
	width: 100%;
	padding: 10px;
	border: 1px solid #999999;
	background-image: url(sd/contentbox_bg.gif);
	background-repeat: repeat-x;
}

#contentbox p { /* Überschriften sind als p formatiert; Text ohne Blockformat */
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 4px;
	
}
.preisSmall {

	font: normal 11px verdana;
	color: #666666;
	padding-right: 40px;
	padding-top: 5px;
	padding-bottom: 12px;
}

.imagebox { 
	width: 180px;
	height: 200px; 
	float: left;
	margin: 0 15px 15px 0;
	}

.imagebox300 { 
	width: 180px;
	height: 300px; 
	float: left;
	margin: 0 15px 15px 0;}