body {
  color:#333;
  font-family:arial, helvetica, sans-serif;
  font-size:11pt;
  margin:0;
  padding:0;
  background:url(/images/bg.jpg) top left repeat-x #76A4D1;
}

img, fieldset { border:None; }

h1 {
  font-family:inherit;
  font-size:18pt;
  font-weight:Normal;
  border-bottom:1px solid #0072bc;
  margin:10px 0 0 0;
  padding:0 0 2px 0;
}

h1 span { color:#ff7100; }

h2 {
  color:#ff7100;
  font-size:14pt;
  font-weight:bold;
  margin:0 0 10px 0;
  padding:0;
}

#right h2 {
  font-size:10pt;
  margin:0;
}

p, table, form {
  clear:both;
}

p { margin-top:0; }

fieldset {
  clear:both;
  padding-bottom: 0px;
  padding-left: 5px;
}


fieldset label {
  width:150px;
  display:block;
  float:left;
  margin:0;
  padding:0;

}

#left a:hover { background:none; color:#333 !important; }

ul em { font-style:italic; color:#666; }

h3 { color:#709BC6; }

table {
}

td, th {
  color:#333;
  font-weight: normal;
  padding:5px;
  padding-left:5px;
}

th {
  text-align: left;
  background:#daeaf0;
  border-bottom:1px solid #ccc;
}

td {
  text-align: center;
  border-bottom:1px solid #ccc;
}

table a { color: #0072bc; }
a { color:#ff7100; text-decoration:none; font-weight:bold; }
a:Hover { color:#fff; background:#333; }
table a { color: #0072bc;  font-size:13px; }
table a:Hover { color:#fff; background:#0072bc;}

blockquote {
  clear:both;
  background:#e8f1f5;
  padding:10px;
  margin:10px 0 10px 0;
  border:1px solid #caddef;
}

.nobg, .nobg:hover { background:none !important; }
.t-right { text-align:right; }
.alt { background:#daeaf0; }

.drop { width:130px; margin-top:0px; float:left; display:block; font-size:20pt; color:#FF8100 !important; }

.demoheadline { width:100%; margin-top:15px; display:block; font-size:16pt; color:#FF8100 !important; }

.dropblue {
	width: 500px;
	margin-top: -3px;
	float: left;
	display: block;
	font-size: 15pt;
	color: #648CB0 !important;
}
.red {
	color:red;
}
.rounded {
  background:#daeaf0;
  padding:10px;
}

.folder {
  width:16px;
  height:16px;
  float:left;
  margin-right:10px;
  background:url(/images/folder.jpg) top left no-repeat;
}

.grey_folder {
  width:16px;
  height:16px;
  float:left;
  margin-right:10px;
  background:url(/images/grey_folder.jpg) top left no-repeat;
}

.open_folder {
  background-position:bottom left;
}

.centered { text-align:center; }

.clear { clear:both; height:1px; visibility:hidden; }

.feature { width:230px; height:49px; padding:5px 10px 10px 45px; float:left; font-size:8pt; }
.feature2 { padding:5px 10px 10px 45px; float:left; font-size:8pt; }

.feature { clear:both; width:230px; height:49px; padding:5px 10px 10px 45px; float:left; font-size:8pt; }
.feature2 { clear:both; padding:5px 10px 10px 45px; float:left; font-size:8pt; }

.f1 { background:url(/images/icons/feature1.jpg) top left no-repeat; }
.f2 { background:url(/images/icons/feature2.jpg) top left no-repeat; }
.f3 { background:url(/images/icons/feature3.jpg) top left no-repeat; }
.f4 { background:url(/images/icons/feature4.jpg) top left no-repeat; }
.f5 { background:url(/images/icons/feature5.jpg) top left no-repeat; }
.f6 { background:url(/images/icons/feature6.jpg) top left no-repeat; }
.f7 { background:url(/images/icons/feature7.jpg) top left no-repeat; }
.f8 { background:url(/images/icons/feature8.jpg) top left no-repeat; }
.f9 { background:url(/images/icons/feature9.jpg) top left no-repeat; }
.f10 { background:url(/images/icons/feature10.jpg) top left no-repeat; }

.hidden { display:none; }

#latest_download, #latest_download a:hover {
  width:200px;
  height:55px;
  padding:13px 13px 27px 65px;
  background:url(/images/download_btn.jpg) top left no-repeat #CDCDCD !important;
  margin-top:10px;
  margin-bottom:10px;
  color:#64961d;
  text-decoration:none;
  font-weight:bold;
  border:1px solid #ccc;
  display:block;
float:left;
}

#latest_download a,#latest_download a:hover {
    color:#64961d;
}


#latest_download span {
  color:#000;
  font-weight:normal;
}  
  
#container {
  background:url(/images/pagebg.jpg) top left repeat-x #fff;
  width:1000px;
  padding:0 10px;
  border:1px solid #000;
  margin:0 auto 0 auto;
  border-left:1px oslid #000;
  border-right:1px solid #000;
}
#datenschutzhinweis {
	text-align: center;
	background-color: #333;
	margin: 0px;
	color: #ccc;
}
  #header {
    height:92px;
    margin-bottom:20px;
  }

    #logo { 
      width:230px;
      height:92px;
      display:block;
      float:left;
    }

    #header_content {
      display:block;
      width:650px;
      float:right;
      height:50px;
      text-align:right;
      padding-right:5px;
    }
    
    #header p {
      font-size:12pt;
      color:#6288AD;
      margin:0;
      padding:5px 0 0 0;
      font-style:italic;
    }
    
    #header ul {
      height:20px;
      margin:10px 0px;
      padding:0;
      width:auto;
      float:right;
      padding-right: 25px;
    }
    
    #header ul li {
      display:inline;
      margin:0;
      padding:0;
    }
      #header ul li a {
        font-weight:bold;
        color:#000;
        background:#fff;
        text-decoration:none;
        border-bottom:2px solid #FF7100;
        display:block;
        float:left;
        margin:0 0 0 20px;
      }

      #header ul li a:hover {
        color:#fff;
        background:#333;
      }
    
  #content {
  }

  #left {
    width:600px;
    float:left;
    height:auto !important;
    height:400px;
    min-height:400px;
	text-align:justify;
	padding-left: 40px;
  }
    #left ul { border:none !important; margin:10px !important; }
    #left ul li { padding-bottom:5px !important; }
  
    #left strong {
      color:#0072bc;
    }
  
    #left h2 {
      width:400px;
      float:left;
    }
    
    #left ul li {
      list-style:square;
      margin:0 0 0 20px;
      color:#333;
    }

	.fullspan#left { width:98%; }

	.fullspan#content {
		padding: 0px 40px;
	}

    .news {
      margin-top:10px;
      padding:10px 0 10px 0;
      border-bottom:1px solid #ccc;
    }
    
      .news .date {
        color: #0072bc;
        font-style:italic;
        width:170px;
        text-align:right;
        float:right;
      }
      
      .news p { clear:both; padding-top:10px; }
 
  #right {
	margin-right: 50px;
    width:250px;
    float:right;
  }
  
    #right a {
      color: #0072bc;
      font-weight:normal;
      text-decoration:underline;
      background:none;
    }
    
    #right a:hover {
      color:#fff;
      background:#0072bc;
    }
  
    #right ul, #left ul {
      clear:both;
      color:#ff7100;
      margin:10px 0 0 0;
      padding:0;
      border-top:1px solid #ccc;
    }
    
      #right ul li {
        list-style:none;
        margin:0;
        padding:0;
      }
      
      #right ul li a {
        display:block;
        border-bottom:1px solid #ccc;
        padding:5px;
        text-decoration:none;
      }
      
      #right h2 { margin:0; }

  #footer {
    clear:both;
    background: transparent url("/images/3dot.gif") center top repeat-x;  /* footer spacer background */
    margin-top:10px;
    padding:20px 0px 10px 0px;
    color:#666;
    text-align:center;
    font-size:9pt;
  }
    
    
.title {
    clear: both;
    padding-top: 10px;
    color:#3B5D80;
    font: 13px Tahoma;
    line-height: 20px;
    font-weight: bolder;
    background: url( '/images/title_arrow.gif' ) no-repeat left center;
    background-position: 1px 14px;
    padding-left: 20px;
}

#infomessage, #errormessage {
    margin-bottom: 1.5em;
    padding: 0.3em;
    text-align: left;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

#infomessage {
    background-color: #390;
    border-color: #390;
    color: #390;
    background: #CFC;
}

#errormessage {
    border-color: #903;
    background-color: #fcc;
    color: #903;
}

.error, .msg {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.error {
    color: #FF0000;
    font-size: 9px;
}

#requirements {
	padding-left:20px;
	width:250px;
	float:left;
}

#requirements h3 { margin:0 0 10px 0; padding:0; }
#donate1, #donate2, #donate3, #donate4 {
	width:150px;
	font-size:24px;
	padding: 10px 0px;
	text-align:center;
	float:left !important;
}

.FormError {
    color: #FF0000;
    font-size:15px;
	margin:3px 15px;
	padding:0px;
}
/* Fenster für Editionsübersicht */
#EditionsPage {
	border: none;
	margin: 20px 0px 15px 15px;
	text-align:center;
}
#EditionsPage img { 
	vertical-align: middle;
}
#EditionsPage hr {
	margin: 0px;
	padding: 0px;
	color:#999;
}

#EditionsPage h3 {
	margin: 0px;
	padding:0px;
	font-size:14px;
	color: #888;
}
#EditionsPage .descCellBox, #EditionsPage .headerCellBox, #EditionsPage .cellBox {
	display: table;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#EditionsPage .descCellBox {
	height: 100px;
}
#EditionsPage .headerCellBox {
	height: 25px;
}
#EditionsPage .cellBox {
	height: 50px;
}
#EditionsPage .cellContent {
	display: table-cell;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
#EditionsPage .cellContent div {
	width: 100%;
}
.EditionsFrame1, .EditionsFrame2, .EditionsFrame3, .EditionsFrame4 {
	float:left;
	margin: 0px;
	padding: 0px;
	border: outset 2px;
	text-align: center;
	/*text-shadow: 1px 1px #111;*/
	font-weight:bold;
	-webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	-webkit-box-shadow: 0px 0px 15px #333333; -moz-box-shadow: 0px 0px 15px #333333; box-shadow: 0px 0px 15px #333333;
	
}
.EditionsHeadFeatures, .EditionsHead1, .EditionsHead2, .EditionsHead3, .EditionsHead4 {
	-webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; 
	-moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
	padding: 10px 0px;
	font-size:23px;
	height: 50px;
}
.EditionsBodyFeatures, .EditionsBody1, .EditionsBody2, .EditionsBody3, .EditionsBody4 {
	padding: 0px;
	font-size:13px;
}
.EditionsFrameFeatures {
	float:left;
	width: 170px;
	margin-top: 195px;
	margin-left: -40px;
	text-align: center;
	font-weight:bold;
	border: outset 2px;
	border-color: #FBD109;
}
.EditionsHeadFeatures {
	background-color: #FBD109;
	text-shadow: 0 -2px #fdb, 2px 0 #fdb, 0 2px #fdb, -2px 0 #fdb;
}
.EditionsBodyFeatures {
}
.EditionsFrame1 {
	width: 315px;
	border-color: #FBD109;
}
.EditionsHead1 {
	background-color: #FBD109;
	text-shadow: 0 -2px #fdb, 2px 0 #fdb, 0 2px #fdb, -2px 0 #fdb;
}
.EditionsBody1 {
}
.EditionsFrame2 {
	width: 225px;
	border-color: #FE8900;
}
.EditionsHead2 {
	background-color: #FE8900;
	text-shadow: 0 -1px #FFDDB3, 1px 0 #FFDDB3, 0 1px #FFDDB3, -1px 0 #FFDDB3;
}
.EditionsBody2 {
	
}
.EditionsFrame3 {
	width: 225px;
	border-color:#bbb ;
	margin-left: 10px;
	margin-right: -40px;
}
.EditionsHead3 {
	background-color: #bbb;
	text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff;
}
.EditionsBody3 {
}
.EditionsFrame4 {
	width: 170px;
	border-color: #E2520B;
}
.EditionsHead4 {
	background-color: #E2520B;
	text-shadow: 0 -1px #FBBA9B, 1px 0 #FBBA9B, 0 1px #FBBA9B, -1px 0 #FBBA9B;
}
.EditionsBody4 {
}
.paketName {
	font-size:larger;
	color:#333;
}
/* ------------------------------------------ */
.CloudSelection1 {
	width:315px;
	margin:0px; 
	padding: 0px;
	background-image:url(../images/bg_editions1.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.CloudSelection2 {
	width:225px;
	margin:0px; 
	padding: 0px;
	background-image:url(../images/bg_editions2.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.CloudSelection3 {
	width:225px;
	margin:0px; 
	padding: 0px;
}
.selectionHeader {
	vertical-align: middle;
	height:25px;
	line-height: 25px;
	background-color: #888;
	color:#EEE;
}
.CloudSelectionImg, .CloudSelectionItem, .CloudSelection2Items, .CloudSelection3Items {
	float: left;
}
.CloudSelectionImg {
	width: 45px;
}
.CloudSelectionItem {
	width: 90px;
}
.CloudSelection2Items {
	width: 180px;
}
.CloudSelection3Items {
	width: 270px;
}
.bgyellow {
	background-color: #FFFF80;
}
.bggrey {
	background-color: #EEE;
}
.sheButton {
	text-align:center;
	background-color:#FC3;
	width: 80%;
	padding: 10px;
	border: outset 2px;
	border-color: #FBD109;
	-webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	-webkit-box-shadow: 0px 0px 15px #333333; -moz-box-shadow: 0px 0px 15px #333333; box-shadow: 0px 0px 15px #333333;
}
.downloadButton {
	text-align:center;
	background-color:#FC3;
	/*width: 80%;*/
	padding: 5px 30px;
	margin: 5px;
	border: outset 2px;
	border-color: #FBD109;
	-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0px 0px 15px #333333; -moz-box-shadow: 0px 0px 15px #333333; box-shadow: 0px 0px 15px #333333;
}
.sheButton:hover, .downloadButton:hover {
	background-color:#F93;
	border-color: #F60;
}