/*

	filename:	/css/screen-core.css
	version:	1.0 - 2008-05-15 - fz

	author:		frank (dot) zoeller (at) gpm (dot) de 
	validated by W3C CSS Validator // jigsaw.w3.org
	
*/


/* =core
-------------------------------------------------------------------------*/

html {
	font-size: 100%; /* for IE*/
}

html > body {
	font-size: 16px; /* for everyone else*/
}

/* that's it. default: 1em = 16px */
/* elements keeping their parents font size */
input, select, th, td, li li, li p, td p, q p {
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal; 
    font-style: normal;
    font-size: 1em; 
}

table td * {
	font-size: 1em ! important;
}

/* reset margin, padding */
* { 
    margin:0; 
	padding:0; 
	outline: none; 
} 

a img {
    border: 0px; 
}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #000; 
}


  /*
a:link {
    color: #f6a213; 
    text-decoration: underline;
}
a:hover, a:active, a:focus {
    text-decoration: none;
}
  */
#stage {
	position: relative;
	width: 902px;
	margin: 0px auto;	
}

/* - Farben - */
/*
	gelb:  #f6a213; 
    graue linie: #c6c7c8; 
    title grau: #9c9e9f; 
    text: #000; 
*/

/* - Header - */

#headLayer {
	position: relative;
	padding-top: 10px;
    height: 110px; 
}                                              

#metaNavi {
    text-align: right; 
    font-size: 0.625em; 
    text-transform: uppercase; 
    color: #000;  
}

#metaNavi ul li{
    display: inline;  
    padding-right: 5px; 
    
}

#metaNavi ul li a{
    color: #000; 
    text-decoration: underline; 
    margin-right: 7px;    
}

#metaNavi ul li a:hover, #metaNavi ul li a:focus, #metaNavi ul li a:active, #metaNavi ul li a.aktiv{
    color: #f6a213;  
    text-decoration: none;     
}


#logoArea {
    display: block; 
    text-align: left; 
}


/* - Navigation - */

#naviLayer { 
    background: transparent url('/img/bg_navi.gif') repeat-x; 
    position: relative; 
    height: 30px;  
}

#naviLayer .rightCorner {
    position: absolute; 
    top: 0px; 
    right: 0px; 
    width: 3px;
    height: 30px;  
    background: #fff url('/img/navi_corner_right.gif') no-repeat; 
}

#navigation {
    color: #000;
    display: inline;
    height: inherit;
    float: left;
    font-size: 0.75em; 
    list-style: none;     
}

#navigation li {
    display: inline; 
    float: left;  
    line-height: 28px; 
    height: inherit;
    width: auto;
    background: transparent url('/img/navi_border_yellow.gif') no-repeat top left; 
}

* html #navigation li {
    width: auto !important; 
    width: 50px;
}

* html #navigation li a {
    width: auto;
    white-space: nowrap
    
}


#navigation li.first {
    background: transparent url('/img/navi_corner.gif') no-repeat;  
}

#navigation li a {
    display: block;
    color: #fff;
    text-decoration: none; 
    padding: 0px 14px; 
    height: 30px; 
    background: transparent url('/img/navi_border_right.gif') no-repeat top right; 
}

#navigation li a:hover, #navigation li a:active, #navigation li a:focus, #navigation li a.aktiv  { 
    background: transparent url('/img/bg_navi_hover.gif') no-repeat top right;
}

#navigation li.first a:hover, #navigation li.first a:active, #navigation li.first a:focus, #navigation li.first a.aktiv {
    background: transparent url('/img/navi_corner_hover.gif') no-repeat;  
} 

#searchform {
    position: relative; 
    display: block; 
    float: right;
    margin-right: 10px;   
    padding-top: 4px; 
    width: 215px; 
}

#searchform .searchSubmit {
    margin: auto 0px; 
    height: 19px;  
    float: right; 
    display: block;
    margin-top: 1px;  
}


#searchform .textField {
    -moz-border-radius: 3px;
    width: 184px; 
    height: 16px;
    border: 1px solid #C6CCCC; 
    color: #9C9E9F; 
    float: left; 
    font-size: 0.6875em;
    margin: 0px 6px 0px 0px; 
    display: block; 
    padding: 3px 2px 0px 2px; 
}


/* - Main Layer / Content-Area - */

#mainLayer {
    margin-top: 26px; 
    margin-bottom: 0px;
    clear: both; 
    position: relative;
    z-index: 10;
}


/* - Linke Spalte - */

#leftColoumn {
    position: relative; 
    width: 235px;
    min-height: 400px;
    float: left;
    padding-top: 6px; 
    text-align: center; 
}

#leftColoumn #imageContainer {
    width: 206px;
    height: 276px; 
    background: transparent url('/img/imageShadow.gif') no-repeat;  
    padding: 4px 11px 8px 11px;
    text-align: center; 
    margin: 0px auto; 
}

#leftColoumn #imageContainer { 
    
    text-align: center; 
    font-size: 0.75em;  
}


/* - Mittlere Spalte / Main Content - */

#middleColoumn {
    position: relative; 
    min-height: 400px;
    width: 430px; 
    float: left;  
    /*width: auto;*/
    border: 1px solid #c6c7c8; 
    border-top: 0px;
    border-bottom: 0px;
    padding-top: 6px;  
}

#mainContent {
     
    display: block;
    margin: 0px 18px; 
      
}

#mainContent p {
    font-size: 0.75em;
}

/* - Rechte Spalte - */

#rightColoumn {
    position: relative; 
    width: 235px;
    min-height: 400px;
    float: right;
    padding-top: 6px;
    font-size: 0.75em;  
}

#rightColoumn a {
    color: #F6A213; 
    text-decoration: underline;  
} 

#rightColoumn a:hover, #rightColoumn a:active, #rightColoumn a:focus {
    color: #F6A213; 
    text-decoration: none;  
}     




.coloumnContent {
    margin: 0px 16px; 
}

/* -- Content -- */

h1 {
    font-size: 1.625em; 
    text-transform: uppercase; 
    margin-top: 6px; 
    margin-bottom: 6px; 
    padding: 0px; 
    line-height: 22pt; 
}

h2 {
    font-size: 1.625em; 
    text-transform: uppercase; 
    margin-top: 6px; 
    margin-bottom: 18px; 
    padding: 0px; 
    line-height: 22pt; 
}

h2 a {
	color: #000 !important;
	font-style: normal !important;
	text-decoration: none !important;
}

h2 a:hover {
	text-decoration: underline !important;
}

h3 {
    font-size: 1.5em;
    font-family: Georgia; 
    margin-bottom: 18px; 
    color: #9c9e9f;  
    text-transform: uppercase;  
}

h4 {
    font-size: 1.125em;
}

hr {
    height: 0px; 
    border: 0px; 
    border-top: 1px dotted #c6c7c8; 
    background-color: white;  
    margin: 24px 0px; 
}

hr.solid {
    border-top: 1px solid #c6c7c8;   
}

hr.nomargin {
    margin: 0px; 
}


p { 
    line-height: 14pt; 
}

#mainContent a {
    color: #f6a213; 
    font-style: italic;
    text-decoration: underline; 
}

#mainContent a:hover  {
    text-decoration: none;  
}

.commentForm fieldset {
    border: 0px; 
}

.commentForm label {
    display: block; 
    float: left;
    width: 100px;
    padding-top: 5px; 
}


.commentForm h4 a {
    color:#000 !important; 
    font-style: normal !important; 
    text-decoration: none !important; 
    
}


.submitBT,
.tx-srfeuserregister-pi1-submit {
	background-color: #E5E5E5;
	border: 1px solid #CCCCCC;
	cursor: pointer !important;
	font-weight: bold;
	padding: 2px 5px !important;
	width: auto;
}

.submitBT {
	display: block;
}

.commentForm submit {
    margin-top: 5px;
}

.commentForm .text, .commentForm .textArea  {
    border: 1px solid #c6c7c8;
    width: 245px; 
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.commentForm .textArea  {
    font-size: 12px;
    padding: 2px;
}

.comment.answerPadding {
    padding-left: 30px;
}

.commentForm br { clear: left; }

.archivContent .ausgabe {
    display: inline;
    float: left; 
    margin: 0px 7px 7px 0px;
    text-align: center; 
    font-size: 0.75em;
    width: 82px;
    padding: 2px 4px 0px 4px;  
    background: transparent url('/img/thumbBackground.gif') no-repeat top center;   
}

.archivContent .ausgabe img {
    display: block; 
    float: left; 
    width: 82px; 
    height: 111px; 
}

.preview {
    margin-bottom: 15px; 
}

#mainContent p.surtext {
    font-size: 0.6875em; 
}

.category {
     font-family: Georgia;
    text-transform: uppercase;  
}

.details {
    font-style: italic; 
    color: #f6a213;
}

.commentCount a {
    text-decoration: none !important; 
    font-style: normal !important; 
}

.articleLink {
    font-size: 0.75em;
}

.textContent {
    margin-bottom: 15px;  
}

.textContent p {
    margin-bottom: 10px;  
}

.textContent i {
    clear: both; 
}

.textContent ul {
    list-style-position: outside; 
    font-size: 0.75em;  
    line-height: 14pt; 
    margin-bottom: 10px; 
}

.textContent ul li {
    margin-left: 20px;    
}

.answer {
    font-size: 0.75em;
    margin-bottom: 15px;  
}
.question {
    font-size: 0.75em;
    margin-bottom: 0px;
    font-style: italic; 
    font-weight: bold;  
}

.comment {
    font-size: 0.75em;
    padding-bottom: 15px; 
    margin-bottom: 15px;
    border-bottom: 1px dotted #C6C7C8;  
}

.comment a {
    margin-top: 10px; 
}

.errorField {
    border: 1px solid red !important; 
}

.font12pt {
    font-size: 0.75em;
}

.font12pt div {
    font-size: inherit;
}

.font11pt {
    font-size: 0.6875em;
}

.rsslink  {
    display: block; 
    line-height: 16px !important; 
    height:16px; 
    margin-top: 5px;  
}

.rsslink img {
    margin-right: 5px; 
}


a.blacklink {
    color: #000 !important; 
    text-decoration: underline !important; 
    font-style: normal !important;
}

a.blacklink:hover {
    text-decoration: none !important; 
}

ul.arrowList, #rightColoumn ul.arrowList {
    list-style-image:  url('/img/list_arrow.gif'); 
    list-style-position: outside;
    margin-left: 10px;
    padding-left: 7px;
       
}

ul.arrowList li, #rightColoumn ul.arrowList li {
    margin-bottom: 4px !important; 
    font-size: 1em; 
}

.linkList a, .arrowList a {
    color: #000 !important; 
    text-decoration: underline !important; 
}

.linkList a:hover,  .arrowList a:hover{
    text-decoration: none !important;  
}

.error, .red {
    color: red;
}

#sliderLayer {
    clear: left;   
}

#sliderLayer .topBar {
    height: 15px; 
    background: url(/img/sliderLayerTop.gif) no-repeat;
}

#sliderLayer .ausgabe {
    float: left; 
    display: inline; 
    margin: 0px 7px 7px 0px;
    text-align: center; 
    font-size: 0.75em;
    width: 82px;
    height: 115px; 
    padding: 1px 4px 0px 4px;  
    background: transparent url('/img/thumbBackground.gif') no-repeat top center;   
}

#sliderLayer .ausgabe a img {
     
}

.glossarBox {
    /* border: 1px dotted #c6c7c8;
    border-left: 0px; 
    border-right: 0px; 
    padding: 13px 0px 13px 15px; */
    
    padding-left: 13px;  
}

.seperator {
    border-top: 1px dotted #c6c7c8; 
    height: 1px; 
    font-size: 1px; 
    line-height: 1px; 
}



/* - Footer - */     

#footLayer {
    color: #9b9b9b;  
    position: relative; 
    margin-top: 0px; 
    margin-bottom: 40px; 
    font-size: 0.75em;
    clear: both; 
}

#footLayer .bottomBar {
    height: 30px; 
    background: url(/img/sliderLayerBottom.gif) no-repeat bottom;
    margin-bottom: 4px; 
    position: relative;
}

#footLayer ul   {
	position: relative; 
	
}

#footLayer ul li  {
	list-style: none;
	padding-top: 2px;
	padding-right: 8px;
	float: left;
	position: relative; 
}

#footLayer ul li img  {
	vertical-align: top: 
}

#footLayer ul li.last  {
    padding-right: 0px; 
}

#footLayer ul li a {
	text-decoration: none;
	color: #9D9D9D;
	margin-right: 8px;
	margin-bottom: 5px; 
    top: 0px;  
	
}

#footLayer ul li.last a {
    margin-right: 0px; 
}

#footLayer ul li a:hover {
	text-decoration: underline;
}




* html #footLayer {   /* IE6 Hack */
    height: 30px;  
}

/* Formulare */

fieldset {
    font-size: 0.75em;  
    padding: 6px; 
    margin-bottom: 6px; 
}

fieldset p {
    font-size: 1em !important;  
}

fieldset legend { 
    padding: 3px; 
    font-weight: bold;
    color: black;  
}

fieldset label {
    font-weight: bold;  
}

fieldset .text, fieldset .textarea {
    border: 1px solid #f6a213; 
    width: 240px; 
    padding: 2px;
    margin-bottom: 3px; 
}

#captcha {
	width: 240px;
	float: left;
}


.tx-gpmrecommend-pi1 fieldset {
    border: 0px;
}

.tx-gpmrecommend-pi1 fieldset legend {
    display: none; 
}

.tx-gpmrecommend-pi1 fieldset label {
    display: block; 
    float: left;  
    width: 140px; 
    
}                 

.tx-gpmrecommend-pi1 fieldset .text {
  
    width: 225px; 
    border: 1px solid #c6c7c8;
    padding: 2px; 
}

.tx-gpmrecommend-pi1 fieldset textarea {
  
    width: 225px; 
    border: 1px solid #c6c7c8;
    padding: 2px; 
}

.bold {
    font-weight: bold !important; 
}

.tx-gpmabonnieren-pi1 fieldset .text {
  
    width: 225px; 
    border: 1px solid #c6c7c8;
    padding: 2px; 
}

.tx-gpmabonnieren-pi1 fieldset textarea {
  
    width: 225px; 
    border: 1px solid #c6c7c8;
    padding: 2px; 
}

.tx-gpmabonnieren-pi1 fieldset {
    border: 0px;
}

.tx-gpmabonnieren-pi1 fieldset legend {
    display: none; 
}

.tx-gpmabonnieren-pi1 fieldset label {
    display: block; 
    float: left;  
    width: 120px; 
    
}          

.tx-gpmabonnieren-pi1 fieldset .text {
  
    width: 245px; 
    border: 1px solid #c6c7c8;
    padding: 2px; 
}

.tx-gpmabonnieren-pi1 fieldset textarea {
  
    width: 240px; 
    border: 1px solid #c6c7c8;
    padding: 2px; 
}


#registrationForm fieldset {
    border: 0px solid red;
    padding: 0px;  
}

#registrationForm legend {
    padding: 0px; 
      
}

#registrationForm dd {
    width: 270px;
padding:4px;	
}

#registrationForm dt {
    width: 90px; 
    padding: 4px;  
}

.tx-srfeuserregister-pi1 label {
	display: block;
	float: left;
	margin-bottom: 5px !important;
	padding: 0;
	width: 135px;
}

#registrationForm .tr {
	margin-bottom: 3px;
	clear: both; 
}

.tx-srfeuserregister-pi1-submit {
	/*margin-left: 120px !important;*/
}

#registrationForm .tx-srfeuserregister-pi1 p {
	padding-left: 0px !important;
}



#registrationForm .tx-srfeuserregister-pi1-text,
#registrationForm .tx-srfeuserregister-pi1-password,
#registrationForm #tx-srfeuserregister-pi1-captcha-response {
	display: block;
	float: left;    
	width: 235px; 
    border: 1px solid #c6c7c8;
    padding: 2px; 
}


#registrationForm p {
    font-size: 0.75em; 
}

#loginForm, #passwordForm, #logoutForm {
    border: 0px; 
    padding: 0px;
    margin: 10px 0px;
}


#loginForm dt {
    padding: 0px;
    width: 100px;
    float: left;   
}
#loginForm dd, #passwordForm dd {
    padding: 0px;
    margin-bottom: 3px;  
}

#loginForm .text, #passwordForm .text {
    width: 200px; 
    border: 1px solid #c6c7c8;
    padding: 2px; 
}

#passwordForm dt {
    padding: 0px;
    width: 180px;
    float: left;   
}


#passwordForm  .tx-srfeuserregister-pi1-submit {
   margin-top: 0px !important;  
}

#aboForm dt {
    padding: 0px;
    width: 100px;
    float: left;   
}
#aboForm dd {
    padding: 0px;
    margin-bottom: 3px;
    display: block; 
    float: right; 
    width: 270px; ;  
}

#aboForm  {
    border: 0px; 
    padding: 0px; 
    margin-top: 10px; 
}

#aboForm .textbox {
    width: 230px; 
    border: 1px solid #c6c7c8;
    padding: 2px;
	margin-bottom: 3px;
}

#aboForm td {
    padding-bottom: 4px; 
}

#aboForm dt {
    font-weight: bold; 
}

#aboForm label {
    font-weight: normal;
}

#aboForm .select {
    width: auto; 
    border: 1px solid #c6c7c8;
	margin-bottom: 3px;	
}

.csc-textpic-text p {
    margin-bottom: 10px;
}

.csc-textpic-text ul {
    list-style: outside;
    margin-left: 13px; 
    margin-bottom: 10px;
}

.csc-textpic-text ul li {
    margin-bottom: 3px;
    font-size: 0.75em;	
}


.userData {
    text-align: left;  
}

.userData dt label {
    width: auto !important;  
}

.userData dt {
    font-weight: bold; 
}

.userData fieldset {
    border: 1px solid #C6C7C8 !important;  
}

.userData fieldset legend{
    padding: 3px !important; 
}

.userData .tx-srfeuserregister-pi1-text {
    width: 200px !important; 
}
              

.userData .userTable th, .userData .userTable td {
    padding: 2px; 
}

.userData .button, .submitButton {
    background-color: #E5E5E5;
	border: 1px solid #CCCCCC;
	cursor: pointer !important;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px !important;
	padding: 2px 5px !important;
	width: auto;
	font-size: 9pt;
}

.alignRight {
    text-align: right; 
}

/* - bookmarks - */

/* ---- Bookmarks ---- */
#bookmarkLi {
	position: relative;
}

#bookmarkPopup {
    width: 128px;
    z-index: 2000;
    position: absolute;
    bottom: 20px; 
    left: -20px;
    display: none;
}

#bookmarkPopupTop {
    background: url(/img/bookmarks_bg-top.gif) 0 0 no-repeat;
    height: 12px;
	cursor: pointer;
}

#bookmarkPopupBottom {
    background: url(/img/bookmarks_bg-bottom.gif) 0 0 no-repeat;
    height: 13px;
    border: none !important;
    margin: 0;
}

img#bookmarkPopupCloseBtn {
    margin-top: 4px !important;
    margin-right: 4px !important;
    float: right;
    z-index: 1001;
}

#bookmarkPopup a:link,
#bookmarkPopup a:visited {
    text-decoration: none;
    color: darkred;
}

#bookmarkPopup a:hover {
    text-decoration: underline;
}

#bookmarkLayer {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: white;
}


#bookmarkLayer ul {
	margin-left: 10px;
	float: none !important;
}

#bookmarkLayer ul li {
	padding-left: 0 !important;
	float: none !important;
    margin: 0px !important; 	
}	

#bookmarkLayer ul li a {
	font-weight: normal;
	height: 22px;
	line-height: 17px;
	color: #005492;
	display: block !important;
	float: none !important;
	padding: 0 !important;
	padding-left: 25px !important;
    margin: 0 !important;	
}

#bookmarkLayer ul li a:hover {
	text-decoration: underline !important;	
}

.bmgoogle {	  
	background: transparent url(/img/bookmarks_icon-google.gif) no-repeat;	  
}

.bmmrwong {	  
	background: transparent url(/img/bookmarks_icon-mrwong.gif) no-repeat;	  
}

.bmDelicious {	  
	background: transparent url(/img/bookmarks_icon-delicious.gif) no-repeat;	  
}
 
.bmwebnews {
	background: transparent url(/img/bookmarks_icon-webnews.gif) no-repeat;	  
}

.bmfacebook {
	background: transparent url(/img/bookmarks_icon-facebook.gif) no-repeat;	  
}

.bmlinkarena {
	background: transparent url(/img/bookmarks_icon-linkarena.gif) no-repeat;	  
}

.bmyigg {
	background: transparent url(/img/bookmarks_icon-yigg.gif) no-repeat;	  
}

.bmdigg {
	background: transparent url(/img/bookmarks_icon-digg.png) no-repeat;	  
}


/* ---- misc ---- */
/*
img {
    display: block;
} */

.floatLeft {
	margin-right: 20px;
	float: left;
}

.floatRight {
	margin-left: 20px;
	float: right;
}

#footLayer {
	font-size: 11px;
}

.autoWidth {
	width: 100% !important;
}

.margLeft120 {
	margin-left: 120px !important;
}

#footLayer  .floatRight {
	margin-left: 0;
}

#footLayer  .floatLeft {
	margin-right: 0;
}

.hasBorder {
	border: 1px solid #C1C9B5;
}

.noMargBot {
	margin-bottom: 0px !important;
}

.clearAll {
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

.hide {
	display: none !important;
}

.printInfo {
    display: none; 
}