/*************** general settings ***************/
body, input, textarea, select, pre {
	font-family:Verdana,Arial,Helvetia,sans-serif;
	color:#000080;
	font-size: 12px;
}
body{
	background-image:url(../bilder/hintergruende/bgrand.jpg);
	/*background-color: white;*/
	margin:0px;
	padding:0px;
	font-size:100.01%;
}
a:link { font-weight:bold; color:#0004B4; text-decoration:none; }
a:visited { font-weight:bold; color:#000080; text-decoration:none; }
a:active, a:focus, a:hover { font-weight:bold; color:#0004B4; text-decoration:underline; }

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

h1 { font-size:18px; text-align:center; }
h2 { font-size:15px; }
h3 { font-size:14px; }
h4 { font-size:13px; }

legend {
	color:#000080;
}

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

p:first-letter {
	margin-right:0px;
	font-size:13px;
	font-weight:bold;
}
.absatz {
    font-size:13px;
	text-align:justify;
	margin-right:10px;
}
.absatzalignleft {
	text-align:left;
	margin-right:10px;
}
.fett {
	font-weight:bold;
}
.teamcontact {
	text-align:left;
	font-size:12px;
	font-weight:normal;
}
.top {
	vertical-align:top;
}
.links {
	float: left;
	margin-right: 20px;
}
.rechts {
	float: right;
	margin-left: 20px;
}
.center {
	text-align:center;
}
.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:11px; color:#000080; }
.smallItalic, .smallItalicGrey { font-style: italic; }
.smallItalicGrey { color:#404040;}
.smallAktion, a.smallAktion { font-weight: normal; font-size: 11px; color:#505050; }
a.smallAktion:active, a.smallAktion:focus, a.smallAktion:hover  { font-weight: bold; text-decoration: none; }
 
.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:#000080;
}
#header_bild {
	width:100%;
	height:100px;
	background-image:url(../bilder/headerbild.jpg);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
    border: 1px solid #EFEFEF;
}
#header_content {
	font-size:12px;
	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;
	/*background-image:url(../bilder/hintergruende/bgcontent.gif);*/
	min-height:615px;
	padding:1.3em;
	text-align:left;
	font-size:13px;
	color:#000080;
	line-height:1.3em;
	border: 1px 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: 10px;
	line-height:1.2em;
	margin-bottom:0px;
}

/*************** Menu stuff ***************/
/*** Hyperlinks in the menu on the right side **/
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: 12px;
	color: #0004B4;
	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: 10px;
	font-weight: bold;
	background-color: #FFFFFF;
}
ul.mainmenu li.sm_inactive a.menu {
	padding-left: 15px;
	height: 18px;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
}

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.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_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;
}

/****** List elements for the menu on the left hand side ******/
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('../bilder/menu/arrow.gif');
	background-position: 5px 7px;
	background-repeat: no-repeat;
}
ul.mainmenu li.mm_active {
	background-color: #EBEBFF;
	padding: 0px;
	margin: 0px;
}
ul.mainmenu li.mm_inactive {
	background-color: #000080;
	padding: 0px;
	margin: 0px;
}
ul.mainmenu li.sm_inactive {
	background-color: #EBEBFF;
	padding: 0px;
	margin: 0px;
}
ul.mainmenu li.sm_active {
	background-color: #EBEBFF;
	background-image: url('../bilder/menu/arrow.gif');
	background-position: 5px 6px;
	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: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000080;
	text-align: center;
}
#searchlistelem, #addresslistelem, #eloginlistelem, #dloginlistelem {
	border-top: 1px solid #FFFFFF;
/* IE 6 Workaround: */
	background-image: url('../bilder/menu/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: #000080;
	vertical-align: top;
	font-size: 10px;
	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:#0004B4; text-decoration:none; font-size:11px; }
a.menuaddresslink:visited { font-weight:normal; color:#0004B4; text-decoration:none; font-size:11px; }
a.menuaddresslink:active, a.menuaddresslink:hover, a.menuaddresslink:focus { font-weight:bold; color:#0004B4; text-decoration:none; font-size:11px; }

/**** overview menus *******/
.overviewMenuDIV { margin: 5px 2px 0px 2px; padding: 0px 0px 0px 0px; border: 2px solid #efefef; }
.overviewMenuTitleDIV { background-color: #efefef; color: #000080; font-weight: bold; height: 24px; line-height: 24px; }
.overviewMenuTitleDIV span { padding-left: 4px;}
.overviewMenuTitleDIV a { display: block; text-decoration: none; padding-left: 4px; }
.overviewMenuTitleDIV a:active, .overviewMenuTitleDIV a:focus, .overviewMenuTitleDIV a:hover { background-color: #000080; color: #ffffff; }
.overviewMenuDetailsDIV { padding: 4px 4px 4px 4px; }
ul.chostingoverview {
	margin: 0px 2px 0px 15px;
	padding: 0px;
	font-size: 10px;
}
ul.chostingoverview li{
	margin: 0px 3px 5px 0px;
	padding: 0px;
}

#actionDIV {
	/*background-color: #FFFFFF;*/
	width: 705px;
	margin-left: 8px;
	/*padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 9px;
	padding-top: 4px;*/
}

/*************** "Startseite" ***************/
#rollzitat {
	text-align:center;
}
a.quicklinks {
	font-weight: bold;
	font-size:12px;
}
a.quicklinks:active, a.quicklinks:focus, a.quicklinks:hover {
	font-weight: bold;
}
.quicklinkseparator {
    line-height:5px;
    font-size:3px;
}
#aboutusfs legend, #quicklinksfs legend, #shoplinksfs legend, #aktionenfs legend, #newsfs legend {
    font-size: 12px;
    font-weight: bold;
}
#aboutusfs, #quicklinksfs, #shoplinksfs, #aktionenfs, #newsfs, #illustration1fs {
    background-color: #EFEFEF;
    font-size: 12px;
	width: 316px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 9px;
	padding-top: 4px;
}
#illustration1fs {
    padding: 13px;
    margin-top: 6px;
}
#aboutusfs {
	text-align: justify;
	/*background-image:url(../bilder/sokratesstart.gif);
	background-position: center bottom;
	background-repeat: no-repeat;*/
}
/*#aboutusfs, #aktionenfs {
    min-height: 410px;
	padding-top: 0px;
}
#aboutustd, #aktionentd {
	width: 33%;
    min-width: 250px;
	max-width: 350px;
}*/
.actionpreview {
	font-size: 10px;
	font-weight: normal;
}
a.actionpreview_text, a.actionpreview_text:link, a.actionpreview_text:visited, a.actionpreview_text:active, a.actionpreview_text:focus, a.actionpreview_text:hover {
	font-weight: normal;
}
.actionpreview_price {
	color: #FF0000;
	font-size: 10px;
	text-align: right;
        min-width: 50px;
}
.actionpreview_price span {
	border: solid 1px red;
	background-color: #FFFF00;
	padding: 2px 2px 2px 2px;
        min-width: 50px;
}
#aktionentb {
	width: 100%;
}

/*************** "Angebote" ***************/
.table_angebote { width:98%; }
.img_angebote { text-align:center; }
.angebotetext { width:60%; }
.preiseBG1 { /*background-color:#d0d0d0;*/ background-color:#f0f0f0; }
.preiseBG2 { /*background-color:#f0f0f0;*/ background-color:#ffffff; }
#preistabelle {	width: 98%; border: 0px; }
#preistabelle td { padding: 0px 3px 0px 3px; }

/*************** "Kontakt" -> form ***************/
.kontaktTB, .kontaktTA { width: 263px; }
.kontaktSEL { width: 268px; }
.kontaktTB_PLZ { width: 47px; }
.kontaktTB_ORT { width: 208px; }

/*************** "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:#000080; 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: 11px;
}
.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 #000080 1px;
	cursor: pointer;
	background-color: #FEFDCC;
}

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

/*************** "Webservices" -> Support ***************/
a.supportLink { text-align: center; font-size: 14px; text-decoration: none; color: #000080; font-weight: bold; display: block; padding: 4px 4px 4px 4px; margin: 0px 105px 5px 137px; }
a.supportLink:active, a.supportLink:focus, a.supportLink:hover { background-color: #000080; color: #ffffff; }

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

/*************** "Webservices" -> Umrechner ***************/
.calcForm {

}
.calcFs legend {
    font-size:12px;
    font-weight: bold;
}
#calcSetForm, #calcSetForm input,#calcSetLegend {
    font-size:12px;
    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:13px;
}
#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:#404040;*/
    border-color:#000080;
    border-style:solid;
}
#gameDialogContent
{
    padding-top:0px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    /**background-image:url(../bilder/hintergruende/bgcontent.gif);**/
    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:11px;
}
.pokerCb
{
    margin-bottom:2px;
    margin-top:1px;
    margin-left:0px;
    margin-right:0px;
}
#noJS
{
	font-size:14px;
	color:Red;
	text-align:center;
}