/*Basic Page Layout*/
body {background-color:#FFFFFF; }
html, body {text-align:center; height:85%; margin:0px; padding:0px; margin-left:auto; margin-right:auto; color:#000000}
a {color:#CCCCCC;}
a:hover {color:#FF9600}
body, div, td {font-family: Arial; font-size:12px; }
#container {width:1000px; min-height:600px; height:100%; margin-left:auto; margin-right:auto; text-align:left;}
#header {padding:0px; margin:auto; margin-top:10px;margin-bottom:20px}
#leftCol {display:inline; border-right:1px dotted #000000; padding-right:5px; width:180px; float:left; margin:5px; margin-left:0; min-height:600px; height:100%}
#centerColSmall {display:inline; padding-left:5px; padding-right:5px; width:580px; float:left; margin:5px 0 5px 0;}
#centerColWidth {display:inline; padding-left:5px; padding-right:5px; width:795px; float:left; margin:5px 0 5px 0;}
#rightCol {display:inline; border-left:1px dotted #000000; padding-left:5px; width:200px; float:right; margin:5px; margin-right:0;min-height:600px; height:100%; background-image:url('/gfx/bg_rightCol.gif')}
#footer {border-top:1px dotted #CCCCCC; clear:both; padding:5px; text-align:center;}

/*Colors*/
.blue {color:#3B5DDC}
.orange {color:#FF9600}
.greyMiddle {color:#CCCCCC}

/* MainNavi */
.mainNavi, .mainNaviSplitter {padding:0px; margin:0px}
.mainNavi a {display:box; float:left; white-space:nowrap; line-height:27px;
	height:27px; font-family:Verdana; font-size:12px; color:#FFFFFF; padding:0px 10px 0px 10px; text-decoration:none; border:none}
.mainNavi a:hover {background-image:url('/gfx/bg_mainnavi_hover.gif'); background-repeat:repeat-x; color:#FFFFFF}
.mainNaviSplitter {float:left; width:2px; height:27px; background-image:url('/gfx/bg_mainnavi_splitter.gif'); background-repeat:no-repeat}

/* Subnavi */
.subNaviRow {height:25px; border-top:1px dotted #000000; padding-left:10px}
.subNaviSubRow {height:25px; border-top:1px dotted #000000; padding-left:30px}
.subNaviRowHover {background-color:#FF9600; height:25px; border-bottom:1px dotted #000000; padding-left:10px; background-image:url('/gfx/bg_subNavi_hover.gif'); background-repeat:repeat-x}
td.subNaviRow a.subNaviLink, td.subNaviSubRow a.subNaviLink {color:#FF9600; text-decoration:none; }
td.subNaviRow a.subNaviLink:hover, td.subNaviSubRow a.subNaviLink:hover {color:#000000;}
td.subNaviRowHover a.subNaviLink {color:#000000; text-decoration:none;}
td.subNaviRowHover a.subNaviLink:hover {color:#000000;}

/* Form */
#formContainer {}
#formContainer .row {border-bottom:1px dotted #000000; clear:both;}
#formContainer .submitrow {border-bottom:1px dotted #000000; clear:both; background:#333333; padding-top:20px; padding-bottom:10px}
#formContainer .header {border:1px solid #FF9600; background:#ffb33d; color:#FFFFFF; font-size:14px; font-style:italic; font-weight:bold; padding-left:25px; padding-top:3px; height:25px; background-image:url('/gfx/bg_formHeader.gif'); background-repeat:repeat-x}
#formContainer .label {font-weight:bold; width:120px; color:#ff9b00; padding:5px; float:left}
#formContainer .field {width:250px; padding:5px; float:left}
#formContainer .hint {padding:5px 5 5 0; color:#959595; font-size:11px; font-style:italic; display:inline}
#formContainer .requiredHint {width:120px; color:#959595; padding:5px; float:left}
#formContainer .button {background:#000000; color:#FFFFFF}
#formContainer .textfield {width:90%}
#formContainer .textarea80 {width:90%; height:80px}
#formContainer .textarea150 {width:90%; height:150px}
#formContainer .selection {width:90%;}

/*Headings*/
.infoBoxHeadline {font-weight:bold; font-size:14px;; font-style:italic}
.pageHeadline {font-weight:bold; font-size:22px;; font-style:italic; font-family:Times; color:#FF9600}
.pageHeadlineOrange {font-weight:bold; font-size:22px;; font-style:italic; font-family:Times; color:#FF9600}
.pageHeadlineLabel {text-align:right;color:#CCCCCC; font-size:10px; width:150px; float:right;}
.pageHeadlineImageCount {color:#959595; line-height:22px; margin-left:20px}


.error {color:#ED171F}
div.separator {clear:both; height:1px; font-size:1px}
.caption {font-size:11px; color:#959595; margin-left:10px; margin-right:10px}

#intermedImageFrame {border:1px solid #CCCCCC; text-align:center; padding:20px 2px 0px 2px; margin-top:10px; clear:both}
#intermedImageFrame #prev {width:100px; height:50px; padding:10px; float:left; text-align:left}
#intermedImageFrame #next {width:100px; height:50px; padding:10px; float:right; text-align:right}
#intermedImageFrame #vote {height:50px; padding:10px; }

/*image Hover*/
#hoverImages .outerDiv {border: 1px dotted #222222;float:left; margin-left:8px; margin-top:10px; width:120px; height:120px; text-align:center; vertical-align:middle;display:block}
#hoverImages .outerDivCollection {border-top: 3px solid #CCCCCC; border-right: 1px dotted #CCCCCC;border-bottom: 1px dotted #CCCCCC; border-left: 1px dotted #CCCCCC;float:left; margin-left:8px; margin-top:10px; width:120px; height:120px; text-align:center; vertical-align:middle;display:block}
#hoverImages .innerDiv {width:200px; text-align:center;height:auto; background:#000000; border:1px solid #FFFFFF; position:absolute; z-index:1; color:#CCCCCC;  font-size:12px; overflow:hidden;}
#hoverImages .hoverImage {border:1px solid #FFFFFF; margin-top:20px}
#hoverImages .separator {clear:both; border-top:2px dotted #ff9b00; height:10px; margin-left:10px; margin-right:10px}
#hoverImages .userImage {border:1px solid #FFFFFF; margin-bottom:10px}
#hoverImages .image {border:1px solid #FFFFFF; margin-top:10px; position:relative; z-index:1; }

/*Comments*/
.commentNewHeader {background-image:url('/gfx/commentNew_header.jpg'); background-repeat:no-repeat; height:26px; padding-left:40px}
.commentNewBody {background-image:url('/gfx/commentNew_body.jpg'); background-repeat:repeat-y; padding-left:40px}
.commentNewFooter {background-image:url('/gfx/commentNew_footer.jpg'); background-repeat:no-repeat; height:19px; padding-left:40px}
.commentHeader {background-image:url('/gfx/comment_header.jpg'); background-repeat:no-repeat; height:26px; padding-left:40px; padding-right:25px; padding-top:2px; color:#3C3C3C;font-size:11px}
.commentBody {background-image:url('/gfx/comment_body.jpg'); background-repeat:repeat-y; padding-left:40px; padding-right:25px; color:#000000}
.commentBody a {color:#FF9600}
.commentBody a:hover {color:#3C3C3C}
.commentFooter {background-image:url('/gfx/comment_footer.jpg'); background-repeat:no-repeat; height:19px; padding-left:40px; padding-right:25px}

/*Infobox*/
.infoboxHeader {width:190px; height:10px; background-image:url('/gfx/infobox_header.gif'); background-repeat:no-repeat; padding:0px; margin:0px; font-size:3px;}
.infoboxTitle {width:190px; background-image:url('/gfx/infobox_body.gif'); background-repeat:repeat-y; padding-left:5px; padding-right:5px; cursor:pointer}
.infoboxBody {width:190px; background-image:url('/gfx/infobox_body.gif'); background-repeat:repeat-y; padding-left:5px; padding-right:5px;}
.infoboxFooter {width:190px; height:10px; background-image:url('/gfx/infobox_footer.gif'); background-repeat:no-repeat; padding:0px; margin:0px; font-size:3px;}
.infoboxTitle .title {color:#FF9600; font-weight:bold; font-style:italic;}
.infoboxTitle .title:hover {text-decoration:underline; color:#CCCCCC}
.infoboxBody a{color:#CCCCCC; font-weight:bold; font-style:italic; margin-left:15px}
.infoboxBody a:hover {color:#FF9600; font-weight:bold; font-style:italic;}
.infoboxBody .title {color:#FF9600; font-weight:bold; font-style:italic;}
.infoboxBody .meta {color:#959595; font-weight:bold; font-style:italic; font-size:11px; font-weight:normal}

/* Paging */
.activePageTd {background:#FF9600; border: 1px solid #FF9600}
.inactivePageTd {border:1px solid #FFFFFF} 
.activePage {color:#FFFFFF; text-decoration:none}
.inactivePage {color:#FFFFFF;text-decoration:none}
.activePage:hover {color:#000000}

.highlightedForm {padding:25px; background:#585858; border:1px dotted #000000; background-image:url('/gfx/bg_highlightedForm.gif'); background-repeat:repeat-x}

.tabelle3spaltig, .tabelle2spaltig  {margin:0px; padding:0px; background:#CCCCCC}
.tabelle3spaltig .kopf td {width:200px; background:#CCCCCC; color:#000000; text-align:center; padding:5px}
.tabelle3spaltig .zeile td {width:200px; padding:5px; background:#F4F4F4}
.tabelle2spaltig .kopf td {width:300px; background:#CCCCCC; color:#000000; text-align:center; padding:5px}
.tabelle2spaltig .zeile td {width:300px; padding:5px; background:#F4F4F4}