/*************** general settings ***************/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

body, input, textarea, select, pre {
	font-family:'Source Sans Pro',Verdana,Arial,Helvetia,sans-serif;
	color:#000000;
	font-size: 13px;
}
body{
	background-image:url(hintergruende/bgrand.jpg);
	margin:0px;
	padding:0px;
	font-size:100.01%;
}
a:link { font-weight:bold; color:#000000; text-decoration:none; }
a:visited { font-weight:bold; color:#000000; text-decoration:none; }
a:active, a:focus, a:hover { font-weight:bold; color:#000000; text-decoration:underline; }

a.extern { padding-right:12px; background:url(externlink.gif) no-repeat 100% 50%; }

a.buttonLinks { display: block; padding: 10px 10px 10px 10px; margin: 1px 1px 1px 1px; text-align: center; border: 1px solid #003865; }
a.buttonLinks:link { color:#003865; text-decoration: none; }
a.buttonLinks:visited { color:#003865; text-decoration: none; }
a.buttonLinks:active, a.buttonLinks:focus, a.buttonLinks:hover { background-color: #003865; color:#ffffff; text-decoration: none; }

h1 { font-size:20px; text-align:center; }
h2 { font-size:17px; }
h3 { font-size:16px; }
h4 { font-size:15px; }

legend {
	color:#000000;
}

.cdashed {
	border-bottom: dotted 1px #000000;
}

.absatz {
    font-size:14px;
	text-align:justify;
	margin-right:10px;
}
.absatzalignleft {
	text-align:left;
	margin-right:10px;
}
.fett {
	font-weight:bold;
}
.teamcontact {
	text-align:left;
	font-size:13px;
	font-weight:normal;
}
.top {
	vertical-align:top;
}
.links {
	float: left;
	margin-right: 20px;
}
.rechts {
	float: right;
	margin-left: 20px;
}
.center {
	text-align:center;
}
.bigFont {
    font-size: 16px;
}
.liste_disc { list-style:disc; }
.liste_circ { list-style:circle; }
.liste_disc_grey { list-style:disc;  color:#404040; }
.liste_circ_grey { list-style:circle; color:#404040; }

.small, .smallItalic, .smallItalicGrey { font-size:12px; color:#000000; }
.smallItalic, .smallItalicGrey { font-style: italic; }
.smallItalicGrey, a.smallItalicGrey { color:#404040; }
.smallAktion, a.smallAktion { font-weight: normal; font-size: 12px; color:#505050; }
a.smallAktion:active, a.smallAktion:focus, a.smallAktion:hover  { font-weight: bold; text-decoration: none; }

.italicGrey { font-style: italic; color:#404040; }

.thinLink, a.thinLink { font-weight: normal; }
 
.bild { border:0; }
.space { height:8px; }


/*************** general layout containers ***************/
#container {
	margin-top:0.6em;
	margin-left: auto;
	margin-right: auto;
	color: black;
	width: 1000px;
}

div.crightbanner {
	position: fixed;
	top: 0.6em;
	left: 50%;
	margin-left: 510px;
}

#header{
	height:120px;
	color:#000000;
}
#header_bild {
	width:100%;
	height:100px;
	background-image: url(headerbild.jpg);
	background-repeat: no-repeat;
    background-position: top right;
	margin:0px;
	padding:0px;
    border: 0px solid #EFEFEF;
}
#header_content {
	font-size:13px;
	color:black;
	height:20px;
	position:relative;
	top:0px;
	font-variant:small-caps;
	text-align:right;
	margin-right:10px;
}
#menuelinks {
	float:left;
	margin-top: 0px;
	width: 220px;
	border: 0px solid #FF0000;
}
#content {
	background-color:white;
	margin-left:240px;
	min-height:585px;
	padding: 0px;
	text-align:left;
	font-size:13px;
	color:#000000;
	line-height:1.3em;
	border: 0px solid #EFEFEF;
}
#fuss {
	margin-left:250px;
	color:black;
	margin-top:10px;
	margin-bottom:0.3em;
}
#fuss_content {
	text-align:center;
	margin-left:20px;
	font-size: 12px;
	line-height:1.2em;
	margin-bottom:0px;
}

/*************** menu stuff ***************/
ul.mainmenu li a.menu {
	display: block;
	height: 20px;
	background-color: #EFEFEF;
	margin: 0px 0px 0px 20px;
	padding-left: 5px;
	padding-top: 4px;
	vertical-align: middle;
	font-size: 14px;
	color: #003865;
	font-weight: normal;
	text-decoration: none;
}
ul.mainmenu li.mm_active a.menu {
	font-weight: bold;
	background-color: #FFFFFF;
}
ul.mainmenu li.sm_active a.menu {
	padding-left: 15px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
}
ul.mainmenu li.sm_inactive a.menu {
	padding-left: 15px;
	height: 18px;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
}
ul.mainmenu li.ssm_active a.menu {
	padding-left: 25px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
}
ul.mainmenu li.ssm_inactive a.menu {
	padding-left: 25px;
	height: 18px;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
}
ul.mainmenu li.ssm_inactive a.menu:active, ul.mainmenu li.ssm_inactive a.menu:focus, ul.mainmenu li.ssm_inactive a.menu:hover,
ul.mainmenu li.ssm_active a.menu:active, ul.mainmenu li.ssm_active a.menu:focus, ul.mainmenu li.ssm_active a.menu:hover,
ul.mainmenu li.sm_inactive a.menu:active, ul.mainmenu li.sm_inactive a.menu:focus, ul.mainmenu li.sm_inactive a.menu:hover,
ul.mainmenu li.sm_active a.menu:active, ul.mainmenu li.sm_active a.menu:focus, ul.mainmenu li.sm_active a.menu:hover,
ul.mainmenu li.mm_inactive a.menu:active, ul.mainmenu li.mm_inactive a.menu:focus, ul.mainmenu li.mm_inactive a.menu:hover,
ul.mainmenu li.mm_active a.menu:active, ul.mainmenu li.mm_active a.menu:focus, ul.mainmenu li.mm_active a.menu:hover {
	font-weight: bold;
	background-color: #FDFCA9;
}
ul.mainmenu {
	display: block;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #FFFFFF;
}
ul.mainmenu li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
ul.mainmenu li#show_active {
	background-image: url('arrow.gif');
	background-position: 5px 7px;
	background-repeat: no-repeat;
}
ul.mainmenu li.mm_active {
	background-color: #EBEBFF;
}
ul.mainmenu li.mm_inactive {
	background-color: #003865;
}
ul.mainmenu li.sm_inactive {
	background-color: #EBEBFF;
}
ul.mainmenu li.sm_active, ul.mainmenu li.ssm_active, ul.mainmenu li.ssm_inactive {
	background-color: #EFEFEF;
}
ul.mainmenu li.ssm_active, ul.mainmenu li#show_sm_active {
	/*background-image: url('../bilder/menu/arrow_white.gif');*/
	background-image: url('arrow.gif');
	background-position: 5px 7px;
	background-repeat: no-repeat;
}

/**** placeholders in the menu ****/
ul.mainmenu li.menuplaceholder {
        border: none;
        line-height: 7px;
        font-size: 5px;
}

/**** Blocks under the menu (searchform, address) ****/
div.menuspecial {
	display: block;
	background-color: #EFEFEF;
	margin: 0px 0px 0px 20px;
	padding: 4px 0px 4px 4px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #003865;
	text-align: center;
}
#searchlistelem, #addresslistelem, #eloginlistelem, #dloginlistelem {
	border-top: 1px solid #FFFFFF;
/* IE 6 Workaround: */
	background-image: url('menubg.gif');
	background-position: 210px 0px;
	background-repeat: no-repeat;
}
#eloginlistelem, #dloginlistelem, #toolslistelem {
	/*background-color: #FDFCA9;  gelb */
	background-color: #EBEBFF;  /*hellblau */
}
#eloginlistelem div, #dloginlistelem div, #toolslistelem div {
	background-color: #EFEFEF;
}
#dloginlistelem {
    border-top: none;
}

/**** Search- and Login-forms in the menu (div - input) ****/
#menuelinks form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#menusearchinput, #menuelogininput, #menueloginpw, #menudlogininput, #menudloginpw {
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	color: #003865;
	vertical-align: top;
	font-size: 12px;
	height: 15px;
	width: 162px;
}
.menusubmitbt {
    margin: 2px 2px 0px 2px;
}
#menuelogininput, #menudlogininput {
    margin-bottom: 1px;
    width: 182px;
}

/**** mail-/web-links under the menu (div) *******/
a.menuaddresslink:link { font-weight:normal; color:#003865; text-decoration:none; font-size:12px; }
a.menuaddresslink:visited { font-weight:normal; color:#003865; text-decoration:none; font-size:12px; }
a.menuaddresslink:active, a.menuaddresslink:hover, a.menuaddresslink:focus { font-weight:bold; color:#003865; text-decoration:none; font-size:12px; }

/**** boxes for the overview menus and many content pages *******/
.pageTitleDIV { background-color: #efefef; color: #003865; text-align:center; padding: 6px 6px 6px 6px; }
.pageTitleDIV h1 { display:inline; }
.pageTitleDetailsDIV { padding: 12px 4px 12px 4px; background-color: White; font-size: 14px; }
.overviewMenuDIV { margin: 5px 2px 0px 2px; padding: 0px 0px 0px 0px; border: 2px solid #efefef; }
.overviewMenuTitleDIV { background-color: #efefef; color: #003865; font-weight: bold; height: 24px; line-height: 24px; }
.overviewMenuTitleDIV span { padding-left: 4px; font-size: 16px; }
.overviewMenuTitleDIV a { display: block; text-decoration: none; padding-left: 4px; font-size: 16px; color: #003865; }
.overviewMenuTitleDIV a:active, .overviewMenuTitleDIV a:focus, .overviewMenuTitleDIV a:hover { background-color: #003865; color: #ffffff; }
.overviewMenuDetailsDIV { padding: 4px 4px 4px 4px; background-color: White; font-size: 14px; }
.overviewMenuDetailsDIV ul, .overviewMenuDetailsDIV ul li ul { margin: 2px 2px 0px 15px; padding: 0px; }
.overviewMenuDetailsDIV ul li, .overviewMenuDetailsDIV ul li ul li { margin: 0px 3px 2px 0px; padding: 0px; }

/*************** "Startseite" ***************/
#rollzitat {
	text-align:center;
}
a.quicklinks {
	font-weight: bold;
	font-size: 16px;
    color: #003865;
}
a.quicklinks:active, a.quicklinks:focus, a.quicklinks:hover {
	font-weight: bold;
}
.quicklinkseparator {
    line-height:8px;
    font-size:6px;
}
#actioncontainer {
    text-align: center;
}
#actioncontainerTable {
    width:100%;
    height:100px;
    border:solid 0px #000000;
}

/*************** "Angebote" ***************/
.angebot_layout_table { width: 100%; }
.preisTable { width: 100%; }
.preisTableEinheit { width: 120px; }
.preisTablePreis { text-align: right; width: 130px; padding-right: 10px; }

/*************** "Kontakt" -> form ***************/
.kontaktTB, .kontaktTA { width: 263px; }
.kontaktSEL { width: 268px; }
.kontaktTB_PLZ { width: 47px; }
.kontaktTB_ORT { width: 208px; }
.oeffzeitTitel { color:#404040; font-weight:bold; }

/*************** "Kontakt" -> "Lageplan" ***************/
#map {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	margin-top:5em;
}

/*************** "Suche" ***************/
.SuchTreffer { background-color:yellow; }
.SiteMapKat { color:#404040; font-size:13px; font-weight:bold;  text-decoration:none; }
.SiteMapSep { font-size:2pt; line-height:4pt; }
a.SiteMapDoc:link { color:#0004B4; text-decoration:none; font-weight:normal; font-size:13px; }
a.SiteMapDoc:visited { color:#003865; text-decoration:none; font-weight:normal; font-size:13px; }
a.SiteMapDoc:hover, a.SiteMapDoc:active, a.SiteMapDoc:focus { color:#0004B4; text-decoration:underline; font-weight:normal; font-size:13px; }

/*************** "Team" -> descriptions ***************/
#steckbrief {
	width:95%;
	border:0;
	border-spacing:4px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}

/*************** Referenzen ***************/
.netrefcontainer, .refcontainer {
	background-image: url('/bilder/referenzen/bgimg.jpg');
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #EFEFEF;
	border: solid #FFFFFF 1px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-top: 5px;
	height: 139px;
	font-size: 12px;
}
.netreftitle{
	font-weight: bold;
}
.refcontainer img, .netrefcontainer img {
	border: 1px solid #FFFFFF;
	margin-right: 5px;
}
.refcontainer:hover,
.netrefcontainer:hover {
	background-image: url('/bilder/referenzen/bgimglight.jpg');
	background-position: top left;
	background-repeat: repeat-y;
	border: solid #003865 1px;
	cursor: pointer;
	background-color: #FEFDCC;
}

/*************** "Webservices" ***************/
.zitat:first-letter {
	margin-right:0px;
	font-size:14px;
	font-weight:bold;
}
.zitat {
	text-align:center;
	margin-right:10px;
}

/*************** "Webservices" -> Support ***************/
#supportLinkBild { float: left; margin: 0px 20px 0px 0px; }
#supportLinkDiv {  margin: 0px 20px 0px 137px; height: 113px; }
.supportSpan { text-align: center; font-size: 17px; text-decoration: none; color: #003865; font-weight: normal; display: block; padding: 3px 3px 3px 3px; }
a.supportLink { text-align: center; font-size: 17px; text-decoration: none; color: #003865; font-weight: bold; display: block; padding: 3px 3px 3px 3px; }
a.supportLink:active, a.supportLink:focus, a.supportLink:hover { background-color: #003865; color: #ffffff; }

/*************** "Webservices" -> Client-Information ***************/
.clientinfodata {
    color:#404040;
    font-weight:bold;
}

/*************** "Webservices" -> Umrechner ***************/
#calcSetForm, #calcSetForm input {
    font-size:13px;
    color: #404040;
}

/*************** "Webservices" -> games ***************/
#pokerTable
{
    background-color:#008000;
    text-align:center;
}
.pokerTableMenu {
    padding:2px;
}
#memoryTable {
    text-align:center;
}
#memoryStatus {
    text-align:center;
    width:325px;
    height:28px;
    background-image:url(/bilder/memory/resbg.gif);
    margin-top:10px;
    color:#ffffff;
    font-size:14px;
}
#memoryStatus td {
    padding-right:10px;
    padding-left:10px;
}
#memturns, #memmatches {
    font-weight:bold;
}
#memoryTile0, #memoryTile1, #memoryTile2, #memoryTile3, #memoryTile4, #memoryTile5, #memoryTile6, #memoryTile7, #memoryTile8, #memoryTile9, #memoryTile10, #memoryTile11, #memoryTile12, #memoryTile13, #memoryTile14, #memoryTile15, #pokerCard0, #pokerCard1, #pokerCard2, #pokerCard3, #pokerCard4, #pokerCard5, #pokerCard6 { 
    position:absolute;
    top:0px;
    left:0px;
    padding:0px;
}
#gameDialog {
    position:absolute; 
    top:0px;
    left:0px;
    padding:0px;
    background-color:white;
    text-align:center;
    border-width:2px;
    border-color:#003865;
    border-style:solid;
}
#gameDialogContent {
    padding-top:0px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    text-align:center;
    border-width:5px;
    border-color:silver;
    border-style:solid;
}
#gameContent {
    text-align:center;
}
.gameNames {
    width:200px;
    height:13px;
    vertical-align:middle;
    font-size:12px;
}
.pokerCb {
    margin-bottom:2px;
    margin-top:1px;
    margin-left:0px;
    margin-right:0px;
}
#noJS {
	font-size:14px;
	color:Red;
	text-align:center;
}

/*************** Facebook Styles ***************/
div.cfbcontent {
	background-color:white;
	min-height:585px;
	padding:1.3em;
	margin-top: 35px;
	text-align:left;
	font-size:14px;
	color:#003865;
	line-height:1.3em;
	border: 0px solid #EFEFEF;
}

/*************** elements for the news box ***************/
#fadeDiv {
    position: absolute;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 11;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}
#msgDiv {
	position: fixed;
	top: 150px;
	left: 50%;
	width: 400px;
	margin: 0px 0px 0px -200px;
	padding: 20px 20px 20px 20px;
	z-index: 12;
	text-align: center;
	border: 4px solid #efefef;
	background-color: #ffffff;
	-moz-opacity: 1.0;
	opacity: 1.00;
	filter: alpha(opacity=100);
	font-size: 15px;
	text-align: left;
}
.msgDivBt {
	margin-top: 30px;
	font-size: 16px;
	font-weight: bold;
}